{"id":11,"date":"2026-04-18T05:08:45","date_gmt":"2026-04-18T05:08:45","guid":{"rendered":"https:\/\/najakietargi.pl\/?page_id=11"},"modified":"2026-04-18T05:55:38","modified_gmt":"2026-04-18T05:55:38","slug":"home","status":"publish","type":"page","link":"https:\/\/najakietargi.pl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3777588 e-con-full e-flex e-con e-parent\" data-id=\"3777588\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b68d870 elementor-widget elementor-widget-html\" data-id=\"b68d870\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  === GOTOWE DO WKLEJENIA W ELEMENTOR HTML WIDGET ===\n\n  WSZYSTKO JU\u017b PODSTAWIONE - Twoje ID z MailerLite s\u0105 wpisane w kodzie.\n\n  PRZED WKLEJENIEM sprawd\u017a:\n  1. Masz w MailerLite wy\u0142\u0105czony double opt-in (Forms \u2192 Tw\u00f3j formularz \u2192 Settings)\n  2. Masz ustawion\u0105 automatyzacj\u0119 kt\u00f3ra wysy\u0142a welcome email po polsku\n  3. Na swojej stronie WordPress masz podstron\u0119 \"polityka-prywatnosci\"\n     (je\u015bli nie - zmie\u0144 href w linku RODO albo na razie zostaw # zamiast adresu)\n\n  JAK U\u017bY\u0106:\n  1. W Elementorze wrzu\u0107 widget \"HTML\" na stron\u0119\n  2. Skopiuj CA\u0141\u0104 zawarto\u015b\u0107 tego pliku (od tego komentarza po koniec)\n  3. Wklej do HTML widget\n  4. Zapisz i opublikuj\n  5. Przetestuj zapisem w\u0142asnym emailem\n\n  UWAGA: Je\u015bli masz ju\u017c w motywie w\u0142asny header z logo, usu\u0144 sekcj\u0119 <nav> -\n  zduplikuje si\u0119 z nag\u0142\u00f3wkiem strony.\n-->\n\n<!-- ====== MAILERLITE UNIVERSAL TRACKING SNIPPET ====== -->\n<script>\n(function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])\n.push(arguments);},l=d.createElement(e),l.async=1,l.src=u,\nn=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})\n(window,document,'script','https:\/\/assets.mailerlite.com\/js\/universal.js','ml');\nml('account', '2276261');\n<\/script>\n<!-- End MailerLite Universal -->\n\n\n<!-- ====== FONTY ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\">\n\n\n<!-- ====== STYLE ====== -->\n<style>\n  .njt-hero-wrapper, .njt-hero-wrapper * { box-sizing: border-box; }\n\n  .njt-hero-wrapper {\n    --cream: #EFE9DB;\n    --warm-white: #F7F2E6;\n    --magenta: #9A1E5C;\n    --magenta-dark: #7A1547;\n    --ink: #1A1A1A;\n    --text-mid: #4A4A4A;\n    --text-muted: #6B6B6B;\n    --yellow-hl: #F5DC7F;\n    --sage: #6B8C5E;\n    --error: #C4311C;\n\n    font-family: 'Lora', Georgia, serif;\n    background-color: var(--cream);\n    color: var(--ink);\n    position: relative;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.055'\/%3E%3C\/svg%3E\");\n  }\n\n  \/* NAV *\/\n  .njt-nav {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.4rem 6%;\n    border-bottom: 1px solid rgba(26, 26, 26, 0.08);\n  }\n  .njt-logo {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: var(--ink);\n    letter-spacing: -0.02em;\n  }\n  .njt-logo em { color: var(--magenta); font-style: italic; }\n  .njt-nav a {\n    font-size: 0.82rem;\n    color: var(--text-mid);\n    text-decoration: none;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    transition: color 0.2s;\n  }\n  .njt-nav a:hover { color: var(--magenta); }\n\n  \/* HERO *\/\n  .njt-hero {\n    min-height: 90vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 5rem 6%;\n  }\n\n  .njt-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    font-size: 0.76rem;\n    text-transform: uppercase;\n    letter-spacing: 0.16em;\n    color: var(--magenta);\n    margin-bottom: 2.2rem;\n    animation: njtFadeUp 0.6s ease both;\n  }\n  .njt-eyebrow::before,\n  .njt-eyebrow::after {\n    content: '';\n    display: block;\n    width: 2rem;\n    height: 1px;\n    background: var(--magenta);\n  }\n\n  .njt-h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2.6rem, 5vw, 4.2rem);\n    line-height: 1.15;\n    font-weight: 700;\n    color: var(--ink);\n    margin: 0 0 2rem 0;\n    animation: njtFadeUp 0.6s 0.1s ease both;\n    max-width: 920px;\n  }\n  .njt-h1 em {\n    font-style: italic;\n    background-image: linear-gradient(\n      to bottom,\n      transparent 0 58%,\n      var(--yellow-hl) 58% 94%,\n      transparent 94% 100%\n    );\n    -webkit-box-decoration-break: clone;\n    box-decoration-break: clone;\n    padding: 0 0.12em;\n  }\n  .njt-h1 .line-1 { white-space: nowrap; }\n\n  .njt-sub {\n    font-size: 1.05rem;\n    line-height: 1.85;\n    color: var(--text-mid);\n    max-width: 540px;\n    margin: 0 0 2.8rem 0;\n    animation: njtFadeUp 0.6s 0.2s ease both;\n  }\n  .njt-sub strong { color: var(--ink); font-weight: 600; }\n\n  \/* SIGNUP FORM *\/\n  .njt-signup-wrap {\n    width: 100%;\n    max-width: 480px;\n    animation: njtFadeUp 0.6s 0.3s ease both;\n  }\n  .njt-form {\n    display: flex;\n    border: 2px solid var(--ink);\n    border-radius: 3px;\n    overflow: hidden;\n    box-shadow: 6px 6px 0px var(--magenta);\n    transition: box-shadow 0.2s, transform 0.2s;\n  }\n  .njt-form:focus-within {\n    box-shadow: 8px 8px 0px var(--magenta);\n    transform: translate(-2px, -2px);\n  }\n  .njt-form input {\n    flex: 1;\n    padding: 1rem 1.2rem;\n    font-family: 'Lora', serif;\n    font-size: 0.95rem;\n    border: none;\n    outline: none;\n    background: var(--warm-white);\n    color: var(--ink);\n    min-width: 0;\n  }\n  .njt-form input::placeholder { color: #8F8575; }\n  .njt-form button {\n    padding: 1rem 1.6rem;\n    background: var(--magenta);\n    color: white;\n    border: none;\n    cursor: pointer;\n    font-family: 'Lora', serif;\n    font-size: 0.88rem;\n    font-weight: 500;\n    letter-spacing: 0.03em;\n    white-space: nowrap;\n    transition: background 0.2s;\n  }\n  .njt-form button:hover:not(:disabled) { background: var(--magenta-dark); }\n  .njt-form button:disabled { opacity: 0.7; cursor: wait; }\n\n  \/* RODO CHECKBOX *\/\n  .njt-rodo {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.6rem;\n    margin-top: 1.1rem;\n    padding: 0 0.2rem;\n    font-size: 0.78rem;\n    line-height: 1.55;\n    color: var(--text-mid);\n    text-align: left;\n    cursor: pointer;\n    transition: color 0.2s;\n  }\n  .njt-rodo input[type=\"checkbox\"] {\n    appearance: none;\n    -webkit-appearance: none;\n    width: 17px;\n    height: 17px;\n    min-width: 17px;\n    border: 1.5px solid var(--ink);\n    background: var(--warm-white);\n    border-radius: 2px;\n    cursor: pointer;\n    position: relative;\n    margin: 2px 0 0 0;\n    flex-shrink: 0;\n    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;\n  }\n  .njt-rodo input[type=\"checkbox\"]:checked {\n    background: var(--magenta);\n    border-color: var(--magenta);\n  }\n  .njt-rodo input[type=\"checkbox\"]:checked::after {\n    content: '\u2713';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -54%);\n    color: white;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1;\n  }\n  .njt-rodo input[type=\"checkbox\"]:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(154, 30, 92, 0.25);\n  }\n  .njt-rodo a {\n    color: var(--magenta);\n    text-decoration: underline;\n    text-underline-offset: 2px;\n    transition: color 0.2s;\n  }\n  .njt-rodo a:hover { color: var(--magenta-dark); }\n\n  \/* Error state when trying to submit without checking RODO *\/\n  .njt-rodo.njt-error { color: var(--error); }\n  .njt-rodo.njt-error input[type=\"checkbox\"] {\n    border-color: var(--error);\n    box-shadow: 0 0 0 3px rgba(196, 49, 28, 0.18);\n  }\n  .njt-rodo.njt-error a { color: var(--error); }\n\n  .njt-promise {\n    margin: 1rem 0 0 0;\n    font-size: 0.78rem;\n    color: var(--text-muted);\n    font-style: italic;\n    line-height: 1.7;\n    animation: njtFadeUp 0.6s 0.4s ease both;\n  }\n  .njt-success {\n    display: none;\n    color: var(--sage);\n    font-size: 0.95rem;\n    font-style: italic;\n    margin-top: 1rem;\n  }\n  .njt-success.njt-show { display: block; }\n\n  @keyframes njtFadeUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (max-width: 760px) {\n    .njt-h1 .line-1 { white-space: normal; }\n  }\n  @media (max-width: 600px) {\n    .njt-hero { padding: 3.5rem 5%; min-height: 80vh; }\n    .njt-form { flex-direction: column; }\n    .njt-form button { padding: 0.9rem; }\n  }\n<\/style>\n\n\n<!-- ====== HTML ====== -->\n<div class=\"njt-hero-wrapper\">\n\n  <!-- Usu\u0144 <nav>...<\/nav> je\u015bli masz w\u0142asny header w motywie -->\n  <nav class=\"njt-nav\">\n    <div class=\"njt-logo\">Na <em>Jakie<\/em> Targi<\/div>\n    <a href=\"#njt-zapisz\">Zapisz si\u0119<\/a>\n  <\/nav>\n\n  <section class=\"njt-hero\" id=\"njt-zapisz\">\n    <div class=\"njt-eyebrow\">Newsletter dla wystawc\u00f3w r\u0119kodzie\u0142a<\/div>\n\n    <h1 class=\"njt-h1\"><span class=\"line-1\">Zanim zap\u0142acisz za stoisko<\/span><br><em>sprawd\u017a, czy warto.<\/em><\/h1>\n\n    <p class=\"njt-sub\">\n      Kalendarz targ\u00f3w r\u0119kodzielniczych z ca\u0142ej Polski. Terminy, wpisowe, warunki zg\u0142osze\u0144 - i <strong>g\u0142osy tych, kt\u00f3rzy ju\u017c tam stali.<\/strong> Co dwa tygodnie w&nbsp;Twojej skrzynce.\n    <\/p>\n\n    <div class=\"njt-signup-wrap\" id=\"njt-hero-wrap\">\n      <div class=\"njt-form\">\n        <input type=\"email\" id=\"njt-hero-email\" placeholder=\"Tw\u00f3j adres e-mail\" \/>\n        <button type=\"button\" id=\"njt-hero-btn\">Zapisuj\u0119 si\u0119 \u2192<\/button>\n      <\/div>\n\n      <!-- RODO CHECKBOX - zmie\u0144 href w linku na w\u0142a\u015bciwy adres swojej polityki prywatno\u015bci -->\n      <label class=\"njt-rodo\" id=\"njt-rodo-label\">\n        <input type=\"checkbox\" id=\"njt-rodo-check\">\n        <span>Zapisuj\u0105c si\u0119 wyra\u017cam zgod\u0119 na otrzymywanie newslettera i przetwarzanie mojego adresu e-mail w tym celu, zgodnie z <a href=\"\/polityka-prywatnosci\" target=\"_blank\" rel=\"noopener\">polityk\u0105 prywatno\u015bci<\/a>.<\/span>\n      <\/label>\n\n      <p class=\"njt-promise\">Bez spamu \u00b7 Wypisujesz si\u0119 jednym klikni\u0119ciem<\/p>\n    <\/div>\n    <p class=\"njt-success\" id=\"njt-hero-success\">\u2713 Jeste\u015b na li\u015bcie. Do zobaczenia w skrzynce \ud83c\udf89<\/p>\n  <\/section>\n<\/div>\n\n\n<!-- ====== SKRYPT OBS\u0141UGI FORMULARZA ====== -->\n<script>\n(function(){\n  \/\/ Twoje ID z MailerLite\n  var ML_ACCOUNT_ID = '2276261';\n  var ML_FORM_ID    = '185062880360531281';\n\n  var emailInput = document.getElementById('njt-hero-email');\n  var btn        = document.getElementById('njt-hero-btn');\n  var wrap       = document.getElementById('njt-hero-wrap');\n  var successBox = document.getElementById('njt-hero-success');\n  var rodoCheck  = document.getElementById('njt-rodo-check');\n  var rodoLabel  = document.getElementById('njt-rodo-label');\n\n  function submitEmail(email) {\n    var fd = new FormData();\n    fd.append('fields[email]', email);\n    fd.append('ml-submit', '1');\n    fd.append('anticsrf', 'true');\n    return fetch(\n      'https:\/\/assets.mailerlite.com\/jsonp\/' + ML_ACCOUNT_ID + '\/forms\/' + ML_FORM_ID + '\/subscribe',\n      { method: 'POST', body: fd, mode: 'no-cors' }\n    );\n  }\n\n  function handleSignup() {\n    var email = emailInput.value.trim();\n\n    \/\/ Walidacja: email\n    if (!email || !email.includes('@') || !email.includes('.')) {\n      emailInput.focus();\n      return;\n    }\n\n    \/\/ Walidacja: zgoda RODO\n    if (!rodoCheck.checked) {\n      rodoLabel.classList.add('njt-error');\n      rodoCheck.focus();\n      return;\n    }\n    rodoLabel.classList.remove('njt-error');\n\n    \/\/ Blokujemy przycisk na czas wysy\u0142ki\n    var originalText = btn.textContent;\n    btn.textContent = 'Zapisuj\u0119...';\n    btn.disabled = true;\n\n    submitEmail(email).then(function(){\n      wrap.style.display = 'none';\n      successBox.classList.add('njt-show');\n    }).catch(function(err){\n      console.error('MailerLite error:', err);\n      btn.textContent = originalText;\n      btn.disabled = false;\n      alert('Co\u015b posz\u0142o nie tak. Spr\u00f3buj jeszcze raz za chwil\u0119.');\n    });\n  }\n\n  \/\/ Event listeners\n  btn.addEventListener('click', handleSignup);\n\n  emailInput.addEventListener('keydown', function(e){\n    if (e.key === 'Enter') handleSignup();\n  });\n\n  \/\/ Czy\u015b\u0107 error RODO gdy user zaznacza checkbox\n  rodoCheck.addEventListener('change', function(){\n    if (this.checked) {\n      rodoLabel.classList.remove('njt-error');\n    }\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Na Jakie Targi Zapisz si\u0119 Newsletter dla wystawc\u00f3w r\u0119kodzie\u0142a Zanim zap\u0142acisz za stoiskosprawd\u017a, czy warto. Kalendarz targ\u00f3w r\u0119kodzielniczych z ca\u0142ej Polski. Terminy, wpisowe, warunki zg\u0142osze\u0144 &#8211; i g\u0142osy tych, kt\u00f3rzy ju\u017c tam stali. Co dwa tygodnie w&nbsp;Twojej skrzynce. Zapisuj\u0119 si\u0119 \u2192 Zapisuj\u0105c si\u0119 wyra\u017cam zgod\u0119 na otrzymywanie newslettera i przetwarzanie mojego adresu e-mail w tym [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/najakietargi.pl\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/najakietargi.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/najakietargi.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/najakietargi.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/najakietargi.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":19,"href":"https:\/\/najakietargi.pl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/najakietargi.pl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/najakietargi.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}