SIte_Shag/obr_site/index.html

1447 lines
108 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
{% load static %}
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Образовательный Навигатор</title>
<script src="{% static 'js/metrika.js' %}"></script>
<link href="https://fonts.googleapis.com/css?family=SF+Pro+Display:300,400,500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
<header class="site-header">
<div class="site-header-inner">
<div class="site-logo-mini">агВБудущее73</div>
<nav class="site-nav">
<a class="site-nav-link" href="#universitiesAction">Подбор вузов</a>
<a class="site-nav-link" href="#careerTestAction">Профориентационный тест</a>
<a class="site-nav-link" href="#ratingAction">Рейтинг вузов</a>
</nav>
</div>
</header>
<body>
<div class="hero">
<div id="particles-js"></div>
<div class="floating-element"></div>
<div class="floating-element"></div>
<div class="floating-element"></div>
<div class="container">
<div class="hero-content">
<img src="{% static 'img/logo.svg' %}" alt="Логотип Образовательного Навигатора" class="logo">
<h1>Образовательный Навигатор 73</h1>
<p>Ваш путеводитель в мире образования и профессионального развития</p>
</div>
</div>
</div>
<div class="container">
<h2 class="page-title">Страницы сайта</h2>
<section class="info-section" id="universitiesAction">
<h2>О ВУЗах Ульяновска</h2>
<p>Ульяновск — это город с богатыми образовательными традициями. Здесь расположены несколько ведущих вузов,
предлагающих широкий спектр специальностей и программ.</p>
<p>Наши вузы известны своими сильными образовательными программами и современной инфраструктурой. Здесь вы
получите не только качественное образование, но и уникальный опыт, который поможет вам в будущей
карьере.</p>
<p>В Ульяновске представлены как государственные, так и частные учебные заведения, что позволяет выбрать
оптимальный вариант для каждого абитуриента. Многие вузы активно сотрудничают с промышленными предприятиями
региона, обеспечивая студентам возможности для практики и дальнейшего трудоустройства.</p>
<a href="#" class="btn" id="showModalBtn">Узнать больше о ВУЗах</a>
</section>
<div class="buttons">
<div class="btn-container" id="ratingAction">
<h2>Рейтинг лучших вузов Ульяновска</h2>
<p>Оцените вузы по аккредитации, трудоустройству выпускников, рейтингам и отзывам реальных студентов.</p>
<p>Наш рейтинг составлен на основе анализа официальных данных, статистики трудоустройства выпускников,
отзывов студентов и экспертных оценок. Мы учитываем такие факторы как качество образования,
материально-техническая база, международное сотрудничество и карьерные перспективы выпускников.</p>
<a href="#" class="btn" id="showRatingBtn">Посмотреть рейтинг</a>
</div>
<div class="btn-container" id="careerTestAction">
<h2>Профориентационный тест</h2>
<p>За 15 минут определите, какие профессии подходят именно вам — с учётом склонностей, способностей и
ценностей.</p>
<p>Данный тест поможет вам не только
определить подходящие профессии, но и понять свои сильные стороны, интересы и ценности. Результаты теста
включают подробный анализ и рекомендации по выбору образовательного направления.</p>
<a href="#" class="btn" id="showCareerTestBtn">Пройти тест</a>
</div>
</div>
<section class="qa-section">
<h2>Это может быть полезно</h2>
<div class="qa-card">
<img src="{% static 'img/pp1.png' %}" alt="Эксперт по выбору вуза">
<div class="qa-card-content">
<h3>Как выбрать подходящий вуз?</h3>
<p>Обращайте внимание не только на рейтинг, но и на профиль вуза, условия обучения, наличие практик и
научных школ. Проверяйте аккредитацию и отзывы студентов.</p>
<p class="additional-text">При выборе вуза важно учитывать не только престижность учебного заведения, но
и его географическое расположение, стоимость обучения, наличие общежития для иногородних студентов,
а также возможности для международного обмена. Не забудьте проверить, какие предприятия сотрудничают
с вузом в плане трудоустройства выпускников.</p>
<a href="https://postupi.online/journal/postuplenie-v-vuz/kak-vybrat-vuz-i-ne-progadat/" target="_blank">Руководство от Postupi.Online
</a>
</div>
</div>
<div class="qa-card">
<img src="{% static 'img/pp2.jpg' %}" alt="HR-аналитик рынка труда">
<div class="qa-card-content">
<h3>Какие специальности востребованы на рынке труда?</h3>
<p>По данным Минтруда, в ближайшие годы наибольший спрос будет на IT-специалистов, инженеров, медиков и
педагогов — как с высшим, так и со средним специальным образованием</p>
<p class="additional-text">Анализ рынка труда показывает, что помимо традиционно востребованных
специальностей, растёт спрос на специалистов в области экологии, кибербезопасности, биоинформатики и
робототехники. Также важны "гибридные" профессии, сочетающие технические и гуманитарные навыки,
такие как UX/UI дизайнеры, аналитики данных и digital-маркетологи.</p>
<a href="https://trudvsem.ru/professions" target="_blank">Прогноз профессий от Минтруда РФ →</a>
</div>
</div>
<div class="qa-card">
<img src="{% static 'img/pp3.png' %}" alt="Консультант по поступлению">
<div class="qa-card-content">
<h3>Как подготовиться к поступлению в вуз?</h3>
<p>Официальные правила приёма в вузы на 20252029 гг. опубликованы Минобрнауки. Включают перечень ЕГЭ,
льготы, сроки подачи и условия поступления без экзаменов</p>
<p class="additional-text">Для успешного поступления важно не только хорошо сдать экзамены, но и
правильно подготовить документы. Начните подготовку за год до поступления: определитесь со
специальностью, изучите требования вузов, подготовьте портфолио (если требуется). Участвуйте в
олимпиадах - это может дать дополнительные баллы или право на поступление без экзаменов. Не
забывайте о возможности целевого обучения.</p>
<a href="https://rg.ru/2025/10/06/pravila-priema-v-vuzy-v-2025-godu-chto-nuzhno-znat.html" target="_blank">Правила приёма от Минобрнауки →</a>
</div>
</div>
</section>
</div>
<!-- Модальное окно с полной информацией о вузах -->
<div class="modal" id="universitiesModal">
<div class="modal-content">
<button class="modal-close" id="closeModalBtn">&times;</button>
<div class="modal-header">
<div class="modal-header-content">
<h2 class="modal-title">ВУЗы Ульяновска</h2>
<p class="modal-subtitle">Полная информация о высших учебных заведениях города</p>
</div>
</div>
<div class="modal-body">
<!-- Герой-секция -->
<!-- Список вузов Ульяновска -->
<section id="universities" class="qa-section">
<!-- Карточка УлГУ -->
<div class="university-card" id="ulgu">
<div class="university-header">
<h3>Ульяновский государственный университет (УлГУ)</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-map-marker-alt"></i> Ул. Льва Толстого, 42</div>
<div class="meta-item"><i class="fas fa-calendar-alt"></i> Основан в 1988 г.</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> Государственный вуз</div>
<div class="meta-item"><i class="fas fa-star"></i> Опорный университет региона</div>
</div>
</div>
<div class="university-body">
<div class="university-gallery">
<img src="https://via.placeholder.com/400x300/0071e3/ffffff?text=Главный+корпус+УлГУ"
alt="Главный корпус УлГУ">
<img src="https://via.placeholder.com/400x300/0056b3/ffffff?text=Библиотека+УлГУ"
alt="Библиотека УлГУ">
<img src="https://via.placeholder.com/400x300/003d7a/ffffff?text=Студенческий+городок"
alt="Студенческий городок УлГУ">
</div>
<div class="university-history">
<p>Ульяновский государственный университет является самым молодым вузом Ульяновска. Его
история началась в феврале 1988 года с принятия Постановления Совета Министров СССР об
открытии в Ульяновске первого в истории филиала МГУ им. Ломоносова. В том же году к
занятиям приступили 200 студентов механико-математического и экономического
факультетов.</p>
<p>Важным этапом в развитии нового высшего учебного заведения классического типа стал 1995
год. 17 декабря Указом Президента РФ Б.Н. Ельцина филиал МГУ им. М.В. Ломоносова в г.
Ульяновске был преобразован в Ульяновский государственный университет. В апреле 2017
года УлГУ получил статус опорного вуза Ульяновской области.</p>
<p>Университет сочетает классические университетские традиции с новейшими тенденциями
развития российской и мировой систем образования. УлГУ активно сотрудничает с
крупнейшими предприятиями региона, такими как Ульяновский автомобильный завод,
"Авиастар-СП", НИИ атомных реакторов в г. Димитровграде.</p>
</div>
<div class="admission-info">
<div class="info-block">
<div class="info-value">40</div>
<div class="info-label">Средний балл ЕГЭ (бюджет)</div>
</div>
<div class="info-block">
<div class="info-value">655</div>
<div class="info-label">Бюджетных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">2 370</div>
<div class="info-label">Платных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">от 44 900 ₽</div>
<div class="info-label">Стоимость обучения (год)</div>
</div>
</div>
<div class="faculties-section">
<h4>Факультеты и направления подготовки</h4>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-header">
<span>Институт экономики и бизнеса</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Экономика</div>
<div class="direction-item">Менеджмент</div>
<div class="direction-item">Бизнес-информатика</div>
<div class="direction-item">Государственное и муниципальное управление</div>
<div class="direction-item">Торговое дело</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Институт медицины, экологии и физической культуры</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Лечебное дело</div>
<div class="direction-item">Педиатрия</div>
<div class="direction-item">Фармация</div>
<div class="direction-item">Экология и природопользование</div>
<div class="direction-item">Физическая культура</div>
<div class="direction-item">Адаптивная физическая культура</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Институт международных отношений</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Международные отношения</div>
<div class="direction-item">Зарубежное регионоведение</div>
<div class="direction-item">Лингвистика</div>
<div class="direction-item">Перевод и переводоведение</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Юридический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Юриспруденция</div>
<div class="direction-item">Правовое обеспечение национальной безопасности
</div>
<div class="direction-item">Экономическая безопасность</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="university-footer">
<div>
<a href="https://ulsu.ru" target="_blank" class="official-site"><i
class="fas fa-external-link-alt"></i> Официальный сайт УлГУ</a>
</div>
</div>
</div>
<!-- Карточка УлГТУ -->
<div class="university-card" id="ulstu">
<div class="university-header">
<h3>Ульяновский государственный технический университет (УлГТУ)</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-map-marker-alt"></i> Ул. Северный Венец, 32</div>
<div class="meta-item"><i class="fas fa-calendar-alt"></i> Основан в 1957 г.</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> Государственный вуз</div>
<div class="meta-item"><i class="fas fa-cogs"></i> Технический университет</div>
</div>
</div>
<div class="university-body">
<div class="university-gallery">
<img src="https://via.placeholder.com/400x300/0071e3/ffffff?text=Главный+корпус+УлГТУ"
alt="Главный корпус УлГТУ">
<img src="https://via.placeholder.com/400x300/0056b3/ffffff?text=Лаборатории+УлГТУ"
alt="Лаборатории УлГТУ">
<img src="https://via.placeholder.com/400x300/003d7a/ffffff?text=Спорткомплекс+УлГТУ"
alt="Спорткомплекс УлГТУ">
</div>
<div class="university-history">
<p>Ульяновский государственный технический университет (Политех) — один из ведущих
технических вузов Поволжья. Университет готовит инженерные кадры для авиационной,
автомобильной, машиностроительной и других отраслей промышленности Ульяновской области и
России.</p>
<p>УлГТУ был основан в 1957 году как Ульяновский политехнический институт. За годы своего
существования вуз выпустил более 80 тысяч специалистов, многие из которых стали
руководителями крупных промышленных предприятий, учеными и общественными деятелями.</p>
<p>Сегодня УлГТУ активно развивает международное сотрудничество, внедряет инновационные
образовательные технологии и ведет научные исследования в области перспективных
направлений техники и технологий.</p>
</div>
<div class="admission-info">
<div class="info-block">
<div class="info-value">49</div>
<div class="info-label">Средний балл ЕГЭ (бюджет)</div>
</div>
<div class="info-block">
<div class="info-value">1 116</div>
<div class="info-label">Бюджетных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">6 225</div>
<div class="info-label">Платных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">от 36 000 ₽</div>
<div class="info-label">Стоимость обучения (год)</div>
</div>
</div>
<div class="faculties-section">
<h4>Факультеты и направления подготовки</h4>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-header">
<span>Институт авиационных технологий и управления</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Авиастроение</div>
<div class="direction-item">Эксплуатация авиационной техники</div>
<div class="direction-item">Управление в технических системах</div>
<div class="direction-item">Системный анализ и управление</div>
<div class="direction-item">Информационные системы и технологии</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Строительный факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Строительство</div>
<div class="direction-item">Архитектура</div>
<div class="direction-item">Дизайн архитектурной среды</div>
<div class="direction-item">Землеустройство и кадастры</div>
<div class="direction-item">Теплоэнергетика и теплотехника</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Машиностроительный факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Машиностроение</div>
<div class="direction-item">Конструкторско-технологическое обеспечение</div>
<div class="direction-item">Технология транспортных процессов</div>
<div class="direction-item">Наземные транспортно-технологические комплексы
</div>
<div class="direction-item">Эксплуатация транспортно-технологических машин
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Факультет информационных систем и технологий</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Информатика и вычислительная техника</div>
<div class="direction-item">Прикладная информатика</div>
<div class="direction-item">Программная инженерия</div>
<div class="direction-item">Информационная безопасность</div>
<div class="direction-item">Радиотехника</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="university-footer">
<div>
<a href="https://ulstu.ru" target="_blank" class="official-site"><i
class="fas fa-external-link-alt"></i> Официальный сайт УлГТУ</a>
</div>
</div>
</div>
<!-- Карточка УлГПУ -->
<div class="university-card" id="ulspu">
<div class="university-header">
<h3>Ульяновский государственный педагогический университет имени И.Н. Ульянова</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-map-marker-alt"></i> Площадь 100-летия со дня
рождения В.И. Ленина, 4
</div>
<div class="meta-item"><i class="fas fa-calendar-alt"></i> Основан в 1932 г.</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> Государственный вуз</div>
<div class="meta-item"><i class="fas fa-chalkboard-teacher"></i> Педагогический университет
</div>
</div>
</div>
<div class="university-body">
<div class="university-gallery">
<img src="https://via.placeholder.com/400x300/0071e3/ffffff?text=Главный+корпус+УлГПУ"
alt="Главный корпус УлГПУ">
<img src="https://via.placeholder.com/400x300/0056b3/ffffff?text=Актовый+зал+УлГПУ"
alt="Актовый зал УлГПУ">
<img src="https://via.placeholder.com/400x300/003d7a/ffffff?text=Библиотека+УлГПУ"
alt="Библиотека УлГПУ">
</div>
<div class="university-history">
<p>Ульяновский государственный педагогический университет имени И.Н. Ульянова — старейший
вуз Ульяновской области, основанный в 1932 году. Университет является ведущим
педагогическим вузом региона, готовящим учителей для школ, воспитателей для дошкольных
учреждений и специалистов для системы дополнительного образования.</p>
<p>За годы своей деятельности университет подготовил более 70 тысяч специалистов, многие из
которых работают не только в Ульяновской области, но и по всей России. Вуз носит имя
Ильи Николаевича Ульянова — выдающегося педагога и просветителя, отца В.И. Ленина.</p>
<p>Сегодня УлГПУ активно развивает инновационные образовательные технологии, цифровую
педагогику и инклюзивное образование, оставаясь флагманом педагогического образования в
Поволжье.</p>
</div>
<div class="admission-info">
<div class="info-block">
<div class="info-value">44</div>
<div class="info-label">Средний балл ЕГЭ (бюджет)</div>
</div>
<div class="info-block">
<div class="info-value">923</div>
<div class="info-label">Бюджетных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">664</div>
<div class="info-label">Платных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">от 41 100 ₽</div>
<div class="info-label">Стоимость обучения (год)</div>
</div>
</div>
<div class="faculties-section">
<h4>Факультеты и направления подготовки</h4>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-header">
<span>Факультет педагогики и психологии</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Педагогическое образование (с двумя профилями)
</div>
<div class="direction-item">Психолого-педагогическое образование</div>
<div class="direction-item">Специальное (дефектологическое) образование
</div>
<div class="direction-item">Психология</div>
<div class="direction-item">Социальная работа</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Филологический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Педагогическое образование (русский язык и
литература)
</div>
<div class="direction-item">Филология</div>
<div class="direction-item">Журналистика</div>
<div class="direction-item">Издательское дело</div>
<div class="direction-item">Реклама и связи с общественностью</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Естественно-географический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Педагогическое образование (биология, химия)
</div>
<div class="direction-item">Биология</div>
<div class="direction-item">География</div>
<div class="direction-item">Экология и природопользование</div>
<div class="direction-item">Химия</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Факультет физико-математического и технологического образования</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Педагогическое образование (математика,
информатика)
</div>
<div class="direction-item">Математика</div>
<div class="direction-item">Физика</div>
<div class="direction-item">Информационные системы и технологии</div>
<div class="direction-item">Технология и предпринимательство</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="university-footer">
<div>
<a href="https://ulspu.ru" target="_blank" class="official-site"><i
class="fas fa-external-link-alt"></i> Официальный сайт УлГПУ</a>
</div>
</div>
</div>
<!-- Карточка УлГАУ -->
<div class="university-card" id="ulsau">
<div class="university-header">
<h3>Ульяновский государственный аграрный университет имени П.А. Столыпина</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-map-marker-alt"></i> Бульвар Новый Венец, 1</div>
<div class="meta-item"><i class="fas fa-calendar-alt"></i> Основан в 1943 г.</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> Государственный вуз</div>
<div class="meta-item"><i class="fas fa-tractor"></i> Аграрный университет</div>
</div>
</div>
<div class="university-body">
<div class="university-gallery">
<img src="https://via.placeholder.com/400x300/0071e3/ffffff?text=Главный+корпус+УлГАУ"
alt="Главный корпус УлГАУ">
<img src="https://via.placeholder.com/400x300/0056b3/ffffff?text=Учебная+ферма+УлГАУ"
alt="Учебная ферма УлГАУ">
<img src="https://via.placeholder.com/400x300/003d7a/ffffff?text=Лаборатории+УлГАУ"
alt="Лаборатории УлГАУ">
</div>
<div class="university-history">
<p>Ульяновский государственный аграрный университет имени П.А. Столыпина — ведущий аграрный
вуз Поволжья, основанный в 1943 году. Университет готовит специалистов для
агропромышленного комплекса России: агрономов, зоотехников, ветеринаров, инженеров,
экономистов и управленцев.</p>
<p>Вуз носит имя выдающегося российского реформатора Петра Аркадьевича Столыпина, чья
аграрная реформа начала XX века оказала значительное влияние на развитие сельского
хозяйства России.</p>
<p>Сегодня УлГАУ активно внедряет современные технологии в сельское хозяйство, ведет научные
исследования в области селекции растений и животных, защиты растений, механизации
сельскохозяйственного производства и переработки сельскохозяйственной продукции.</p>
</div>
<div class="admission-info">
<div class="info-block">
<div class="info-value">33</div>
<div class="info-label">Средний балл ЕГЭ (бюджет)</div>
</div>
<div class="info-block">
<div class="info-value">473</div>
<div class="info-label">Бюджетных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">800</div>
<div class="info-label">Платных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">от 30 000 ₽</div>
<div class="info-label">Стоимость обучения (год)</div>
</div>
</div>
<div class="faculties-section">
<h4>Факультеты и направления подготовки</h4>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-header">
<span>Агротехнологический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Агрономия</div>
<div class="direction-item">Агрохимия и агропочвоведение</div>
<div class="direction-item">Садоводство</div>
<div class="direction-item">Ландшафтная архитектура</div>
<div class="direction-item">Технология производства и переработки с/х
продукции
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Ветеринарно-биологический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Ветеринария</div>
<div class="direction-item">Ветеринарно-санитарная экспертиза</div>
<div class="direction-item">Зоотехния</div>
<div class="direction-item">Биология</div>
<div class="direction-item">Биотехнология</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Инженерно-технологический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Агроинженерия</div>
<div class="direction-item">Эксплуатация транспортно-технологических машин
</div>
<div class="direction-item">Технологические машины и оборудование</div>
<div class="direction-item">Электроэнергетика и электротехника</div>
<div class="direction-item">Наземные транспортно-технологические комплексы
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Экономический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Экономика</div>
<div class="direction-item">Менеджмент</div>
<div class="direction-item">Государственное и муниципальное управление</div>
<div class="direction-item">Бухгалтерский учет, анализ и аудит</div>
<div class="direction-item">Землеустройство и кадастры</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="university-footer">
<div>
<a href="https://ulsau.ru" target="_blank" class="official-site"><i
class="fas fa-external-link-alt"></i> Официальный сайт УлГАУ</a>
</div>
</div>
</div>
<!-- Карточка УИ ГА -->
<div class="university-card" id="uiga">
<div class="university-header">
<h3>Ульяновский институт гражданской авиации имени Главного маршала авиации Б.П. Бугаева</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-map-marker-alt"></i> Ул. Можайского, 8/8</div>
<div class="meta-item"><i class="fas fa-calendar-alt"></i> Основан в 1935 г.</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> Государственный вуз</div>
<div class="meta-item"><i class="fas fa-plane"></i> Авиационный институт</div>
</div>
</div>
<div class="university-body">
<div class="university-gallery">
<img src="https://via.placeholder.com/400x300/0071e3/ffffff?text=Главный+корпус+УИ+ГА"
alt="Главный корпус УИ ГА">
<img src="https://via.placeholder.com/400x300/0056b3/ffffff?text=Тренажеры+УИ+ГА"
alt="Тренажеры УИ ГА">
<img src="https://via.placeholder.com/400x300/003d7a/ffffff?text=Аэродром+УИ+ГА"
alt="Аэродром УИ ГА">
</div>
<div class="university-history">
<p>Ульяновский институт гражданской авиации имени Главного маршала авиации Б.П. Бугаева —
один из ведущих авиационных вузов России, основанный в 1935 году. Институт готовит
специалистов для гражданской авиации: пилотов, авиадиспетчеров, инженеров по
эксплуатации авиационной техники, специалистов по аэронавигации и управлению воздушным
движением.</p>
<p>Вуз носит имя Главного маршала авиации Бориса Павловича Бугаева — выдающегося советского
военного и государственного деятеля, дважды Героя Социалистического Труда, министра
гражданской авиации СССР.</p>
<p>Институт обладает уникальной учебно-тренировочной базой, включающей собственный аэродром,
парк самолетов и вертолетов, современные тренажеры для подготовки пилотов и
авиадиспетчеров. Выпускники института работают в авиакомпаниях России и зарубежных
стран.</p>
</div>
<div class="admission-info">
<div class="info-block">
<div class="info-value">42</div>
<div class="info-label">Средний балл ЕГЭ (бюджет)</div>
</div>
<div class="info-block">
<div class="info-value">578</div>
<div class="info-label">Бюджетных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">240</div>
<div class="info-label">Платных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">от 45 700 ₽</div>
<div class="info-label">Стоимость обучения (год)</div>
</div>
</div>
<div class="faculties-section">
<h4>Факультеты и направления подготовки</h4>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-header">
<span>Летный факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Эксплуатация воздушных судов (пилот)</div>
<div class="direction-item">Летная эксплуатация гражданских воздушных
судов
</div>
<div class="direction-item">Организация летной работы</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Факультет управления воздушным движением</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Эксплуатация аэропортов и обеспечение полетов
</div>
<div class="direction-item">Аэронавигация</div>
<div class="direction-item">Управление воздушным движением</div>
<div class="direction-item">Техническая эксплуатация авиационных
электросистем
</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Инженерный факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Техническая эксплуатация летательных аппаратов
</div>
<div class="direction-item">Техническая эксплуатация авиационных
двигателей
</div>
<div class="direction-item">Техническая эксплуатация авиационного
оборудования
</div>
<div class="direction-item">Управление техническим состоянием авиационной
техники
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="university-footer">
<div>
<a href="https://uvauga.ru" target="_blank" class="official-site"><i
class="fas fa-external-link-alt"></i> Официальный сайт УИ ГА</a>
</div>
</div>
</div>
<!-- Карточка РАНХиГС -->
<div class="university-card" id="ranepa">
<div class="university-header">
<h3>Ульяновский филиал Российской академии народного хозяйства и государственной службы при
Президенте РФ (РАНХиГС)</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-map-marker-alt"></i> Ул. Гончарова, 38</div>
<div class="meta-item"><i class="fas fa-calendar-alt"></i> Основан в 1991 г.</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> Государственный вуз</div>
<div class="meta-item"><i class="fas fa-landmark"></i> Академия государственной службы</div>
</div>
</div>
<div class="university-body">
<div class="university-gallery">
<img src="https://via.placeholder.com/400x300/0071e3/ffffff?text=Здание+РАНХиГС"
alt="Здание РАНХиГС">
<img src="https://via.placeholder.com/400x300/0056b3/ffffff?text=Аудитории+РАНХиГС"
alt="Аудитории РАНХиГС">
<img src="https://via.placeholder.com/400x300/003d7a/ffffff?text=Библиотека+РАНХиГС"
alt="Библиотека РАНХиГС">
</div>
<div class="university-history">
<p>Ульяновский филиал Российской академии народного хозяйства и государственной службы при
Президенте Российской Федерации (РАНХиГС) — ведущий вуз в области подготовки
управленческих кадров для государственной службы, органов местного самоуправления и
бизнеса.</p>
<p>Филиал был основан в 1991 году и с тех пор подготовил более 5 тысяч специалистов в
области государственного и муниципального управления, экономики, юриспруденции.
Выпускники филиала работают в органах государственной власти Ульяновской области,
муниципальных образованиях, коммерческих организациях.</p>
<p>РАНХиГС является крупнейшим в России вузом социально-экономического и гуманитарного
профиля, а его ульяновский филиал активно участвует в реализации образовательных
программ, ориентированных на потребности региона.</p>
</div>
<div class="admission-info">
<div class="info-block">
<div class="info-value">57</div>
<div class="info-label">Средний балл ЕГЭ (бюджет)</div>
</div>
<div class="info-block">
<div class="info-value">5</div>
<div class="info-label">Бюджетных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">260</div>
<div class="info-label">Платных мест (2025)</div>
</div>
<div class="info-block">
<div class="info-value">от 45 000 ₽</div>
<div class="info-label">Стоимость обучения (год)</div>
</div>
</div>
<div class="faculties-section">
<h4>Факультеты и направления подготовки</h4>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-header">
<span>Факультет государственного и муниципального управления</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Государственное и муниципальное управление</div>
<div class="direction-item">Управление персоналом</div>
<div class="direction-item">Менеджмент</div>
<div class="direction-item">Бизнес-информатика</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Юридический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Юриспруденция</div>
<div class="direction-item">Правовое обеспечение государственной службы
</div>
<div class="direction-item">Судебная и прокурорская деятельность</div>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<span>Экономический факультет</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="accordion-content">
<div class="directions-list">
<div class="direction-item">Экономика</div>
<div class="direction-item">Финансы и кредит</div>
<div class="direction-item">Бухгалтерский учет, анализ и аудит</div>
<div class="direction-item">Налоги и налогообложение</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="university-footer">
<div>
<a href="https://ulyanovsk.ranepa.ru" target="_blank" class="official-site"><i
class="fas fa-external-link-alt"></i> Официальный сайт РАНХиГС</a>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<!-- Новое модальное окно: школьный профориентационный тест -->
<div class="modal" id="careerTestModal">
<div class="modal-content">
<button class="modal-close" id="closeCareerTestBtn">&times;</button>
<div class="modal-header">
<div class="modal-header-content">
<h2 class="modal-title">Профориентационный тест (11 класс)</h2>
<p class="modal-subtitle">24 вопроса • 57 минут • Подбор направлений обучения</p>
</div>
</div>
<div class="modal-body">
<form id="careerTestForm" class="career-test">
<div class="career-test-progress">
<div class="progress-bar">
<div class="progress-fill" id="careerTestProgressFill"></div>
</div>
<span class="current-step" id="careerTestStepLabel">Шаг 1 из 24</span>
</div>
<!-- 24 вопроса (варианты заточены под 11 класс, не только IT) -->
<div class="career-step active" data-step="1">
<h3>1. Какой школьный предмет тебе реально интересен?</h3>
<p class="hint">Выбери один вариант.</p>
<div class="career-options">
<label class="career-option"><input type="radio" name="q1" value="I"><span>Математика / информатика / физика</span></label>
<label class="career-option"><input type="radio" name="q1" value="S"><span>Биология / обществознание (про людей)</span></label>
<label class="career-option"><input type="radio" name="q1" value="A"><span>Литература / искусство / музыка</span></label>
<label class="career-option"><input type="radio" name="q1" value="E"><span>Экономика / право / история (про управление и правила)</span></label>
</div>
</div>
<div class="career-step" data-step="2">
<h3>2. Что чаще всего получается лучше?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q2" value="I"><span>Решать задачи, находить закономерности</span></label>
<label class="career-option"><input type="radio" name="q2" value="S"><span>Объяснять, помогать, поддерживать</span></label>
<label class="career-option"><input type="radio" name="q2" value="A"><span>Придумывать идеи, оформлять красиво</span></label>
<label class="career-option"><input type="radio" name="q2" value="R"><span>Делать руками: собирать/ремонтировать/настраивать</span></label>
</div>
</div>
<div class="career-step" data-step="3">
<h3>3. Какой формат деятельности ближе?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q3" value="S"><span>С людьми: объяснять, общаться, договариваться</span></label>
<label class="career-option"><input type="radio" name="q3" value="I"><span>С информацией: анализ, поиск, логика</span></label>
<label class="career-option"><input type="radio" name="q3" value="A"><span>С идеями: креатив, дизайн, контент</span></label>
<label class="career-option"><input type="radio" name="q3" value="C"><span>С порядком: документы, таблицы, точность</span></label>
</div>
</div>
<div class="career-step" data-step="4">
<h3>4. Где было бы комфортнее работать?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q4" value="C"><span>В офисе/в кабинете, спокойно и по плану</span></label>
<label class="career-option"><input type="radio" name="q4" value="S"><span>В школе/клинике/сервисе — рядом с людьми</span></label>
<label class="career-option"><input type="radio" name="q4" value="R"><span>В мастерской/на производстве/в лаборатории</span></label>
<label class="career-option"><input type="radio" name="q4" value="A"><span>В студии/медиа/творческой команде</span></label>
</div>
</div>
<div class="career-step" data-step="5">
<h3>5. Что тебя мотивирует сильнее?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q5" value="E"><span>Доход и карьерный рост</span></label>
<label class="career-option"><input type="radio" name="q5"
value="S"><span>Польза людям</span></label>
<label class="career-option"><input type="radio" name="q5" value="A"><span>Самовыражение и творчество</span></label>
<label class="career-option"><input type="radio" name="q5" value="C"><span>Стабильность и понятные правила</span></label>
</div>
</div>
<div class="career-step" data-step="6">
<h3>6. Тебе ближе…</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q6" value="I"><span>Разбираться «почему так», искать причины</span></label>
<label class="career-option"><input type="radio" name="q6" value="R"><span>Делать «чтобы работало», результат руками</span></label>
<label class="career-option"><input type="radio" name="q6" value="S"><span>Слушать и понимать людей</span></label>
<label class="career-option"><input type="radio" name="q6" value="E"><span>Организовать/убедить/продвинуть идею</span></label>
</div>
</div>
<div class="career-step" data-step="7">
<h3>7. Что из этого звучит интереснее?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q7" value="S"><span>Психология/педагогика/коучинг</span></label>
<label class="career-option"><input type="radio" name="q7" value="I"><span>Наука/исследования/эксперименты</span></label>
<label class="career-option"><input type="radio" name="q7" value="A"><span>Дизайн/медиа/творческие проекты</span></label>
<label class="career-option"><input type="radio" name="q7" value="E"><span>Бизнес/управление/маркетинг</span></label>
</div>
</div>
<div class="career-step" data-step="8">
<h3>8. Как ты относишься к публичным выступлениям?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q8" value="E"><span>Нормально/нравится — могу вести презентации</span></label>
<label class="career-option"><input type="radio" name="q8" value="S"><span>Могу, если нужно, особенно чтобы помочь</span></label>
<label class="career-option"><input type="radio" name="q8" value="I"><span>Лучше без выступлений — люблю «тихие» задачи</span></label>
<label class="career-option"><input type="radio" name="q8" value="A"><span>Ок, если это творческий формат</span></label>
</div>
</div>
<div class="career-step" data-step="9">
<h3>9. Что бы выбрал(а) на проект в школе?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q9" value="I"><span>Исследование/опыты/аналитика</span></label>
<label class="career-option"><input type="radio" name="q9" value="A"><span>Видео/дизайн/презентация/оформление</span></label>
<label class="career-option"><input type="radio" name="q9" value="E"><span>Роль лидера: план, распределение задач</span></label>
<label class="career-option"><input type="radio" name="q9" value="C"><span>Таблицы, отчётность, структура, дедлайны</span></label>
</div>
</div>
<div class="career-step" data-step="10">
<h3>10. Как относишься к медицине и биологии?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q10" value="S"><span>Интересно помогать и разбираться в здоровье</span></label>
<label class="career-option"><input type="radio" name="q10" value="I"><span>Интересна наука (анализы, исследования, лаборатория)</span></label>
<label class="career-option"><input type="radio" name="q10" value="R"><span>Скорее практично: спорт/реабилитация/уход</span></label>
<label class="career-option"><input type="radio" name="q10" value="C"><span>Нейтрально — люблю точные инструкции и порядок</span></label>
</div>
</div>
<div class="career-step" data-step="11">
<h3>11. Нравится ли тебе разбирать «как устроено»?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q11" value="R"><span>Да: техника/механизмы/авто/электроника</span></label>
<label class="career-option"><input type="radio" name="q11" value="I"><span>Да: схемы/логика/алгоритмы/физика</span></label>
<label class="career-option"><input type="radio" name="q11" value="A"><span>Да: как сделать красиво/удобно/понятно</span></label>
<label class="career-option"><input type="radio" name="q11" value="S"><span>Больше интересно «как устроены люди»</span></label>
</div>
</div>
<div class="career-step" data-step="12">
<h3>12. Если бы предложили выбрать кружок…</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q12" value="A"><span>Фото/видео/театр/дизайн</span></label>
<label class="career-option"><input type="radio" name="q12" value="S"><span>Волонтёрство/помощь/педотряд</span></label>
<label class="career-option"><input type="radio" name="q12" value="R"><span>Техника/моделирование/практика</span></label>
<label class="career-option"><input type="radio" name="q12" value="E"><span>Дебаты/бизнес-клуб/организация событий</span></label>
</div>
</div>
<div class="career-step" data-step="13">
<h3>13. Тебе важнее…</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q13" value="C"><span>Чёткие правила и понятный результат</span></label>
<label class="career-option"><input type="radio" name="q13"
value="A"><span>Свобода и креатив</span></label>
<label class="career-option"><input type="radio" name="q13" value="E"><span>Влияние и возможность руководить</span></label>
<label class="career-option"><input type="radio" name="q13" value="S"><span>Дружная команда и поддержка</span></label>
</div>
</div>
<div class="career-step" data-step="14">
<h3>14. Как ты относишься к юридическим темам?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q14" value="E"><span>Интересно: суды, право, справедливость</span></label>
<label class="career-option"><input type="radio" name="q14" value="C"><span>Нравится разбираться в правилах и документах</span></label>
<label class="career-option"><input type="radio" name="q14" value="S"><span>Интересно защищать людей/консультировать</span></label>
<label class="career-option"><input type="radio" name="q14" value="A"><span>Скорее нет, мне ближе творчество</span></label>
</div>
</div>
<div class="career-step" data-step="15">
<h3>15. Что ближе по стилю задач?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q15" value="I"><span>Сложные задачи, где нужно «думать»</span></label>
<label class="career-option"><input type="radio" name="q15" value="R"><span>Задачи, где нужно «делать» и видеть результат</span></label>
<label class="career-option"><input type="radio" name="q15" value="S"><span>Задачи, где важно общение и помощь</span></label>
<label class="career-option"><input type="radio" name="q15" value="C"><span>Задачи, где важны аккуратность и порядок</span></label>
</div>
</div>
<div class="career-step" data-step="16">
<h3>16. Какой тип работы не раздражает?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q16" value="C"><span>Таблицы, учёт, документы</span></label>
<label class="career-option"><input type="radio" name="q16" value="E"><span>Договориться/продать/презентовать</span></label>
<label class="career-option"><input type="radio" name="q16" value="A"><span>Придумать идею, сделать контент</span></label>
<label class="career-option"><input type="radio" name="q16" value="R"><span>Практика: приборы, оборудование, работа руками</span></label>
</div>
</div>
<div class="career-step" data-step="17">
<h3>17. Нравится ли тебе иностранный язык?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q17" value="A"><span>Да, хочу работать с языком/текстом/медиа</span></label>
<label class="career-option"><input type="radio" name="q17" value="E"><span>Да, полезно для бизнеса/управления</span></label>
<label class="career-option"><input type="radio" name="q17" value="S"><span>Да, чтобы общаться и помогать людям</span></label>
<label class="career-option"><input type="radio" name="q17" value="I"><span>Нормально, но больше люблю точные науки</span></label>
</div>
</div>
<div class="career-step" data-step="18">
<h3>18. Как относишься к работе «на земле»/в полевых условиях?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q18" value="R"><span>Нормально/нравится (агро, строительство, транспорт)</span></label>
<label class="career-option"><input type="radio" name="q18" value="I"><span>Скорее лаборатория/исследования</span></label>
<label class="career-option"><input type="radio" name="q18" value="C"><span>Лучше офис и стабильность</span></label>
<label class="career-option"><input type="radio" name="q18" value="A"><span>Лучше творческая среда</span></label>
</div>
</div>
<div class="career-step" data-step="19">
<h3>19. В школе ты чаще…</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q19" value="E"><span>Организатор: могу собрать людей и договориться</span></label>
<label class="career-option"><input type="radio" name="q19" value="S"><span>Поддержка: помогаю, объясняю, мирю</span></label>
<label class="career-option"><input type="radio" name="q19" value="I"><span>«Мозг»: люблю решать сложные штуки</span></label>
<label class="career-option"><input type="radio" name="q19" value="A"><span>«Креатив»: идеи/оформление/контент</span></label>
</div>
</div>
<div class="career-step" data-step="20">
<h3>20. Что из профессий звучит ближе (примерно)?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q20" value="S"><span>Психолог / учитель / врач / соцработник</span></label>
<label class="career-option"><input type="radio" name="q20" value="I"><span>Инженер / аналитик / исследователь</span></label>
<label class="career-option"><input type="radio" name="q20" value="A"><span>Дизайнер / журналист / режиссёр / маркетолог-креатор</span></label>
<label class="career-option"><input type="radio" name="q20" value="E"><span>Юрист / менеджер / предприниматель</span></label>
</div>
</div>
<div class="career-step" data-step="21">
<h3>21. Ты больше про…</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q21" value="I"><span>Думать и искать решения</span></label>
<label class="career-option"><input type="radio" name="q21" value="R"><span>Делать и чинить/строить</span></label>
<label class="career-option"><input type="radio" name="q21"
value="S"><span>Общаться и помогать</span></label>
<label class="career-option"><input type="radio" name="q21" value="C"><span>Планировать и наводить порядок</span></label>
</div>
</div>
<div class="career-step" data-step="22">
<h3>22. Как относишься к соревнованиям/конкуренции?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q22" value="E"><span>Нравится, это мотивирует</span></label>
<label class="career-option"><input type="radio" name="q22" value="I"><span>Ок, если это про знания и задачу</span></label>
<label class="career-option"><input type="radio" name="q22" value="S"><span>Лучше сотрудничество, чем борьба</span></label>
<label class="career-option"><input type="radio" name="q22" value="A"><span>Если это творческий конкурс — да</span></label>
</div>
</div>
<div class="career-step" data-step="23">
<h3>23. Что важнее в будущей работе?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q23" value="S"><span>Хорошие отношения и смысл</span></label>
<label class="career-option"><input type="radio" name="q23" value="E"><span>Доход и рост</span></label>
<label class="career-option"><input type="radio" name="q23"
value="A"><span>Свобода и творчество</span></label>
<label class="career-option"><input type="radio" name="q23" value="C"><span>Стабильность и понятность</span></label>
</div>
</div>
<div class="career-step" data-step="24">
<h3>24. Последний вопрос: как ты предпочитаешь учиться?</h3>
<div class="career-options">
<label class="career-option"><input type="radio" name="q24" value="I"><span>Разбираться глубоко, «докапываться» до сути</span></label>
<label class="career-option"><input type="radio" name="q24" value="R"><span>Через практику и реальные задания</span></label>
<label class="career-option"><input type="radio" name="q24" value="S"><span>В группе/с наставником, через общение</span></label>
<label class="career-option"><input type="radio" name="q24" value="C"><span>По плану: конспекты, чек-листы, порядок</span></label>
</div>
</div>
<div class="career-test-actions">
<button type="button" class="btn-secondary" id="careerTestPrevBtn" disabled>← Назад</button>
<button type="button" class="btn-secondary" id="careerTestNextBtn">Далее →</button>
<button type="submit" class="btn-submit" id="careerTestSubmitBtn" style="display:none;">Показать
результат
</button>
</div>
<div class="career-test-result" id="careerTestResult">
<h3 id="careerTestResultTitle">Результат</h3>
<div id="careerTestResultBadges"></div>
<div id="careerTestResultText"></div>
<div id="careerTestResultLinks"></div>
</div>
</form>
</div>
</div>
</div>
<!-- Модальное окно: Рейтинг вузов с фильтрацией -->
<!-- Модальное окно: Рейтинг вузов с красивым дизайном -->
<!-- Модальное окно: Рейтинг вузов (с фильтрацией) -->
<div class="modal" id="ratingModal">
<div class="modal-content">
<button class="modal-close" id="closeRatingModalBtn">&times;</button>
<div class="modal-header">
<div class="modal-header-content">
<h2 class="modal-title">Рейтинг вузов Ульяновска 2025</h2>
<p class="modal-subtitle">
Подберите идеальный вуз по направлениям, инфраструктуре и трудоустройству
</p>
</div>
</div>
<div class="modal-body">
<!-- Фильтры (используем стили из твоего дизайна) -->
<div class="info-section" style="margin-bottom: 30px;">
<h2 style="font-size: 1.4rem; margin-bottom: 20px;">Фильтры подбора</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;">
<div>
<label style="display:block; margin-bottom:10px; font-weight: 500; color: #1d1d1f;">Направление обучения</label>
<select id="filterDirection" style="width: 100%; padding: 10px; border-radius: 8px; border: 1px solid #d0d0d0; font-family: 'SF Pro Display', sans-serif; font-size: 0.95rem; background-color: #ffffff; cursor: pointer;">
<option value="all">Все направления</option>
<option value="it">IT и технологии</option>
<option value="human">Гуманитарные науки</option>
<option value="med">Медицина</option>
<option value="tech">Инженерия</option>
<option value="avia">Авиация</option>
<option value="agro">Агропромышленность</option>
</select>
</div>
<div>
<label style="display:block; margin-bottom:10px; font-weight: 500; color: #1d1d1f;">Инфраструктура</label>
<div style="display: flex; gap: 12px; flex-wrap: wrap;">
<label style="display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 8px 12px; background: #f8f9fa; border-radius: 8px; transition: all 0.3s ease;">
<input type="checkbox" id="filterDorm" style="width: 16px; height: 16px; cursor: pointer;">
<span style="font-size: 0.95rem;">Общежитие</span>
</label>
<label style="display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 8px 12px; background: #f8f9fa; border-radius: 8px; transition: all 0.3s ease;">
<input type="checkbox" id="filterMil" style="width: 16px; height: 16px; cursor: pointer;">
<span style="font-size: 0.95rem;">Военная кафедра</span>
</label>
</div>
</div>
</div>
</div>
<!-- Список вузов -->
<div id="universitiesList" style="display: flex; flex-direction: column; gap: 25px;">
<!-- УлГУ -->
<div class="university-card" data-type="it human med" data-dorm="true" data-mil="true">
<div class="university-header">
<h3>1. Ульяновский государственный университет (УлГУ)</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-star"></i> 4.8/5</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> 1400+ бюджетных мест</div>
<div class="meta-item"><i class="fas fa-ruble-sign"></i> от 115 000 ₽/год</div>
</div>
</div>
<div class="university-body">
<p>Классический университет с 40+ специальностями: IT, медицина, юриспруденция, экономика, дизайн и многое другое.</p>
<div class="directions-list" style="margin-top: 15px;">
<div class="direction-item">💻 IT</div>
<div class="direction-item">⚕️ Медицина</div>
<div class="direction-item">🏠 Общежитие</div>
<div class="direction-item">⚔️ Военный центр</div>
</div>
</div>
<div class="university-footer">
<a href="https://ulsu.ru" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-external-link-alt"></i> Официальный сайт
</a>
<a href="https://yandex.ru/maps/?text=УлГУ" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-map-marker-alt"></i> На карте
</a>
</div>
</div>
<!-- УлГТУ -->
<div class="university-card" data-type="it tech" data-dorm="true" data-mil="true">
<div class="university-header">
<h3>2. Ульяновский государственный технический университет (УлГТУ)</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-star"></i> 4.7/5</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> 950+ бюджетных мест</div>
<div class="meta-item"><i class="fas fa-ruble-sign"></i> от 110 000 ₽/год</div>
</div>
</div>
<div class="university-body">
<p>Лучший технический вуз региона. Сильная подготовка программистов, инженеров-строителей, энергетиков и IT-специалистов.</p>
<div class="directions-list" style="margin-top: 15px;">
<div class="direction-item">💻 IT</div>
<div class="direction-item">⚙️ Инженерия</div>
<div class="direction-item">🏠 Общежитие</div>
<div class="direction-item">⚔️ Военная кафедра</div>
</div>
</div>
<div class="university-footer">
<a href="https://ulstu.ru" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-external-link-alt"></i> Официальный сайт
</a>
<a href="https://yandex.ru/maps/?text=УлГТУ" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-map-marker-alt"></i> На карте
</a>
</div>
</div>
<!-- УлГПУ -->
<div class="university-card" data-type="human" data-dorm="true" data-mil="false">
<div class="university-header">
<h3>3. Ульяновский государственный педагогический университет (УлГПУ)</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-star"></i> 4.6/5</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> 800+ бюджетных мест</div>
<div class="meta-item"><i class="fas fa-ruble-sign"></i> от 105 000 ₽/год</div>
</div>
</div>
<div class="university-body">
<p>Один из старейших вузов (1932). Готовит педагогов, психологов, социальных работников и лингвистов.</p>
<div class="directions-list" style="margin-top: 15px;">
<div class="direction-item">📚 Педагогика</div>
<div class="direction-item">🧠 Психология</div>
<div class="direction-item">🏠 Общежитие</div>
</div>
</div>
<div class="university-footer">
<a href="https://ulspu.ru" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-external-link-alt"></i> Официальный сайт
</a>
<a href="https://yandex.ru/maps/?text=УлГПУ" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-map-marker-alt"></i> На карте
</a>
</div>
</div>
<!-- УИ ГА -->
<div class="university-card" data-type="avia tech" data-dorm="true" data-mil="true">
<div class="university-header">
<h3>4. Ульяновский институт гражданской авиации (УИ ГА)</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-star"></i> 4.9/5</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> Конкурс 5-10 на место</div>
<div class="meta-item"><i class="fas fa-ruble-sign"></i> Бюджет + проживание</div>
</div>
</div>
<div class="university-body">
<p>Главный летный вуз страны! Пилоты, диспетчеры, инженеры авиации. Высочайший конкурс, престижная специальность.</p>
<div class="directions-list" style="margin-top: 15px;">
<div class="direction-item">✈️ Авиация</div>
<div class="direction-item">🏠 Кампус + питание</div>
<div class="direction-item">⚔️ Военная кафедра</div>
</div>
</div>
<div class="university-footer">
<a href="https://uvauga.ru" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-external-link-alt"></i> Официальный сайт
</a>
<a href="https://yandex.ru/maps/?text=УИ+ГА" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-map-marker-alt"></i> На карте
</a>
</div>
</div>
<!-- УлГАУ -->
<div class="university-card" data-type="agro tech" data-dorm="true" data-mil="false">
<div class="university-header">
<h3>5. Ульяновский государственный аграрный университет (УлГАУ)</h3>
<div class="university-meta">
<div class="meta-item"><i class="fas fa-star"></i> 4.5/5</div>
<div class="meta-item"><i class="fas fa-graduation-cap"></i> 500+ бюджетных мест</div>
<div class="meta-item"><i class="fas fa-ruble-sign"></i> от 95 000 ₽/год</div>
</div>
</div>
<div class="university-body">
<p>Современный агро-вуз. Ветеринария, агрономия, биотехнологии, агроинженерия на инновационной базе.</p>
<div class="directions-list" style="margin-top: 15px;">
<div class="direction-item">🌾 Агропромышленность</div>
<div class="direction-item">🏠 Кампус</div>
<div class="direction-item">🔬 Современные лаборатории</div>
</div>
</div>
<div class="university-footer">
<a href="https://ulsau.ru" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-external-link-alt"></i> Официальный сайт
</a>
<a href="https://yandex.ru/maps/?text=УлГАУ" target="_blank" rel="noopener noreferrer" class="official-site">
<i class="fas fa-map-marker-alt"></i> На карте
</a>
</div>
</div>
</div>
<!-- Сообщение если ничего не найдено -->
<div id="noResultsMsg" style="display: none; text-align: center; padding: 40px; color: #999; background-color: #f8f9fa; border-radius: 10px; margin-top: 20px;">
<i class="fas fa-search" style="font-size: 2rem; margin-bottom: 10px; display: block;"></i>
<p style="font-size: 1.1rem; margin: 0;">По выбранным критериям вузов не найдено</p>
<p style="font-size: 0.95rem; margin: 5px 0 0 0;">Попробуйте смягчить фильтры</p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="{% static 'js/main.js' %}"></script>
<script src="{% static 'js/modals.js' %}"></script>
<script src="{% static 'js/test.js' %}"></script>
</body>
</html>