Kontakt \u2013 Yallink<\/title>\n <style>\n :root{\n --primary:#2B59FF; \/* primary accent *\/\n --primary-600:#244be0;\n --bg:#f6f8ff; \/* page bg *\/\n --card:#ffffff; \/* card bg *\/\n --text:#0f172a; \/* headings\/body *\/\n --muted:#64748b; \/* labels\/notes *\/\n --ring:#c7d2fe; \/* focus ring *\/\n --border:#e5e7eb; \/* input borders *\/\n --success:#16a34a;\n --danger:#dc2626;\n --radius:16px;\n --shadow:0 10px 30px rgba(17,24,39,.08);\n --shadow-sm:0 6px 18px rgba(17,24,39,.06);\n --spacing:20px;\n }\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--text);\n background:linear-gradient(180deg,#f7f9ff 0%, #eef2ff 100%);\n }\n .wrap{\n max-width:1040px;\n margin:48px auto;\n padding:0 20px;\n }\n\n \/* Section header similar to CV page hero *\/\n .section-head{\n position:relative;\n padding:36px 24px;\n border-radius:var(--radius);\n background: radial-gradient(1200px 400px at 0% 0%, rgba(43,89,255,.10), transparent 60%),\n radial-gradient(800px 300px at 100% 0%, rgba(99,102,241,.10), transparent 60%),\n linear-gradient(180deg,#ffffff 0%, #f8faff 100%);\n border:1px solid var(--border);\n box-shadow:var(--shadow);\n overflow:hidden;\n }\n .section-head h1{\n margin:0;\n font-size:clamp(24px, 3vw, 36px);\n line-height:1.15;\n letter-spacing:-.01em;\n }\n .section-head p{\n margin:8px 0 0;\n color:var(--muted);\n max-width:720px;\n font-size:clamp(14px, 1.6vw, 16px);\n }\n .dots{\n position:absolute; inset:auto 16px 16px auto; opacity:.25;\n width:120px; height:32px;\n background-image: radial-gradient(currentColor 1.2px, transparent 1.2px);\n background-size:12px 12px; color:#94a3b8;\n mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);\n }\n\n \/* Card *\/\n .card{\n margin-top:24px;\n background:var(--card);\n border:1px solid var(--border);\n border-radius:var(--radius);\n box-shadow:var(--shadow);\n padding: clamp(18px, 3.2vw, 28px);\n }\n\n \/* Grid similar spacing to CV form *\/\n .grid{\n display:grid;\n gap:16px;\n grid-template-columns:1fr;\n }\n @media (min-width: 720px){\n .grid.cols-2{ grid-template-columns:1fr 1fr; }\n }\n\n .field{\n display:flex; flex-direction:column; gap:8px;\n }\n .label{\n font-size:14px; color:var(--muted);\n }\n .control{\n position:relative;\n }\n .control svg{\n position:absolute; left:12px; top:50%; transform:translateY(-50%);\n width:18px; height:18px; opacity:.55; pointer-events:none;\n }\n input[type=\"text\"],\n input[type=\"email\"],\n input[type=\"file\"],\n textarea, select{\n width:100%;\n font:inherit;\n border:1px solid var(--border);\n background:#fff;\n border-radius:12px;\n padding:12px 14px 12px 40px;\n outline:none;\n transition:.15s border-color,.15s box-shadow,.15s transform;\n }\n textarea{ min-height:160px; resize:vertical; padding-left:14px; }\n select{ padding-left:14px; }\n input::placeholder, textarea::placeholder{ color:#9aa4b2; }\n\n input:focus, textarea:focus, select:focus{\n border-color:var(--primary);\n box-shadow:0 0 0 6px var(--ring);\n }\n\n \/* File drop (optional attachment mimicking CV field style) *\/\n .drop{\n border:1px dashed #cbd5e1;\n border-radius:12px;\n padding:18px;\n display:flex; align-items:center; gap:14px;\n transition:.15s border-color,.15s background;\n cursor:pointer;\n }\n .drop:hover{ border-color:#a5b4fc; background:#f8faff; }\n .drop input{ display:none; }\n .drop .meta{ color:var(--muted); font-size:14px; }\n .drop .meta b{ color:var(--text); font-weight:600; }\n\n \/* Checkboxes (GDPR style) *\/\n .check{\n display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start;\n padding:14px;\n border:1px solid var(--border); border-radius:12px; background:#fff;\n }\n .check input{\n width:20px; height:20px; accent-color:var(--primary);\n margin-top:2px;\n }\n .check small{ color:var(--muted); display:block; margin-top:6px; }\n\n \/* Button *\/\n .actions{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }\n .btn{\n appearance:none; border:0; cursor:pointer;\n padding:14px 22px; border-radius:999px;\n background:linear-gradient(180deg, var(--primary) 0%, var(--primary-600) 100%);\n color:#fff; font-weight:700; letter-spacing:.2px;\n box-shadow:0 8px 20px rgba(43,89,255,.25);\n transition: transform .06s ease, box-shadow .2s ease;\n }\n .btn:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(43,89,255,.28); }\n .btn:active{ transform:translateY(0); box-shadow:0 6px 16px rgba(43,89,255,.22); }\n .note{ color:var(--muted); font-size:13px; }\n\n \/* Helper for error\/success (hooks for your JS\/backend) *\/\n .is-error{ border-color:var(--danger)!important; }\n .is-success{ border-color:var(--success)!important; }\n <\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n <header class=\"section-head\">\n <h1>Contact us<\/h1>\n <p>Thanks for your message! We'll get back to you as soon as we can. Feel free to add an attachment, like a brief or a specification, if you'd like<\/p>\n <div class=\"dots\" aria-hidden=\"true\"><\/div>\n <\/header>\n\n <main class=\"card\" role=\"form\" aria-labelledby=\"contactTitle\">\n <form id=\"contactForm\" method=\"post\" action=\"\/en\/contact-submit\/\" enctype=\"multipart\/form-data\" novalidate data-trp-original-action=\"\/contact-submit\">\n <div class=\"grid cols-2\">\n <div class=\"field\">\n <label class=\"label\" for=\"name\">Twoje imi\u0119 i nazwisko<\/label>\n <div class=\"control\">\n \n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5Z\"\/><\/svg>\n <input id=\"name\" name=\"name\" type=\"text\" placeholder=\"Jan Kowalski\" required>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label class=\"label\" for=\"email\">Tw\u00f3j adres e-mail<\/label>\n <div class=\"control\">\n \n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5L4 8V6l8 5 8-5Z\"\/><\/svg>\n <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"jan.kowalski@yallink.com\" required>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label class=\"label\" for=\"subject\">Temat<\/label>\n <div class=\"control\">\n \n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 6h18v2H3V6Zm0 5h12v2H3v-2Zm0 5h18v2H3v-2Z\"\/><\/svg>\n <input id=\"subject\" name=\"subject\" type=\"text\" placeholder=\"Zapytanie ofertowe \/ Wsp\u00f3\u0142praca\" required>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label class=\"label\" for=\"phone\">Telefon (opcjonalnie)<\/label>\n <div class=\"control\">\n \n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.8 11.8 0 0 0 3.7.6 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 8a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.8 11.8 0 0 0 .6 3.7 1 1 0 0 1-.25 1Z\"\/><\/svg>\n <input id=\"phone\" name=\"phone\" type=\"text\" placeholder=\"+48 600 000 000\" inputmode=\"tel\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field\" style=\"margin-top:6px;\">\n <label class=\"label\" for=\"message\">Twoja wiadomo\u015b\u0107<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Napisz kr\u00f3tko, w czym mo\u017cemy pom\u00f3c...\" required><\/textarea>\n <\/div>\n\n \n <div class=\"field\">\n <label class=\"label\">Za\u0142\u0105cznik (opcjonalnie)<\/label>\n <label class=\"drop\" for=\"file\">\n \n <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16.5 6.5 7.9 15.1a4 4 0 1 0 5.7 5.7l8-8a6 6 0 1 0-8.5-8.5l-9.2 9.1\"\/><\/svg>\n <div class=\"meta\">\n Przeci\u0105gnij i upu\u015b\u0107 plik tutaj lub <b>kliknij, aby wybra\u0107<\/b><br\/>\n <small class=\"note\">PDF, DOCX, PNG \u2013 maks. 10 MB<\/small>\n <\/div>\n <input id=\"file\" name=\"attachment\" type=\"file\" accept=\".pdf,.doc,.docx,.png,.jpg,.jpeg\">\n <\/label>\n <\/div>\n\n \n <div class=\"grid\">\n <label class=\"check\">\n <input type=\"checkbox\" id=\"rodo\" name=\"rodo\" required>\n <div>\n O\u015bwiadczam, \u017ce zapozna\u0142em\/am si\u0119 z informacj\u0105 o prywatno\u015bci zgodnie z RODO \u2013 dost\u0119pna w Polityce Prywatno\u015bci.\n <small>Wymagane, aby\u015bmy mogli odpowiedzie\u0107 na Twoj\u0105 wiadomo\u015b\u0107.<\/small>\n <\/div>\n <\/label>\n\n <label class=\"check\">\n <input type=\"checkbox\" id=\"future\" name=\"consent_future\">\n <div>\n Wyra\u017cam zgod\u0119 na przetwarzanie moich danych w celu przysz\u0142ego kontaktu dotycz\u0105cego us\u0142ug Yallink.\n <small>Opcjonalne \u2013 pomaga nam wr\u00f3ci\u0107 do Ciebie z dopasowan\u0105 ofert\u0105.<\/small>\n <\/div>\n <\/label>\n <\/div>\n\n <div class=\"actions\" style=\"margin-top:16px;\">\n <button type=\"submit\" class=\"btn\">Wy\u015blij wiadomo\u015b\u0107<\/button>\n <span class=\"note\">Odpowiadamy zwykle w 1\u20132 dni robocze.<\/span>\n <\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n <\/main>\n <\/div>\n\n \n <script>\n const fileInput = document.getElementById('file');\n const drop = fileInput?.closest('.drop');\n fileInput?.addEventListener('change', (e) => {\n const f = e.target.files?.[0];\n if(!f || !drop) return;\n drop.querySelector('.meta').innerHTML =\n 'Wybrano: <b>'+ f.name + '<\/b><br><small class=\"note\">'+\n Math.round(f.size\/1024) + ' KB<\/small>';\n });\n\n \/\/ basic client-side validation feedback\n document.getElementById('contactForm')?.addEventListener('submit', (e)=>{\n const form = e.target;\n const required = [...form.querySelectorAll('[required]')];\n let ok = true;\n required.forEach(el=>{\n if(!el.value || (el.type === 'checkbox' && !el.checked)){\n ok = false;\n el.classList.add('is-error');\n } else {\n el.classList.remove('is-error');\n }\n });\n if(!ok){\n e.preventDefault();\n form.scrollIntoView({behavior:'smooth',block:'start'});\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div>","protected":false},"excerpt":{"rendered":"<p>Kontakt \u2013 Yallink Skontaktuj si\u0119 z nami Napisz wiadomo\u015b\u0107 \u2013 odpowiemy najszybciej jak to mo\u017cliwe. Je\u015bli wolisz, mo\u017cesz doda\u0107 za\u0142\u0105cznik (np. brief lub specyfikacj\u0119). Twoje imi\u0119 i nazwisko Tw\u00f3j adres e-mail Temat Telefon (opcjonalnie) Twoja wiadomo\u015b\u0107 Za\u0142\u0105cznik (opcjonalnie) Przeci\u0105gnij i upu\u015b\u0107 plik tutaj lub kliknij, aby wybra\u0107 PDF, DOCX, PNG \u2013 maks. 10 MB O\u015bwiadczam, […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-2939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/pages\/2939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/comments?post=2939"}],"version-history":[{"count":0,"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/pages\/2939\/revisions"}],"wp:attachment":[{"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/media?parent=2939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2939,"date":"2023-04-04T11:46:39","date_gmt":"2023-04-04T09:46:39","guid":{"rendered":"http:\/\/kuba.isiart.pl\/?page_id=2939"},"modified":"2025-09-18T14:47:34","modified_gmt":"2025-09-18T14:47:34","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/yallink.com\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n \n \n Kontakt \u2013 Yallink<\/title>\n <style>\n :root{\n --primary:#2B59FF; \/* primary accent *\/\n --primary-600:#244be0;\n --bg:#f6f8ff; \/* page bg *\/\n --card:#ffffff; \/* card bg *\/\n --text:#0f172a; \/* headings\/body *\/\n --muted:#64748b; \/* labels\/notes *\/\n --ring:#c7d2fe; \/* focus ring *\/\n --border:#e5e7eb; \/* input borders *\/\n --success:#16a34a;\n --danger:#dc2626;\n --radius:16px;\n --shadow:0 10px 30px rgba(17,24,39,.08);\n --shadow-sm:0 6px 18px rgba(17,24,39,.06);\n --spacing:20px;\n }\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--text);\n background:linear-gradient(180deg,#f7f9ff 0%, #eef2ff 100%);\n }\n .wrap{\n max-width:1040px;\n margin:48px auto;\n padding:0 20px;\n }\n\n \/* Section header similar to CV page hero *\/\n .section-head{\n position:relative;\n padding:36px 24px;\n border-radius:var(--radius);\n background: radial-gradient(1200px 400px at 0% 0%, rgba(43,89,255,.10), transparent 60%),\n radial-gradient(800px 300px at 100% 0%, rgba(99,102,241,.10), transparent 60%),\n linear-gradient(180deg,#ffffff 0%, #f8faff 100%);\n border:1px solid var(--border);\n box-shadow:var(--shadow);\n overflow:hidden;\n }\n .section-head h1{\n margin:0;\n font-size:clamp(24px, 3vw, 36px);\n line-height:1.15;\n letter-spacing:-.01em;\n }\n .section-head p{\n margin:8px 0 0;\n color:var(--muted);\n max-width:720px;\n font-size:clamp(14px, 1.6vw, 16px);\n }\n .dots{\n position:absolute; inset:auto 16px 16px auto; opacity:.25;\n width:120px; height:32px;\n background-image: radial-gradient(currentColor 1.2px, transparent 1.2px);\n background-size:12px 12px; color:#94a3b8;\n mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);\n }\n\n \/* Card *\/\n .card{\n margin-top:24px;\n background:var(--card);\n border:1px solid var(--border);\n border-radius:var(--radius);\n box-shadow:var(--shadow);\n padding: clamp(18px, 3.2vw, 28px);\n }\n\n \/* Grid similar spacing to CV form *\/\n .grid{\n display:grid;\n gap:16px;\n grid-template-columns:1fr;\n }\n @media (min-width: 720px){\n .grid.cols-2{ grid-template-columns:1fr 1fr; }\n }\n\n .field{\n display:flex; flex-direction:column; gap:8px;\n }\n .label{\n font-size:14px; color:var(--muted);\n }\n .control{\n position:relative;\n }\n .control svg{\n position:absolute; left:12px; top:50%; transform:translateY(-50%);\n width:18px; height:18px; opacity:.55; pointer-events:none;\n }\n input[type=\"text\"],\n input[type=\"email\"],\n input[type=\"file\"],\n textarea, select{\n width:100%;\n font:inherit;\n border:1px solid var(--border);\n background:#fff;\n border-radius:12px;\n padding:12px 14px 12px 40px;\n outline:none;\n transition:.15s border-color,.15s box-shadow,.15s transform;\n }\n textarea{ min-height:160px; resize:vertical; padding-left:14px; }\n select{ padding-left:14px; }\n input::placeholder, textarea::placeholder{ color:#9aa4b2; }\n\n input:focus, textarea:focus, select:focus{\n border-color:var(--primary);\n box-shadow:0 0 0 6px var(--ring);\n }\n\n \/* File drop (optional attachment mimicking CV field style) *\/\n .drop{\n border:1px dashed #cbd5e1;\n border-radius:12px;\n padding:18px;\n display:flex; align-items:center; gap:14px;\n transition:.15s border-color,.15s background;\n cursor:pointer;\n }\n .drop:hover{ border-color:#a5b4fc; background:#f8faff; }\n .drop input{ display:none; }\n .drop .meta{ color:var(--muted); font-size:14px; }\n .drop .meta b{ color:var(--text); font-weight:600; }\n\n \/* Checkboxes (GDPR style) *\/\n .check{\n display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start;\n padding:14px;\n border:1px solid var(--border); border-radius:12px; background:#fff;\n }\n .check input{\n width:20px; height:20px; accent-color:var(--primary);\n margin-top:2px;\n }\n .check small{ color:var(--muted); display:block; margin-top:6px; }\n\n \/* Button *\/\n .actions{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }\n .btn{\n appearance:none; border:0; cursor:pointer;\n padding:14px 22px; border-radius:999px;\n background:linear-gradient(180deg, var(--primary) 0%, var(--primary-600) 100%);\n color:#fff; font-weight:700; letter-spacing:.2px;\n box-shadow:0 8px 20px rgba(43,89,255,.25);\n transition: transform .06s ease, box-shadow .2s ease;\n }\n .btn:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(43,89,255,.28); }\n .btn:active{ transform:translateY(0); box-shadow:0 6px 16px rgba(43,89,255,.22); }\n .note{ color:var(--muted); font-size:13px; }\n\n \/* Helper for error\/success (hooks for your JS\/backend) *\/\n .is-error{ border-color:var(--danger)!important; }\n .is-success{ border-color:var(--success)!important; }\n <\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n <header class=\"section-head\">\n <h1>Contact us<\/h1>\n <p>Thanks for your message! We'll get back to you as soon as we can. Feel free to add an attachment, like a brief or a specification, if you'd like<\/p>\n <div class=\"dots\" aria-hidden=\"true\"><\/div>\n <\/header>\n\n <main class=\"card\" role=\"form\" aria-labelledby=\"contactTitle\">\n <form id=\"contactForm\" method=\"post\" action=\"\/en\/contact-submit\/\" enctype=\"multipart\/form-data\" novalidate data-trp-original-action=\"\/contact-submit\">\n <div class=\"grid cols-2\">\n <div class=\"field\">\n <label class=\"label\" for=\"name\">Twoje imi\u0119 i nazwisko<\/label>\n <div class=\"control\">\n \n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5Z\"\/><\/svg>\n <input id=\"name\" name=\"name\" type=\"text\" placeholder=\"Jan Kowalski\" required>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label class=\"label\" for=\"email\">Tw\u00f3j adres e-mail<\/label>\n <div class=\"control\">\n \n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5L4 8V6l8 5 8-5Z\"\/><\/svg>\n <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"jan.kowalski@yallink.com\" required>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label class=\"label\" for=\"subject\">Temat<\/label>\n <div class=\"control\">\n \n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 6h18v2H3V6Zm0 5h12v2H3v-2Zm0 5h18v2H3v-2Z\"\/><\/svg>\n <input id=\"subject\" name=\"subject\" type=\"text\" placeholder=\"Zapytanie ofertowe \/ Wsp\u00f3\u0142praca\" required>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label class=\"label\" for=\"phone\">Telefon (opcjonalnie)<\/label>\n <div class=\"control\">\n \n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.8 11.8 0 0 0 3.7.6 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 8a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.8 11.8 0 0 0 .6 3.7 1 1 0 0 1-.25 1Z\"\/><\/svg>\n <input id=\"phone\" name=\"phone\" type=\"text\" placeholder=\"+48 600 000 000\" inputmode=\"tel\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field\" style=\"margin-top:6px;\">\n <label class=\"label\" for=\"message\">Twoja wiadomo\u015b\u0107<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Napisz kr\u00f3tko, w czym mo\u017cemy pom\u00f3c...\" required><\/textarea>\n <\/div>\n\n \n <div class=\"field\">\n <label class=\"label\">Za\u0142\u0105cznik (opcjonalnie)<\/label>\n <label class=\"drop\" for=\"file\">\n \n <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16.5 6.5 7.9 15.1a4 4 0 1 0 5.7 5.7l8-8a6 6 0 1 0-8.5-8.5l-9.2 9.1\"\/><\/svg>\n <div class=\"meta\">\n Przeci\u0105gnij i upu\u015b\u0107 plik tutaj lub <b>kliknij, aby wybra\u0107<\/b><br\/>\n <small class=\"note\">PDF, DOCX, PNG \u2013 maks. 10 MB<\/small>\n <\/div>\n <input id=\"file\" name=\"attachment\" type=\"file\" accept=\".pdf,.doc,.docx,.png,.jpg,.jpeg\">\n <\/label>\n <\/div>\n\n \n <div class=\"grid\">\n <label class=\"check\">\n <input type=\"checkbox\" id=\"rodo\" name=\"rodo\" required>\n <div>\n O\u015bwiadczam, \u017ce zapozna\u0142em\/am si\u0119 z informacj\u0105 o prywatno\u015bci zgodnie z RODO \u2013 dost\u0119pna w Polityce Prywatno\u015bci.\n <small>Wymagane, aby\u015bmy mogli odpowiedzie\u0107 na Twoj\u0105 wiadomo\u015b\u0107.<\/small>\n <\/div>\n <\/label>\n\n <label class=\"check\">\n <input type=\"checkbox\" id=\"future\" name=\"consent_future\">\n <div>\n Wyra\u017cam zgod\u0119 na przetwarzanie moich danych w celu przysz\u0142ego kontaktu dotycz\u0105cego us\u0142ug Yallink.\n <small>Opcjonalne \u2013 pomaga nam wr\u00f3ci\u0107 do Ciebie z dopasowan\u0105 ofert\u0105.<\/small>\n <\/div>\n <\/label>\n <\/div>\n\n <div class=\"actions\" style=\"margin-top:16px;\">\n <button type=\"submit\" class=\"btn\">Wy\u015blij wiadomo\u015b\u0107<\/button>\n <span class=\"note\">Odpowiadamy zwykle w 1\u20132 dni robocze.<\/span>\n <\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n <\/main>\n <\/div>\n\n \n <script>\n const fileInput = document.getElementById('file');\n const drop = fileInput?.closest('.drop');\n fileInput?.addEventListener('change', (e) => {\n const f = e.target.files?.[0];\n if(!f || !drop) return;\n drop.querySelector('.meta').innerHTML =\n 'Wybrano: <b>'+ f.name + '<\/b><br><small class=\"note\">'+\n Math.round(f.size\/1024) + ' KB<\/small>';\n });\n\n \/\/ basic client-side validation feedback\n document.getElementById('contactForm')?.addEventListener('submit', (e)=>{\n const form = e.target;\n const required = [...form.querySelectorAll('[required]')];\n let ok = true;\n required.forEach(el=>{\n if(!el.value || (el.type === 'checkbox' && !el.checked)){\n ok = false;\n el.classList.add('is-error');\n } else {\n el.classList.remove('is-error');\n }\n });\n if(!ok){\n e.preventDefault();\n form.scrollIntoView({behavior:'smooth',block:'start'});\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div>","protected":false},"excerpt":{"rendered":"<p>Kontakt \u2013 Yallink Skontaktuj si\u0119 z nami Napisz wiadomo\u015b\u0107 \u2013 odpowiemy najszybciej jak to mo\u017cliwe. Je\u015bli wolisz, mo\u017cesz doda\u0107 za\u0142\u0105cznik (np. brief lub specyfikacj\u0119). Twoje imi\u0119 i nazwisko Tw\u00f3j adres e-mail Temat Telefon (opcjonalnie) Twoja wiadomo\u015b\u0107 Za\u0142\u0105cznik (opcjonalnie) Przeci\u0105gnij i upu\u015b\u0107 plik tutaj lub kliknij, aby wybra\u0107 PDF, DOCX, PNG \u2013 maks. 10 MB O\u015bwiadczam, […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-2939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/pages\/2939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/comments?post=2939"}],"version-history":[{"count":0,"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/pages\/2939\/revisions"}],"wp:attachment":[{"href":"https:\/\/yallink.com\/en\/wp-json\/wp\/v2\/media?parent=2939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}