{"id":134613,"date":"2026-08-24T15:42:28","date_gmt":"2026-08-24T14:42:28","guid":{"rendered":"https:\/\/codecool.com\/?page_id=134613"},"modified":"2026-08-24T15:48:09","modified_gmt":"2026-08-24T14:48:09","slug":"vallalati-ajanlatkeres","status":"publish","type":"page","link":"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/","title":{"rendered":"V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"134613\" class=\"elementor elementor-134613\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1bf2331 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"1bf2331\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\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-d3f7244\" data-id=\"d3f7244\" data-element_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-e10abbc elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-html\" data-id=\"e10abbc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\n     DISK V\u00c1LLALATI AJ\u00c1NLATK\u00c9R\u0150 FORM \u2014 Codecool \"cc-appform\" st\u00edlus.\n       \u2022 S\u00f6t\u00e9t indig\u00f3 k\u00e1rtya, vil\u00e1gos mez\u0151k, royal-blue f\u00f3kusz\n       \u2022 Fejl\u00e9c megtartva (dinamikus ?course= c\u00edm)\n       \u2022 DM Sans, 12px mez\u0151-radius, korall k\u00f6telez\u0151-jelek\n       \u2022 lila pill gomb, reszponz\u00edv 2-oszlopos grid\n     Funkci\u00f3 v\u00e1ltozatlan: name\/c\u00e9g\/email\/tel valid\u00e1ci\u00f3, l\u00e9tsz\u00e1m,\n     \u00fczenet, kuponk\u00f3d, JSON no-cors POST, siker-k\u00e9perny\u0151.\n     Minden CSS a .disk-form-wrap al\u00e1 scope-olva.\n     ---------------------------------------------------------------\n     KIT\u00d6LTEND\u0150:  ZAPIER_WEBHOOK_URL  (a *c\u00e9ges* Zap hookja!)\n     ================================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .disk-form-wrap *,\n  .disk-form-wrap *::before,\n  .disk-form-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .disk-form-wrap {\n    \/* \u2500\u2500 tokenek a cc-appform palett\u00e1b\u00f3l \u2500\u2500 *\/\n    --dk-text:      #E7E5FA;\n    --dk-body:      #C9C6F0;\n    --dk-dim:       #8F8BC4;\n    --dk-field-bg:  #ECEBF8;\n    --dk-field-tx:  #2B2667;\n    --dk-field-dim: #6E6A99;\n    --dk-field-line:#CDC9EC;\n    --dk-royal:     #3B54F2;\n    --dk-royal-2:   #2C43D6;\n    --dk-violet-btn:#8B4FD8;\n    --dk-link:      #AEB6FF;\n    --dk-coral:     #FF6B5A;\n    --dk-ok:        #5FD39A;\n    --dk-card:      #2B2667;\n    --dk-card-line: rgba(255,255,255,0.10);\n    --dk-radius:    12px;\n\n    font-family: \"DM Sans\", system-ui, -apple-system, sans-serif;\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto;\n    color: var(--dk-text);\n  }\n\n  .disk-card {\n    background: var(--dk-card);\n    border: 1px solid var(--dk-card-line);\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 24px 60px -30px rgba(0,0,0,0.55);\n    animation: diskFadeUp 0.5s ease both;\n  }\n\n  @keyframes diskFadeUp {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\n  .disk-card-header {\n    padding: 34px 40px 26px;\n    border-bottom: 1px solid var(--dk-card-line);\n  }\n  .disk-eyebrow {\n    font-size: 13px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--dk-coral);\n    font-weight: 600;\n    margin-bottom: 10px;\n  }\n  .disk-title {\n    font-size: 28px;\n    line-height: 1.2;\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    color: #F4F2FE;\n  }\n  .disk-subtitle {\n    margin-top: 8px;\n    font-size: 15px;\n    color: var(--dk-dim);\n    font-weight: 400;\n    line-height: 1.5;\n  }\n  .disk-no-course {\n    display: none;\n    background: rgba(255,107,90,0.12);\n    border-left: 3px solid var(--dk-coral);\n    padding: 10px 14px;\n    font-size: 12.5px;\n    color: #FFC7BF;\n    border-radius: 0 8px 8px 0;\n    margin-top: 14px;\n  }\n\n  \/* \u2500\u2500 Body (reszponz\u00edv grid) \u2500\u2500 *\/\n  .disk-card-body { padding: 32px 40px 38px; }\n\n  .disk-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n  @media (min-width: 560px) {\n    .disk-grid { grid-template-columns: 1fr 1fr; }\n    .disk-col-full { grid-column: 1 \/ -1; }\n  }\n\n  .disk-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }\n\n  .disk-field label {\n    font-size: 15px;\n    font-weight: 500;\n    letter-spacing: -0.01em;\n    color: var(--dk-text);\n  }\n  .disk-field label .req { color: var(--dk-coral); margin-left: 2px; }\n  .disk-field label .opt { color: var(--dk-dim); font-weight: 400; margin-left: 4px; }\n\n  \/* n\u00e9v: k\u00e9t input egy mez\u0151ben *\/\n  .disk-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n  @media (max-width: 460px) { .disk-row-2 { grid-template-columns: 1fr; } }\n\n  .disk-form-wrap input[type=\"text\"],\n  .disk-form-wrap input[type=\"tel\"],\n  .disk-form-wrap input[type=\"email\"],\n  .disk-form-wrap textarea,\n  .disk-form-wrap select {\n    width: 100%;\n    padding: 13px 15px;\n    font-family: inherit;\n    font-size: 16px;                \/* 16px => nincs iOS zoom *\/\n    color: var(--dk-field-tx);\n    background: var(--dk-field-bg);\n    border: 1px solid var(--dk-field-line);\n    border-radius: var(--dk-radius);\n    transition: border-color .15s ease, box-shadow .15s ease;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n  .disk-form-wrap input::placeholder,\n  .disk-form-wrap textarea::placeholder { color: var(--dk-field-dim); }\n\n  .disk-form-wrap textarea {\n    resize: vertical;\n    line-height: 1.55;\n    min-height: 108px;\n  }\n\n  .disk-form-wrap input:focus,\n  .disk-form-wrap textarea:focus,\n  .disk-form-wrap select:focus {\n    border-color: var(--dk-royal);\n    box-shadow: 0 0 0 3px rgba(59,84,242,.35);\n  }\n  .disk-form-wrap input.disk-err,\n  .disk-form-wrap textarea.disk-err,\n  .disk-form-wrap select.disk-err {\n    border-color: var(--dk-coral);\n    box-shadow: 0 0 0 3px rgba(255,107,90,.30);\n  }\n  \/* autofill: vil\u00e1gos kit\u00f6lt\u00e9s, s\u00f6t\u00e9t sz\u00f6veg maradjon *\/\n  .disk-form-wrap input:-webkit-autofill,\n  .disk-form-wrap input:-webkit-autofill:hover,\n  .disk-form-wrap input:-webkit-autofill:focus {\n    -webkit-text-fill-color: var(--dk-field-tx);\n    caret-color: var(--dk-field-tx);\n    -webkit-box-shadow: 0 0 0 1000px var(--dk-field-bg) inset;\n    transition: background-color 9999s ease-out 0s;\n  }\n\n  \/* select chevron (cc-appform st\u00edlus) *\/\n  .disk-form-wrap select {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235A5E7E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 14px center;\n    padding-right: 42px;\n    cursor: pointer;\n  }\n  .disk-form-wrap option { color: #2B2667; background: #fff; }\n  .disk-form-wrap select:has(option[value=\"\"]:checked) { color: var(--dk-field-dim); }\n\n  .disk-field-error {\n    font-size: 12.5px;\n    color: #FFC7BF;\n    display: none;\n  }\n  .disk-field-error.show { display: block; }\n\n  .disk-divider {\n    border: none;\n    border-top: 1px solid var(--dk-card-line);\n    margin: 6px 0 4px;\n    grid-column: 1 \/ -1;\n  }\n\n  \/* \u2500\u2500 konszent checkbox (native accent-color) \u2500\u2500 *\/\n  .disk-checkbox-wrap {\n    display: flex;\n    align-items: flex-start;\n    gap: 11px;\n    cursor: pointer;\n  }\n  .disk-form-wrap input[type=\"checkbox\"] {\n    appearance: auto; -webkit-appearance: auto;\n    width: 20px; height: 20px; flex: none; margin: 1px 0 0;\n    accent-color: var(--dk-royal);\n    cursor: pointer;\n  }\n  .disk-form-wrap input[type=\"checkbox\"]:focus-visible {\n    outline: 2px solid var(--dk-link); outline-offset: 2px;\n  }\n  .disk-checkbox-label {\n    font-size: 14.5px;\n    color: var(--dk-body);\n    line-height: 1.5;\n  }\n  .disk-checkbox-label a {\n    color: var(--dk-link);\n    font-weight: 600;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n  .disk-checkbox-label a:hover { color: #C7CCFF; }\n\n  \/* \u2500\u2500 submit \u2500\u2500 *\/\n  .disk-submit-row {\n    grid-column: 1 \/ -1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    margin-top: 14px;\n  }\n  .disk-btn {\n    appearance: none; border: 0; cursor: pointer;\n    background: var(--dk-violet-btn);\n    color: #fff;\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 700;\n    padding: 13px 30px;\n    border-radius: 200px;\n    transition: background .15s ease, transform .15s ease, opacity .15s ease;\n    box-shadow: 0 8px 22px -12px rgba(59,84,242,.9);\n  }\n  .disk-btn:hover { background: var(--dk-royal-2); transform: translateY(-1px); }\n  .disk-btn:active { transform: translateY(0); }\n  .disk-btn:disabled { opacity: .6; cursor: default; transform: none; }\n  .disk-btn:focus-visible { outline: 3px solid rgba(174,182,255,.55); outline-offset: 2px; }\n  .disk-btn .disk-spinner {\n    display: none;\n    width: 15px; height: 15px;\n    border: 2px solid rgba(255,255,255,0.35);\n    border-top-color: #fff;\n    border-radius: 50%;\n    animation: diskSpin 0.7s linear infinite;\n    vertical-align: middle;\n    margin-right: 8px;\n  }\n  .disk-btn.loading .disk-spinner { display: inline-block; }\n  .disk-btn.loading .disk-btn-text { opacity: 0.75; }\n  @keyframes diskSpin { to { transform: rotate(360deg); } }\n\n  \/* \u2500\u2500 error banner \u2500\u2500 *\/\n  .disk-error-banner {\n    display: none;\n    grid-column: 1 \/ -1;\n    background: rgba(255,107,90,0.12);\n    border: 1px solid var(--dk-coral);\n    border-radius: 10px;\n    padding: 12px 16px;\n    font-size: 13px;\n    color: #FFC7BF;\n  }\n  .disk-error-banner.show { display: block; }\n\n  \/* \u2500\u2500 siker \u2500\u2500 *\/\n  .disk-success {\n    display: none;\n    text-align: center;\n    padding: 56px 40px;\n    animation: diskFadeUp 0.4s ease both;\n  }\n  .disk-success.show { display: block; }\n  .disk-success-icon {\n    width: 64px; height: 64px;\n    border-radius: 50%;\n    background: rgba(95,211,154,0.16);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 20px;\n    color: var(--dk-ok);\n  }\n  .disk-success-title {\n    font-size: 24px;\n    font-weight: 600;\n    color: #F4F2FE;\n    margin-bottom: 10px;\n  }\n  .disk-success-msg {\n    font-size: 14.5px;\n    color: var(--dk-body);\n    line-height: 1.6;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .disk-card, .disk-success,\n    .disk-form-wrap input, .disk-form-wrap textarea, .disk-form-wrap select, .disk-btn { animation: none; transition: none; }\n  }\n\n  \/* \u2500\u2500 mobil \u2500\u2500 *\/\n  @media (max-width: 500px) {\n    .disk-card-header { padding: 26px 22px 22px; }\n    .disk-card-body   { padding: 26px 22px 30px; }\n    .disk-title       { font-size: 24px; }\n  }\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!--  DISK V\u00c1LLALATI AJ\u00c1NLATK\u00c9R\u0150 FORM (cc-style) -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"disk-form-wrap\">\n  <div class=\"disk-card\">\n\n    <div class=\"disk-card-header\">\n      <div class=\"disk-eyebrow\">V\u00e1llalati partnereknek<\/div>\n      <div class=\"disk-title\" id=\"diskHeaderTitle\">V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s<\/div>\n      <div class=\"disk-subtitle\">Csoportos, c\u00e9ges k\u00e9pz\u00e9ssel kapcsolatban \u2014 t\u00f6ltsd ki az al\u00e1bbi mez\u0151ket, \u00e9s hamarosan jelentkez\u00fcnk.<\/div>\n      <div class=\"disk-no-course\" id=\"diskNoCourse\">\n        \u26a0\ufe0f Nem \u00e9rkezett kurzusn\u00e9v a linkb\u0151l \u2014 az alap\u00e9rtelmezett c\u00edm jelenik meg.\n      <\/div>\n    <\/div>\n\n    <div class=\"disk-card-body\" id=\"diskFormWrap\">\n      <form id=\"diskForm\" novalidate>\n        <div class=\"disk-grid\">\n\n          <div class=\"disk-error-banner\" id=\"diskErrorBanner\">\n            Hiba t\u00f6rt\u00e9nt a bek\u00fcld\u00e9s sor\u00e1n. K\u00e9rlek, pr\u00f3b\u00e1ld \u00fajra.\n          <\/div>\n\n          <!-- Kapcsolattart\u00f3 neve -->\n          <div class=\"disk-field disk-col-full\">\n            <label>Kapcsolattart\u00f3 neve <span class=\"req\">*<\/span><\/label>\n            <div class=\"disk-row-2\">\n              <div>\n                <input type=\"text\" id=\"diskLastName\" placeholder=\"Vezet\u00e9kn\u00e9v\" autocomplete=\"family-name\">\n                <div class=\"disk-field-error\" id=\"diskLastNameErr\">K\u00e9rlek, add meg a vezet\u00e9kneved.<\/div>\n              <\/div>\n              <div>\n                <input type=\"text\" id=\"diskFirstName\" placeholder=\"Keresztn\u00e9v\" autocomplete=\"given-name\">\n                <div class=\"disk-field-error\" id=\"diskFirstNameErr\">K\u00e9rlek, add meg a keresztneved.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- C\u00e9gn\u00e9v -->\n          <div class=\"disk-field disk-col-full\">\n            <label for=\"diskCompany\">C\u00e9gn\u00e9v <span class=\"req\">*<\/span><\/label>\n            <input type=\"text\" id=\"diskCompany\" placeholder=\"P\u00e9lda Kft.\" autocomplete=\"organization\">\n            <div class=\"disk-field-error\" id=\"diskCompanyErr\">K\u00e9rlek, add meg a c\u00e9ged nev\u00e9t.<\/div>\n          <\/div>\n\n          <!-- Munkahelyi e-mail -->\n          <div class=\"disk-field\">\n            <label for=\"diskEmail\">Munkahelyi e-mail <span class=\"req\">*<\/span><\/label>\n            <input type=\"email\" id=\"diskEmail\" placeholder=\"nev@ceg.hu\" autocomplete=\"email\">\n            <div class=\"disk-field-error\" id=\"diskEmailErr\">K\u00e9rlek, adj meg egy \u00e9rv\u00e9nyes e-mail-c\u00edmet.<\/div>\n          <\/div>\n\n          <!-- Telefonsz\u00e1m -->\n          <div class=\"disk-field\">\n            <label for=\"diskPhone\">Telefonsz\u00e1m <span class=\"req\">*<\/span><\/label>\n            <input type=\"tel\" id=\"diskPhone\" placeholder=\"+36201234567\" autocomplete=\"tel\">\n            <div class=\"disk-field-error\" id=\"diskPhoneErr\">K\u00e9rlek, add meg a telefonsz\u00e1mod.<\/div>\n          <\/div>\n\n          <!-- V\u00e1rhat\u00f3 r\u00e9sztvev\u0151k sz\u00e1ma -->\n          <div class=\"disk-field\">\n            <label for=\"diskHeadcount\">V\u00e1rhat\u00f3 r\u00e9sztvev\u0151k sz\u00e1ma <span class=\"opt\">(opcion\u00e1lis)<\/span><\/label>\n            <select id=\"diskHeadcount\">\n              <option value=\"\" disabled selected>V\u00e1lassz egy lehet\u0151s\u00e9get<\/option>\n              <option value=\"1\u20135\">1\u20135 f\u0151<\/option>\n              <option value=\"6\u201315\">6\u201315 f\u0151<\/option>\n              <option value=\"16\u201330\">16\u201330 f\u0151<\/option>\n              <option value=\"30+\">30+ f\u0151<\/option>\n            <\/select>\n          <\/div>\n\n          <!-- Kuponk\u00f3d -->\n          <div class=\"disk-field\">\n            <label for=\"diskCoupon\">Kuponk\u00f3d<\/label>\n            <input type=\"text\" id=\"diskCoupon\" placeholder=\"XYZ15\" autocomplete=\"off\">\n          <\/div>\n\n          <!-- \u00dczenet -->\n          <div class=\"disk-field disk-col-full\">\n            <label for=\"diskMessage\">\u00dczenet <span class=\"opt\">(opcion\u00e1lis)<\/span><\/label>\n            <textarea id=\"diskMessage\" rows=\"4\" placeholder=\"\u00cdrja le r\u00f6viden, miben seg\u00edthet\u00fcnk.\"><\/textarea>\n          <\/div>\n\n          <hr class=\"disk-divider\">\n\n          <!-- Adatkezel\u00e9s -->\n          <div class=\"disk-field disk-col-full\">\n            <label class=\"disk-checkbox-wrap\">\n              <input type=\"checkbox\" id=\"diskPrivacy\">\n              <span class=\"disk-checkbox-label\">\n                Elolvastam \u00e9s elfogadom az\n                <a href=\"https:\/\/codecool.com\/hu\/adatvedelmi-szabalyzat\/\" target=\"_blank\" rel=\"noopener\">Adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3t<\/a>.\n              <\/span>\n            <\/label>\n            <div class=\"disk-field-error\" id=\"diskPrivacyErr\" style=\"margin-top:6px;\">\n              Az adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3 elfogad\u00e1sa k\u00f6telez\u0151.\n            <\/div>\n          <\/div>\n\n          <!-- Bek\u00fcld\u00e9s -->\n          <div class=\"disk-submit-row\">\n            <button type=\"submit\" class=\"disk-btn\" id=\"diskSubmitBtn\">\n              <span class=\"disk-spinner\"><\/span>\n              <span class=\"disk-btn-text\">Aj\u00e1nlatk\u00e9r\u00e9s elk\u00fcld\u00e9se<\/span>\n            <\/button>\n          <\/div>\n\n        <\/div>\n      <\/form>\n    <\/div>\n\n    <!-- Sikeres bek\u00fcld\u00e9s -->\n    <div class=\"disk-success\" id=\"diskSuccess\">\n      <div class=\"disk-success-icon\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"20 6 9 17 4 12\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"disk-success-title\">K\u00f6sz\u00f6nj\u00fck az \u00e9rdekl\u0151d\u00e9sed!<\/div>\n      <div class=\"disk-success-msg\">Hamarosan felvessz\u00fck veled a kapcsolatot.<br>Addig is figyeld a postal\u00e1d\u00e1d.<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  \/\/ \u26a0\ufe0f  REPLACE WITH THE WEBHOOK URL OF YOUR *CORPORATE* ZAP\n  \/\/     (use a different hook than the student application form,\n  \/\/      or these leads will land in the wrong sheet)\n  \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  var ZAPIER_WEBHOOK_URL = 'https:\/\/hooks.zapier.com\/hooks\/catch\/26407088\/43tx2tv\/';\n\n  \/\/ \u2500\u2500 Course name from ?course= URL param \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  var urlParams  = new URLSearchParams(window.location.search);\n  var courseName = (urlParams.get('course') || '').trim();\n\n  var titleEl = document.getElementById('diskHeaderTitle');\n  var warnEl  = document.getElementById('diskNoCourse');\n\n  if (courseName) {\n    titleEl.textContent  = courseName;   \/\/ textContent \u2192 no markup injection\n    warnEl.style.display = 'none';\n  } else {\n    titleEl.textContent  = 'V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s';\n    warnEl.style.display = 'block';\n  }\n\n  \/\/ \u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function setErr(inputId, errId, show) {\n    document.getElementById(inputId).classList.toggle('disk-err', show);\n    document.getElementById(errId).classList.toggle('show', show);\n  }\n\n  function validate() {\n    var ln  = document.getElementById('diskLastName').value.trim();\n    var fn  = document.getElementById('diskFirstName').value.trim();\n    var co  = document.getElementById('diskCompany').value.trim();\n    var em  = document.getElementById('diskEmail').value.trim();\n    var ph  = document.getElementById('diskPhone').value.trim();\n    var prv = document.getElementById('diskPrivacy').checked;\n    var emailOk = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em);\n\n    setErr('diskLastName',  'diskLastNameErr',  !ln);\n    setErr('diskFirstName', 'diskFirstNameErr', !fn);\n    setErr('diskCompany',   'diskCompanyErr',   !co);\n    setErr('diskEmail',     'diskEmailErr',     !emailOk);\n    setErr('diskPhone',     'diskPhoneErr',     !ph);\n\n    var privCb  = document.getElementById('diskPrivacy');\n    var privErr = document.getElementById('diskPrivacyErr');\n    privCb.classList.toggle('disk-err', !prv);\n    privErr.classList.toggle('show', !prv);\n\n    return ln && fn && co && emailOk && ph && prv;\n  }\n\n  \/\/ \u2500\u2500 Submit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  document.getElementById('diskForm').addEventListener('submit', function (e) {\n    e.preventDefault();\n    document.getElementById('diskErrorBanner').classList.remove('show');\n\n    if (!validate()) return;\n\n    var btn = document.getElementById('diskSubmitBtn');\n    btn.disabled = true;\n    btn.classList.add('loading');\n\n    var payload = {\n      kurzus:                courseName || '(nem megadott)',\n      vezeteknev:            document.getElementById('diskLastName').value.trim(),\n      keresztnev:            document.getElementById('diskFirstName').value.trim(),\n      cegnev:                document.getElementById('diskCompany').value.trim(),\n      email:                 document.getElementById('diskEmail').value.trim(),\n      telefonszam:           document.getElementById('diskPhone').value.trim(),\n      letszam:               document.getElementById('diskHeadcount').value || '',\n      uzenet:                document.getElementById('diskMessage').value.trim() || '',\n      kuponkod:              document.getElementById('diskCoupon').value.trim(),\n      adatkezeles_elfogadva: true,\n      bekuldes_ideje:        new Date().toISOString()\n    };\n\n    fetch(ZAPIER_WEBHOOK_URL, {\n      method: 'POST',\n      mode:   'no-cors',\n      body:   JSON.stringify(payload)\n    }).then(function () {\n      document.getElementById('diskFormWrap').style.display = 'none';\n      document.getElementById('diskSuccess').classList.add('show');\n    }).catch(function (err) {\n      btn.disabled = false;\n      btn.classList.remove('loading');\n      document.getElementById('diskErrorBanner').classList.add('show');\n      console.error('Webhook error:', err);\n    });\n  });\n\n  \/\/ \u2500\u2500 Clear errors on input \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  ['diskLastName','diskFirstName','diskCompany','diskEmail','diskPhone'].forEach(function (id) {\n    document.getElementById(id).addEventListener('input', function () {\n      this.classList.remove('disk-err');\n    });\n  });\n\n})();\n<\/script>\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>V\u00e1llalati partnereknek V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s Csoportos, c\u00e9ges k\u00e9pz\u00e9ssel kapcsolatban \u2014 t\u00f6ltsd ki az al\u00e1bbi mez\u0151ket, \u00e9s hamarosan jelentkez\u00fcnk. \u26a0\ufe0f Nem \u00e9rkezett kurzusn\u00e9v a linkb\u0151l \u2014 az alap\u00e9rtelmezett c\u00edm jelenik meg. Hiba t\u00f6rt\u00e9nt a bek\u00fcld\u00e9s sor\u00e1n. K\u00e9rlek, pr\u00f3b\u00e1ld \u00fajra. Kapcsolattart\u00f3 neve * K\u00e9rlek, add meg a vezet\u00e9kneved. K\u00e9rlek, add meg a keresztneved. C\u00e9gn\u00e9v * K\u00e9rlek, add meg [&hellip;]<\/p>\n","protected":false},"author":57,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-134613","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.4 (Yoast SEO v24.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s - Codecool<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s\" \/>\n<meta property=\"og:description\" content=\"V\u00e1llalati partnereknek V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s Csoportos, c\u00e9ges k\u00e9pz\u00e9ssel kapcsolatban \u2014 t\u00f6ltsd ki az al\u00e1bbi mez\u0151ket, \u00e9s hamarosan jelentkez\u00fcnk. \u26a0\ufe0f Nem \u00e9rkezett kurzusn\u00e9v a linkb\u0151l \u2014 az alap\u00e9rtelmezett c\u00edm jelenik meg. Hiba t\u00f6rt\u00e9nt a bek\u00fcld\u00e9s sor\u00e1n. K\u00e9rlek, pr\u00f3b\u00e1ld \u00fajra. Kapcsolattart\u00f3 neve * K\u00e9rlek, add meg a vezet\u00e9kneved. K\u00e9rlek, add meg a keresztneved. C\u00e9gn\u00e9v * K\u00e9rlek, add meg [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/\" \/>\n<meta property=\"og:site_name\" content=\"Codecool\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CodecoolOfficial\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T14:48:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Codecool_global\" \/>\n<meta name=\"twitter:label1\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 perc\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s - Codecool","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/","og_locale":"hu_HU","og_type":"article","og_title":"V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s","og_description":"V\u00e1llalati partnereknek V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s Csoportos, c\u00e9ges k\u00e9pz\u00e9ssel kapcsolatban \u2014 t\u00f6ltsd ki az al\u00e1bbi mez\u0151ket, \u00e9s hamarosan jelentkez\u00fcnk. \u26a0\ufe0f Nem \u00e9rkezett kurzusn\u00e9v a linkb\u0151l \u2014 az alap\u00e9rtelmezett c\u00edm jelenik meg. Hiba t\u00f6rt\u00e9nt a bek\u00fcld\u00e9s sor\u00e1n. K\u00e9rlek, pr\u00f3b\u00e1ld \u00fajra. Kapcsolattart\u00f3 neve * K\u00e9rlek, add meg a vezet\u00e9kneved. K\u00e9rlek, add meg a keresztneved. C\u00e9gn\u00e9v * K\u00e9rlek, add meg [&hellip;]","og_url":"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/","og_site_name":"Codecool","article_publisher":"https:\/\/www.facebook.com\/CodecoolOfficial\/","article_modified_time":"2026-08-24T14:48:09+00:00","twitter_card":"summary_large_image","twitter_site":"@Codecool_global","twitter_misc":{"Becs\u00fclt olvas\u00e1si id\u0151":"1 perc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/","url":"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/","name":"V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s - Codecool","isPartOf":{"@id":"https:\/\/codecool.com\/hu\/#website"},"datePublished":"2026-08-24T14:42:28+00:00","dateModified":"2026-08-24T14:48:09+00:00","breadcrumb":{"@id":"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/codecool.com\/hu\/vallalati-ajanlatkeres\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codecool.com\/hu\/"},{"@type":"ListItem","position":2,"name":"V\u00e1llalati aj\u00e1nlatk\u00e9r\u00e9s"}]},{"@type":"WebSite","@id":"https:\/\/codecool.com\/hu\/#website","url":"https:\/\/codecool.com\/hu\/","name":"Codecool","description":"Next gen coding school &amp; career hub","publisher":{"@id":"https:\/\/codecool.com\/hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codecool.com\/hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hu"},{"@type":"Organization","@id":"https:\/\/codecool.com\/hu\/#organization","name":"Codecool","alternateName":"Codecool","url":"https:\/\/codecool.com\/hu\/","logo":{"@type":"ImageObject","inLanguage":"hu","@id":"https:\/\/codecool.com\/hu\/#\/schema\/logo\/image\/","url":"https:\/\/codecool.com\/wp-content\/uploads\/2023\/09\/Codecool-logo-app.svg","contentUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2023\/09\/Codecool-logo-app.svg","width":1,"height":1,"caption":"Codecool"},"image":{"@id":"https:\/\/codecool.com\/hu\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CodecoolOfficial\/","https:\/\/x.com\/Codecool_global","https:\/\/www.instagram.com\/codecool_official\/","https:\/\/www.linkedin.com\/school\/codecool\/"]}]}},"_links":{"self":[{"href":"https:\/\/codecool.com\/hu\/wp-json\/wp\/v2\/pages\/134613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codecool.com\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codecool.com\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codecool.com\/hu\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/codecool.com\/hu\/wp-json\/wp\/v2\/comments?post=134613"}],"version-history":[{"count":7,"href":"https:\/\/codecool.com\/hu\/wp-json\/wp\/v2\/pages\/134613\/revisions"}],"predecessor-version":[{"id":134622,"href":"https:\/\/codecool.com\/hu\/wp-json\/wp\/v2\/pages\/134613\/revisions\/134622"}],"wp:attachment":[{"href":"https:\/\/codecool.com\/hu\/wp-json\/wp\/v2\/media?parent=134613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}