{"id":23774,"date":"2026-10-11T17:38:39","date_gmt":"2026-10-11T11:38:39","guid":{"rendered":"https:\/\/rniiot.kz\/home\/?page_id=23774"},"modified":"2026-10-11T17:40:15","modified_gmt":"2026-10-11T11:40:15","slug":"it-call","status":"publish","type":"page","link":"https:\/\/rniiot.kz\/home\/en\/it-call\/","title":{"rendered":"IT-call"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23774\" class=\"elementor elementor-23774\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a4dca0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7a4dca0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34faad9\" data-id=\"34faad9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6bc996 elementor-widget elementor-widget-html\" data-id=\"c6bc996\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Cost Calculator<\/title>\n\n<style>\n\n\/* =========================\n   GENERAL BACKGROUND\n========================= *\/\n\nbody{\n    overflow-x:hidden;\n    margin:0;\n    font-family: Arial, sans-serif;\n\n    \/* \ud83d\udc8e GRADIENT *\/\n    background: linear-gradient(135deg, #E8F9FF 0%, #F3E8FF 50%, #EAF6FF 100%);\n}\n\n\/* =========================\n   MAIN BLOCK\n========================= *\/\n\n.formbg{\n    max-width:1220px;\n    width:100%;\n    margin:40px auto;\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:30px;\n    box-sizing:border-box;\n    background:#ffffff;\n    border-radius:16px;\n    padding:30px;\n    overflow:hidden;\n}\n\n\/* =========================\n   TITLE\n========================= *\/\n\n.title{\n    grid-column:1 \/ 3;\n    text-align:center;\n}\n\n.title h2{\n    font-size:20px;\n    margin:0;\n    color:#1f3b73;\n}\n\n\/* =========================\n   FORM\n========================= *\/\n\n.formbg-inner{\n    grid-column:1 \/ 2;\n}\n\n.field{\n    margin-bottom:20px;\n}\n\nlabel{\n    display:block;\n    margin-bottom:8px;\n    font-weight:600;\n}\n\ninput[type=\"number\"],\ninput[type=\"range\"]{\n    width:100%;\n    box-sizing:border-box;\n}\n\ninput[type=\"number\"]{\n    padding:10px;\n    border:1px solid #ddd;\n    border-radius:8px;\n}\n\n\/* =========================\n   BUTTON\n========================= *\/\n\n.bt_mode_submit{\n    width:100%;\n    padding:14px;\n    border:none;\n    border-radius:10px;\n    background:#5b5bd6;\n    color:white;\n    font-size:16px;\n    font-weight:700;\n    cursor:pointer;\n}\n\n\/* =========================\n   RESULT\n========================= *\/\n\n.result-box{\n    margin-top:10px;\n}\n\n\/* =========================\n   RIGHT SIDE\n========================= *\/\n\n.grid-item{\n    grid-column:2 \/ 3;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n}\n\n.bt_mode{\n    padding:14px;\n    border:none;\n    border-radius:10px;\n    background:#3c44b1;\n    color:white;\n    cursor:pointer;\n    font-size:14px;\n}\n\n\/* =========================\n   TABLE\n========================= *\/\n\n.table-wrapper{\n    grid-column:1 \/ 3;\n    overflow-x:auto;\n}\n\ntable{\n    width:100%;\n    border-collapse:collapse;\n    background:white;\n}\n\nth, td{\n    border:1px solid #eee;\n    padding:10px;\n    text-align:center;\n}\n\nth{\n    background:#5469d4;\n    color:white;\n}\n\n\/* =========================\n   MOBILE VERSION\n========================= *\/\n\n@media(max-width:768px){\n\n    .formbg{\n        grid-template-columns:1fr;\n        padding:15px;\n    }\n\n    .title{\n        grid-column:1;\n    }\n\n    .formbg-inner,\n    .grid-item,\n    .table-wrapper{\n        grid-column:1;\n    }\n\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"formbg\">\n\n    <!-- TITLE -->\n    <div class=\"title\">\n        <h2>Occupational Safety and Health Costs<\/h2>\n    <\/div>\n\n    <!-- LEFT SIDE -->\n    <div class=\"formbg-inner\">\n\n        <div class=\"field\">\n            <label>Number of employees:<\/label>\n\n            <input type=\"number\" id=\"input1\" value=\"0\">\n            <input type=\"range\" id=\"range1\" min=\"0\" max=\"10000\" value=\"0\">\n        <\/div>\n\n        <div class=\"field\">\n            <label>Training cost:<\/label>\n\n            <input type=\"number\" id=\"input2\" value=\"0\">\n            <input type=\"range\" id=\"range2\" min=\"0\" max=\"10000\" value=\"0\">\n        <\/div>\n\n        <button class=\"bt_mode_submit\" onclick=\"calculate()\">\n            Calculate\n        <\/button>\n\n        <div class=\"result-box\">\n            <b>Result:<\/b> <span id=\"result\">0<\/span> KZT\n        <\/div>\n\n        <div id=\"explain\" style=\"margin-top:10px;font-size:14px;color:#333;\"><\/div>\n\n    <\/div>\n\n    <!-- RIGHT SIDE -->\n    <div class=\"grid-item\">\n\n        <button class=\"bt_mode\">Training<\/button>\n        <button class=\"bt_mode\">Insurance<\/button>\n        <button class=\"bt_mode\">Protective equipment<\/button>\n        <button class=\"bt_mode\">Sanitary conditions<\/button>\n        <button class=\"bt_mode\">Risk assessment<\/button>\n        <button class=\"bt_mode\">OHSMS<\/button>\n\n    <\/div>\n\n    <!-- TABLE -->\n    <div class=\"table-wrapper\">\n\n        <table>\n            <tr>\n                <th>Result<\/th>\n                <th>Clear<\/th>\n            <\/tr>\n\n            <tr>\n                <td id=\"demo0\">0<\/td>\n                <td><button onclick=\"clearData()\">Reset<\/button><\/td>\n            <\/tr>\n        <\/table>\n\n    <\/div>\n\n<\/div>\n\n<script>\n\n\/* =========================\n   SYNCHRONIZATION\n========================= *\/\n\nconst input1 = document.getElementById(\"input1\");\nconst range1 = document.getElementById(\"range1\");\n\nconst input2 = document.getElementById(\"input2\");\nconst range2 = document.getElementById(\"range2\");\n\ninput1.oninput = () => range1.value = input1.value;\nrange1.oninput = () => input1.value = range1.value;\n\ninput2.oninput = () => range2.value = input2.value;\nrange2.oninput = () => input2.value = range2.value;\n\n\/* =========================\n   CALCULATION\n========================= *\/\n\nfunction calculate(){\n\n    let workers = Number(input1.value);\n    let cost = Number(input2.value);\n\n    if(isNaN(workers)) workers = 0;\n    if(isNaN(cost)) cost = 0;\n\n    let result = workers * cost;\n\n    document.getElementById(\"result\").textContent =\n        result.toLocaleString(\"en-US\");\n\n    document.getElementById(\"demo0\").textContent = result;\n\n    document.getElementById(\"explain\").textContent =\n        `Calculation: ${workers} employees \u00d7 ${cost} KZT = ${result} KZT`;\n\n}\n\n\/* =========================\n   RESET\n========================= *\/\n\nfunction clearData(){\n    location.reload();\n}\n\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-524b3c3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"524b3c3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9798771\" data-id=\"9798771\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-602b1ec elementor-widget elementor-widget-html\" data-id=\"602b1ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Calculator<\/title>\n<\/head>\n\n<body>\n\n<div id=\"calc\">\n\n  <!-- Block 1 -->\n  <div id=\"inputs\">\n    <h3>Technical equipment to be purchased<\/h3>\n\n    <div>\n      <input type=\"number\" placeholder=\"Quantity\" id=\"input1-1\" \/>\n      <input type=\"number\" placeholder=\"Price\" id=\"input2-1\" \/>\n    <\/div>\n  <\/div>\n\n  <div style=\"padding:10px 0 20px;\">\n    <button type=\"button\" id=\"plus\">+<\/button>\n    <button type=\"button\" id=\"minus\">-<\/button>\n  <\/div>\n\n  <!-- Block 2 -->\n  <div id=\"inputs2\">\n    <h3>Visual teaching materials<\/h3>\n\n    <div>\n      <input type=\"number\" placeholder=\"Quantity\" id=\"input21-1\" \/>\n      <input type=\"number\" placeholder=\"Price\" id=\"input22-1\" \/>\n    <\/div>\n  <\/div>\n\n  <div style=\"padding:10px 0 20px;\">\n    <button type=\"button\" id=\"plus2\">+<\/button>\n    <button type=\"button\" id=\"minus2\">-<\/button>\n  <\/div>\n\n  <!-- Block 3 -->\n  <div class=\"inputs3\" style=\"padding-bottom: 20px;\">\n    <h3>Cost of specialist services (KZT)<\/h3>\n\n    <div>\n      <input id=\"input3\" type=\"number\" min=\"0\" value=\"0\"\n        oninput=\"range5.value=value\" style=\"width: 50%;\" \/>\n\n      <input id=\"range5\" type=\"range\" min=\"0\" max=\"10000\" value=\"0\"\n        oninput=\"input3.value=value\" style=\"width: 50%;\" \/>\n    <\/div>\n  <\/div>\n\n  <!-- Block 4 -->\n  <div class=\"inputs4\" style=\"padding-bottom: 20px;\">\n    <h3>Number of teaching hours<\/h3>\n\n    <div>\n      <input id=\"input4\" type=\"number\" min=\"0\" value=\"0\"\n        oninput=\"range4.value=value\" style=\"width: 50%;\" \/>\n\n      <input id=\"range4\" type=\"range\" min=\"0\" max=\"10000\" value=\"0\"\n        oninput=\"input4.value=value\" style=\"width: 50%;\" \/>\n    <\/div>\n  <\/div>\n\n  <!-- Button -->\n  <button type=\"button\" id=\"btn\">Calculate<\/button>\n\n  <!-- Result -->\n  <div id=\"result\"><\/div>\n\n<\/div>\n\n<script src=\".\/testify.js\"><\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cost Calculator Occupational Safety and Health Costs Number of employees: Training cost: Calculate Result: 0 KZT Training Insurance Protective equipment Sanitary conditions Risk assessment OHSMS Result Clear 0 Reset Calculator Technical equipment to be purchased + &#8212; Visual teaching materials + &#8212; Cost of specialist services (KZT) Number of teaching hours Calculate<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23774","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/23774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/comments?post=23774"}],"version-history":[{"count":4,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/23774\/revisions"}],"predecessor-version":[{"id":23778,"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/pages\/23774\/revisions\/23778"}],"wp:attachment":[{"href":"https:\/\/rniiot.kz\/home\/wp-json\/wp\/v2\/media?parent=23774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}