АО Самрук-Казына: компании группы, вовлечённость, KPI, карьера
This commit is contained in:
y.umirzakov
parent
3378e3be95
commit
bbebdb96da
304
index.html
304
index.html
@ -3,12 +3,13 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Трудовой замер — общенациональный опрос о работе в Казахстане</title>
|
||||
<title>Трудовой замер — АО «Самрук-Казына»</title>
|
||||
<style>
|
||||
:root {
|
||||
--ink: #0F1218;
|
||||
--cyan: #00E5FF;
|
||||
--cyan-50: #E8FCFF;
|
||||
--cyan: #00A3C4;
|
||||
--cyan-50: #E6F7FA;
|
||||
--sky: #00839C;
|
||||
--white: #FFFFFF;
|
||||
--gray-500: #5B6573;
|
||||
--gray-100: #F2F4F7;
|
||||
@ -22,19 +23,24 @@ body {
|
||||
}
|
||||
.container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
|
||||
|
||||
/* Header */
|
||||
.header {
|
||||
border-bottom: 1px solid var(--gray-100);
|
||||
padding: 16px 0;
|
||||
position: sticky; top: 0; background: var(--white); z-index: 10;
|
||||
}
|
||||
.header .container { display: flex; align-items: center; justify-content: space-between; }
|
||||
.logo { font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
|
||||
.logo span { color: var(--cyan); }
|
||||
.logo { font-size: 18px; font-weight: 800; letter-spacing: -0.02em; display: flex; align-items: center; gap: 10px; }
|
||||
.logo-icon {
|
||||
width: 36px; height: 36px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(135deg, var(--sky), var(--cyan));
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
color: var(--white);
|
||||
font-size: 16px; font-weight: 800;
|
||||
}
|
||||
.header-stats { font-size: 14px; color: var(--gray-500); }
|
||||
.header-stats strong { color: var(--ink); font-weight: 700; }
|
||||
|
||||
/* Hero */
|
||||
.hero {
|
||||
padding: 80px 0 64px;
|
||||
text-align: center;
|
||||
@ -42,7 +48,7 @@ body {
|
||||
.hero .badge {
|
||||
display: inline-block;
|
||||
background: var(--cyan-50);
|
||||
color: #0891B2;
|
||||
color: var(--sky);
|
||||
padding: 6px 16px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
@ -50,35 +56,37 @@ body {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 56px;
|
||||
font-size: 48px;
|
||||
font-weight: 800;
|
||||
line-height: 1.05;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 20px;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.hero h1 em {
|
||||
font-style: normal;
|
||||
color: var(--sky);
|
||||
}
|
||||
.hero p.sub {
|
||||
font-size: 20px;
|
||||
color: var(--gray-500);
|
||||
max-width: 620px;
|
||||
max-width: 680px;
|
||||
margin: 0 auto 40px;
|
||||
}
|
||||
.stats-row {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 48px;
|
||||
gap: 60px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.stat-item { text-align: center; }
|
||||
.stat-num { font-size: 44px; font-weight: 800; color: var(--cyan); line-height: 1; }
|
||||
.stat-num { font-size: 44px; font-weight: 800; color: var(--sky); line-height: 1; }
|
||||
.stat-label { font-size: 14px; color: var(--gray-500); margin-top: 6px; }
|
||||
|
||||
/* Sections */
|
||||
.section { padding: 72px 0; }
|
||||
.section h2 { font-size: 36px; font-weight: 700; margin-bottom: 12px; }
|
||||
.section p.lead { font-size: 18px; color: var(--gray-500); max-width: 600px; margin-bottom: 40px; }
|
||||
.section-gray { background: var(--gray-100); }
|
||||
|
||||
/* Cards */
|
||||
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
|
||||
.card {
|
||||
background: var(--white);
|
||||
@ -90,7 +98,6 @@ body {
|
||||
.card h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
|
||||
.card p { font-size: 15px; color: var(--gray-500); }
|
||||
|
||||
/* Form */
|
||||
#survey { border-top: 1px solid var(--gray-100); }
|
||||
fieldset {
|
||||
border: 1px solid var(--gray-200);
|
||||
@ -110,13 +117,14 @@ legend .num {
|
||||
align-items: center; justify-content: center;
|
||||
width: 32px; height: 32px;
|
||||
border-radius: 50%;
|
||||
background: var(--cyan);
|
||||
background: var(--sky);
|
||||
color: var(--white);
|
||||
font-size: 15px;
|
||||
font-weight: 800;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.radio-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, max-content)); gap: 10px; margin-top: 16px; }
|
||||
.radio-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, max-content)); gap: 10px; margin-top: 16px; }
|
||||
.radio-item {
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
padding: 12px 18px;
|
||||
@ -124,31 +132,16 @@ legend .num {
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.15s, background 0.15s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.radio-item:hover { border-color: var(--cyan); }
|
||||
.radio-item:hover { border-color: var(--sky); }
|
||||
.radio-item:has(input:checked) {
|
||||
border-color: var(--cyan);
|
||||
border-color: var(--sky);
|
||||
background: var(--cyan-50);
|
||||
font-weight: 600;
|
||||
}
|
||||
.radio-item input { accent-color: var(--cyan); width: 18px; height: 18px; flex-shrink: 0; }
|
||||
.radio-item input { accent-color: var(--sky); width: 18px; height: 18px; flex-shrink: 0; }
|
||||
.radio-item label { cursor: pointer; }
|
||||
|
||||
.range-wrap { margin-top: 16px; }
|
||||
.range-labels { display: flex; justify-content: space-between; font-size: 13px; color: var(--gray-500); margin-bottom: 6px; }
|
||||
.range-inputs { display: flex; gap: 12px; align-items: center; }
|
||||
.range-inputs input[type="number"] {
|
||||
width: 140px;
|
||||
padding: 12px 16px;
|
||||
border: 1.5px solid var(--gray-200);
|
||||
border-radius: 10px;
|
||||
font: inherit; font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
.range-inputs input:focus { outline: none; border-color: var(--cyan); }
|
||||
.range-inputs span { color: var(--gray-500); }
|
||||
|
||||
.text-input {
|
||||
width: 100%;
|
||||
padding: 14px 16px;
|
||||
@ -159,7 +152,7 @@ legend .num {
|
||||
min-height: 110px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.text-input:focus { outline: none; border-color: var(--cyan); }
|
||||
.text-input:focus { outline: none; border-color: var(--sky); }
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
@ -208,20 +201,17 @@ legend .num {
|
||||
font-size: 13px;
|
||||
border-top: 1px solid var(--gray-100);
|
||||
}
|
||||
.footer a { color: var(--cyan); text-decoration: none; }
|
||||
|
||||
.required-note { font-size: 13px; color: var(--gray-500); margin-bottom: 16px; }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.hero h1 { font-size: 32px; }
|
||||
.hero h1 { font-size: 28px; }
|
||||
.hero p.sub { font-size: 16px; }
|
||||
.section h2 { font-size: 28px; }
|
||||
.stats-row { gap: 24px; }
|
||||
.stat-num { font-size: 32px; }
|
||||
fieldset { padding: 24px 20px; }
|
||||
.radio-group { grid-template-columns: 1fr; }
|
||||
.range-inputs { flex-direction: column; }
|
||||
.range-inputs input[type="number"] { width: 100%; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
@ -229,27 +219,30 @@ legend .num {
|
||||
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="logo">Трудовой <span>замер</span></div>
|
||||
<div class="logo">
|
||||
<div class="logo-icon">SK</div>
|
||||
Трудовой замер
|
||||
</div>
|
||||
<div class="header-stats">Цель: <strong>250 000</strong> респондентов</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="badge">Масштабное исследование</div>
|
||||
<h1>Общенациональный опрос<br>о труде и занятости</h1>
|
||||
<p class="sub">Собираем мнение 250 000 человек со всего Казахстана — от рабочих до топ-менеджеров. Ваш голос важен.</p>
|
||||
<div class="badge">АО «Самрук-Казына»</div>
|
||||
<h1>Внутренний опрос сотрудников<br>группы компаний <em>Самрук-Казына</em></h1>
|
||||
<p class="sub">Масштабный замер вовлечённости и удовлетворённости трудом среди 250 000 сотрудников портфельных компаний. Анонимно и конфиденциально.</p>
|
||||
<div class="stats-row">
|
||||
<div class="stat-item">
|
||||
<div class="stat-num">250K</div>
|
||||
<div class="stat-label">Цель респондентов</div>
|
||||
<div class="stat-label">Сотрудников в группе</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-num">13</div>
|
||||
<div class="stat-num">15</div>
|
||||
<div class="stat-label">Вопросов в анкете</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-num">3 мин</div>
|
||||
<div class="stat-num">4 мин</div>
|
||||
<div class="stat-label">Время на опрос</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -258,28 +251,33 @@ legend .num {
|
||||
|
||||
<section class="section-gray">
|
||||
<div class="container section">
|
||||
<h2>Что мы исследуем</h2>
|
||||
<p class="lead">Четыре ключевых направления трудового анализа.</p>
|
||||
<h2>Что измеряем</h2>
|
||||
<p class="lead">Пять ключевых направлений для анализа трудового климата в холдинге.</p>
|
||||
<div class="cards">
|
||||
<div class="card">
|
||||
<div class="emoji">💰</div>
|
||||
<h3>Доходы и зарплаты</h3>
|
||||
<p>Медианные зарплаты по отраслям, регионам и должностям. Разрыв между ожиданием и реальностью.</p>
|
||||
<h3>Доход и премирование</h3>
|
||||
<p>Оценка справедливости зарплат, бонусов и KPI. Сравнение между портфельными компаниями.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="emoji">⚖️</div>
|
||||
<h3>Условия труда</h3>
|
||||
<p>График, переработки, удалёнка, соцпакет. Насколько работодатели соблюдают Трудовой кодекс.</p>
|
||||
<p>График, переработки, соцпакет, безопасность труда в производственных и офисных подразделениях.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="emoji">📈</div>
|
||||
<h3>Карьерный рост</h3>
|
||||
<p>Перспективы повышения, обучение за счёт компании, горизонтальные и вертикальные треки.</p>
|
||||
<p>Прозрачность назначений, кадровый резерв, обучение и горизонтальная ротация внутри холдинга.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="emoji">🏛</div>
|
||||
<h3>Корпоративная культура</h3>
|
||||
<p>Ценности, информированность о стратегии, доверие к руководству компании и холдинга.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="emoji">😰</div>
|
||||
<h3>Удовлетворённость</h3>
|
||||
<p>Эмоциональное выгорание, баланс работа/жизнь, желание сменить профессию.</p>
|
||||
<h3>Вовлечённость</h3>
|
||||
<p>Готовность рекомендовать компанию как работодателя, ощущение стабильности, планы на будущее.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -288,33 +286,31 @@ legend .num {
|
||||
<section id="survey">
|
||||
<div class="container" style="padding-top:64px; padding-bottom:32px;">
|
||||
<h2>Пройти опрос</h2>
|
||||
<p class="lead">Ответы анонимны. Данные будут опубликованы в виде обезличенной аналитики.</p>
|
||||
<p class="lead">Все ответы анонимны. Результаты будут представлены в виде обезличенной аналитики по группе компаний.</p>
|
||||
<p class="required-note">* — обязательные вопросы</p>
|
||||
|
||||
<form id="surveyForm" novalidate>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">1</span> Ваш пол *</legend>
|
||||
<legend><span class="num">1</span> В какой компании группы вы работаете? *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="gender" value="male" id="g1" required><label for="g1">Мужской</label></div>
|
||||
<div class="radio-item"><input type="radio" name="gender" value="female" id="g2"><label for="g2">Женский</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="corp" id="co1" required><label for="co1">Корпоративный центр (АО «Самрук-Казына»)</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="kmg" id="co2"><label for="co2">АО «НК «КазМунайГаз»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="ktzh" id="co3"><label for="co3">АО «НК «Қазақстан Темір Жолы»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="kegoc" id="co4"><label for="co4">АО «KEGOC»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="kazatom" id="co5"><label for="co5">АО «НАК «Казатомпром»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="kazpost" id="co6"><label for="co6">АО «Казпочта»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="air" id="co7"><label for="co7">АО «Эйр Астана»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="energy" id="co8"><label for="co8">АО «Самрук-Энерго»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="telecom" id="co9"><label for="co9">АО «Казахтелеком»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="qazaqgaz" id="co10"><label for="co10">АО «НК «QazaqGaz»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="tauken" id="co11"><label for="co11">АО «НГК «Тау-Кен Самрук»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="company" value="other" id="co12"><label for="co12">Другая компания группы</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">2</span> Ваш возраст *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="age" value="18-22" id="a1" required><label for="a1">18–22 года</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="23-29" id="a2"><label for="a2">23–29 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="30-39" id="a3"><label for="a3">30–39 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="40-49" id="a4"><label for="a4">40–49 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="50-59" id="a5"><label for="a5">50–59 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="60+" id="a6"><label for="a6">60 лет и старше</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">3</span> Регион проживания *</legend>
|
||||
<legend><span class="num">2</span> Регион вашей работы *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="region" value="astana" id="r1" required><label for="r1">Астана</label></div>
|
||||
<div class="radio-item"><input type="radio" name="region" value="almaty" id="r2"><label for="r2">Алматы</label></div>
|
||||
@ -328,62 +324,85 @@ legend .num {
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">4</span> Ваша отрасль *</legend>
|
||||
<legend><span class="num">3</span> Ваш возраст *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="industry" value="it" id="i1" required><label for="i1">IT / Телеком</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="finance" id="i2"><label for="i2">Финансы / Банки</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="industry" id="i3"><label for="i3">Промышленность</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="construction" id="i4"><label for="i4">Строительство</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="retail" id="i5"><label for="i5">Торговля / Ритейл</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="medicine" id="i6"><label for="i6">Медицина</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="education" id="i7"><label for="i7">Образование</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="transport" id="i8"><label for="i8">Транспорт / Логистика</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="gov" id="i9"><label for="i9">Госслужба</label></div>
|
||||
<div class="radio-item"><input type="radio" name="industry" value="other" id="i10"><label for="i10">Другое</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="18-22" id="a1" required><label for="a1">18–22 года</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="23-29" id="a2"><label for="a2">23–29 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="30-39" id="a3"><label for="a3">30–39 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="40-49" id="a4"><label for="a4">40–49 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="50-59" id="a5"><label for="a5">50–59 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="age" value="60+" id="a6"><label for="a6">60 лет и старше</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">5</span> Ваша должность *</legend>
|
||||
<legend><span class="num">4</span> Ваш стаж в компании *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="position" value="worker" id="p1" required><label for="p1">Рабочий / исполнитель</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="specialist" id="p2"><label for="p2">Специалист</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="senior" id="p3"><label for="p3">Ведущий специалист</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="manager" id="p4"><label for="p4">Руководитель отдела</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="director" id="p5"><label for="p5">Топ-менеджмент</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="self" id="p6"><label for="p6">Самозанятый / ИП</label></div>
|
||||
<div class="radio-item"><input type="radio" name="tenure" value="lt1" id="t1" required><label for="t1">Менее 1 года</label></div>
|
||||
<div class="radio-item"><input type="radio" name="tenure" value="1-3" id="t2"><label for="t2">1–3 года</label></div>
|
||||
<div class="radio-item"><input type="radio" name="tenure" value="3-7" id="t3"><label for="t3">3–7 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="tenure" value="7-15" id="t4"><label for="t4">7–15 лет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="tenure" value="gt15" id="t5"><label for="t5">Более 15 лет</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">5</span> Категория должности *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="position" value="worker" id="p1" required><label for="p1">Рабочий / производственный персонал</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="specialist" id="p2"><label for="p2">Специалист / инженер</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="senior" id="p3"><label for="p3">Ведущий / главный специалист</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="manager" id="p4"><label for="p4">Руководитель отдела / подразделения</label></div>
|
||||
<div class="radio-item"><input type="radio" name="position" value="director" id="p5"><label for="p5">Директор департамента / топ-менеджмент</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">6</span> Ваш месячный доход (на руки) *</legend>
|
||||
<div class="range-wrap">
|
||||
<div class="range-labels">
|
||||
<span>до 100 000 ₸</span><span>100–200 000 ₸</span><span>200–350 000 ₸</span><span>350–500 000 ₸</span><span>500–750 000 ₸</span><span>750 000+ ₸</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="radio-group" style="margin-top:8px;">
|
||||
<div class="radio-item"><input type="radio" name="income" value="lt100" id="inc1" required><label for="inc1">до 100 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="100-200" id="inc2"><label for="inc2">100 000 – 200 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="200-350" id="inc3"><label for="inc3">200 000 – 350 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="350-500" id="inc4"><label for="inc4">350 000 – 500 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="500-750" id="inc5"><label for="inc5">500 000 – 750 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="gt750" id="inc6"><label for="inc6">более 750 000 ₸</label></div>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="income" value="lt150" id="inc1" required><label for="inc1">до 150 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="150-250" id="inc2"><label for="inc2">150 000 – 250 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="250-400" id="inc3"><label for="inc3">250 000 – 400 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="400-600" id="inc4"><label for="inc4">400 000 – 600 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="600-900" id="inc5"><label for="inc5">600 000 – 900 000 ₸</label></div>
|
||||
<div class="radio-item"><input type="radio" name="income" value="gt900" id="inc6"><label for="inc6">более 900 000 ₸</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">7</span> Формат работы *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="format" value="office" id="f1" required><label for="f1">Офис / на месте</label></div>
|
||||
<div class="radio-item"><input type="radio" name="format" value="hybrid" id="f2"><label for="f2">Гибрид (офис + удалёнка)</label></div>
|
||||
<div class="radio-item"><input type="radio" name="format" value="remote" id="f3"><label for="f3">Полная удалёнка</label></div>
|
||||
<div class="radio-item"><input type="radio" name="format" value="field" id="f4"><label for="f4">Разъездной / вахта</label></div>
|
||||
<div class="radio-item"><input type="radio" name="format" value="office" id="f1" required><label for="f1">Офис / административное здание</label></div>
|
||||
<div class="radio-item"><input type="radio" name="format" value="production" id="f2"><label for="f2">Производство / промплощадка</label></div>
|
||||
<div class="radio-item"><input type="radio" name="format" value="hybrid" id="f3"><label for="f3">Гибрид (офис + удалёнка)</label></div>
|
||||
<div class="radio-item"><input type="radio" name="format" value="remote" id="f4"><label for="f4">Удалённая работа</label></div>
|
||||
<div class="radio-item"><input type="radio" name="format" value="field" id="f5"><label for="f5">Вахтовый / разъездной метод</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">8</span> Перерабатываете ли вы? *</legend>
|
||||
<legend><span class="num">8</span> Удовлетворены ли вы своей заработной платой? *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="salary_ok" value="5" id="s1" required><label for="s1">Полностью доволен(а)</label></div>
|
||||
<div class="radio-item"><input type="radio" name="salary_ok" value="4" id="s2"><label for="s2">Скорее доволен(а)</label></div>
|
||||
<div class="radio-item"><input type="radio" name="salary_ok" value="3" id="s3"><label for="s3">Нейтрально</label></div>
|
||||
<div class="radio-item"><input type="radio" name="salary_ok" value="2" id="s4"><label for="s4">Скорее недоволен(а)</label></div>
|
||||
<div class="radio-item"><input type="radio" name="salary_ok" value="1" id="s5"><label for="s5">Совсем недоволен(а)</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">9</span> Считаете ли вы систему премирования справедливой? *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="bonus_fair" value="yes" id="b1" required><label for="b1">Да, критерии понятны и достижимы</label></div>
|
||||
<div class="radio-item"><input type="radio" name="bonus_fair" value="partly" id="b2"><label for="b2">Частично — критерии есть, но непрозрачны</label></div>
|
||||
<div class="radio-item"><input type="radio" name="bonus_fair" value="no" id="b3"><label for="b3">Нет, премии непредсказуемы</label></div>
|
||||
<div class="radio-item"><input type="radio" name="bonus_fair" value="no_bonus" id="b4"><label for="b4">У меня нет переменной части</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">10</span> Перерабатываете ли вы? *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="overtime" value="never" id="ov1" required><label for="ov1">Нет, строго по графику</label></div>
|
||||
<div class="radio-item"><input type="radio" name="overtime" value="sometimes" id="ov2"><label for="ov2">Иногда (1–2 раза в неделю)</label></div>
|
||||
@ -393,52 +412,63 @@ legend .num {
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">9</span> Оплачиваются ли переработки? *</legend>
|
||||
<legend><span class="num">11</span> Оцените возможности карьерного роста *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="overtime_paid" value="yes" id="op1" required><label for="op1">Да, полностью</label></div>
|
||||
<div class="radio-item"><input type="radio" name="overtime_paid" value="partial" id="op2"><label for="op2">Частично</label></div>
|
||||
<div class="radio-item"><input type="radio" name="overtime_paid" value="no" id="op3"><label for="op3">Нет</label></div>
|
||||
<div class="radio-item"><input type="radio" name="overtime_paid" value="no_overtime" id="op4"><label for="op4">У меня нет переработок</label></div>
|
||||
<div class="radio-item"><input type="radio" name="career" value="great" id="cr1" required><label for="cr1">Отличные — вижу свой трек развития</label></div>
|
||||
<div class="radio-item"><input type="radio" name="career" value="ok" id="cr2"><label for="cr2">Средние — рост есть, но медленно</label></div>
|
||||
<div class="radio-item"><input type="radio" name="career" value="unclear" id="cr3"><label for="cr3">Непонятно — механизмы непрозрачны</label></div>
|
||||
<div class="radio-item"><input type="radio" name="career" value="none" id="cr4"><label for="cr4">Нет — повышают «своих»</label></div>
|
||||
<div class="radio-item"><input type="radio" name="career" value="not_interested" id="cr5"><label for="cr5">Не интересует — устраивает текущая позиция</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">10</span> Удовлетворены ли вы своей зарплатой? *</legend>
|
||||
<legend><span class="num">12</span> Насколько вы информированы о стратегии и планах холдинга? *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="salary_satisfaction" value="5" id="ss1" required><label for="ss1">Полностью доволен</label></div>
|
||||
<div class="radio-item"><input type="radio" name="salary_satisfaction" value="4" id="ss2"><label for="ss2">Скорее доволен</label></div>
|
||||
<div class="radio-item"><input type="radio" name="salary_satisfaction" value="3" id="ss3"><label for="ss3">Нейтрально</label></div>
|
||||
<div class="radio-item"><input type="radio" name="salary_satisfaction" value="2" id="ss4"><label for="ss4">Скорее недоволен</label></div>
|
||||
<div class="radio-item"><input type="radio" name="salary_satisfaction" value="1" id="ss5"><label for="ss5">Совсем недоволен</label></div>
|
||||
<div class="radio-item"><input type="radio" name="info" value="well" id="inf1" required><label for="inf1">Хорошо информирован(а) — регулярные коммуникации</label></div>
|
||||
<div class="radio-item"><input type="radio" name="info" value="surface" id="inf2"><label for="inf2">Поверхностно — что-то слышал(а)</label></div>
|
||||
<div class="radio-item"><input type="radio" name="info" value="rumors" id="inf3"><label for="inf3">Только слухи и сарафанное радио</label></div>
|
||||
<div class="radio-item"><input type="radio" name="info" value="none" id="inf4"><label for="inf4">Никак — информации нет</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">11</span> Хотели бы вы сменить работу в ближайший год? *</legend>
|
||||
<legend><span class="num">13</span> Хотели бы вы сменить работу в ближайший год? *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="radio" name="change_job" value="yes_active" id="cj1" required><label for="cj1">Да, уже ищу</label></div>
|
||||
<div class="radio-item"><input type="radio" name="change_job" value="yes_passive" id="cj2"><label for="cj2">Да, но пассивно</label></div>
|
||||
<div class="radio-item"><input type="radio" name="change_job" value="maybe" id="cj3"><label for="cj3">Возможно, при хорошем предложении</label></div>
|
||||
<div class="radio-item"><input type="radio" name="change_job" value="no" id="cj4"><label for="cj4">Нет, меня всё устраивает</label></div>
|
||||
<div class="radio-item"><input type="radio" name="change_job" value="stay" id="cj1" required><label for="cj1">Нет, меня всё устраивает</label></div>
|
||||
<div class="radio-item"><input type="radio" name="change_job" value="inside" id="cj2"><label for="cj2">Да, но внутри группы (в другую компанию холдинга)</label></div>
|
||||
<div class="radio-item"><input type="radio" name="change_job" value="outside" id="cj3"><label for="cj3">Да, хочу уйти в частный сектор</label></div>
|
||||
<div class="radio-item"><input type="radio" name="change_job" value="abroad" id="cj4"><label for="cj4">Да, планирую релокацию</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">12</span> Что для вас главное в работе? (можно несколько)</legend>
|
||||
<legend><span class="num">14</span> Рекомендовали бы вы свою компанию как работодателя? *</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="checkbox" name="priority" value="salary" id="pr1"><label for="pr1">Высокая зарплата</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="priority" value="stability" id="pr2"><label for="pr2">Стабильность</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="priority" value="schedule" id="pr3"><label for="pr3">Удобный график</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="priority" value="growth" id="pr4"><label for="pr4">Карьерный рост</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="priority" value="team" id="pr5"><label for="pr5">Коллектив</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="priority" value="meaning" id="pr6"><label for="pr6">Смысл и польза дела</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="priority" value="remote" id="pr7"><label for="pr7">Удалённый формат</label></div>
|
||||
<div class="radio-item"><input type="radio" name="nps" value="10-9" id="n1" required><label for="n1">9–10 — обязательно порекомендую</label></div>
|
||||
<div class="radio-item"><input type="radio" name="nps" value="8-7" id="n2"><label for="n2">7–8 — скорее да</label></div>
|
||||
<div class="radio-item"><input type="radio" name="nps" value="6-5" id="n3"><label for="n3">5–6 — нейтрально</label></div>
|
||||
<div class="radio-item"><input type="radio" name="nps" value="4-0" id="n4"><label for="n4">0–4 — не рекомендую</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend><span class="num">13</span> Ваш комментарий (по желанию)</legend>
|
||||
<textarea class="text-input" name="comment" placeholder="Что ещё важно сказать о вашей работе? Что нужно менять в трудовой сфере?" maxlength="600"></textarea>
|
||||
<legend><span class="num">15</span> Что больше всего нужно улучшить? (можно несколько)</legend>
|
||||
<div class="radio-group">
|
||||
<div class="radio-item"><input type="checkbox" name="improve" value="salary" id="im1"><label for="im1">Повышение зарплат</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="improve" value="transparency" id="im2"><label for="im2">Прозрачность KPI и премий</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="improve" value="career" id="im3"><label for="im3">Кадровый рост и назначения</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="improve" value="training" id="im4"><label for="im4">Обучение и развитие</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="improve" value="conditions" id="im5"><label for="im5">Условия и безопасность труда</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="improve" value="social" id="im6"><label for="im6">Соцпакет и льготы</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="improve" value="communication" id="im7"><label for="im7">Коммуникация от руководства</label></div>
|
||||
<div class="radio-item"><input type="checkbox" name="improve" value="digital" id="im8"><label for="im8">Цифровизация процессов</label></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>Ваш комментарий (по желанию)</legend>
|
||||
<textarea class="text-input" name="comment" placeholder="Что вы хотите донести до руководства? Какие проблемы требуют внимания?" maxlength="600"></textarea>
|
||||
</fieldset>
|
||||
|
||||
<div class="submit-wrap">
|
||||
@ -450,8 +480,8 @@ legend .num {
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<p>Анонимный опрос · 2026 · Все ответы конфиденциальны и будут использованы только в обобщённом виде.</p>
|
||||
<p style="margin-top:8px;"><a href="#">Политика обработки данных</a></p>
|
||||
<p>АО «Самрук-Казына» · Внутренний анонимный опрос · 2026</p>
|
||||
<p style="margin-top:4px;">Все ответы конфиденциальны. Данные используются только в обобщённом виде.</p>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
@ -459,7 +489,7 @@ var form = document.getElementById('surveyForm');
|
||||
var toast = document.getElementById('toast');
|
||||
var submitBtn = document.getElementById('submitBtn');
|
||||
|
||||
var requiredFields = ['gender', 'age', 'region', 'industry', 'position', 'income', 'format', 'overtime', 'overtime_paid', 'salary_satisfaction', 'change_job'];
|
||||
var requiredFields = ['company', 'region', 'age', 'tenure', 'position', 'income', 'format', 'salary_ok', 'bonus_fair', 'overtime', 'career', 'info', 'change_job', 'nps'];
|
||||
|
||||
function showToast(msg, isError) {
|
||||
toast.textContent = msg;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user