{"id":3410,"date":"2024-02-08T12:05:53","date_gmt":"2024-02-08T12:05:53","guid":{"rendered":"https:\/\/startersites.io\/elementor\/garderobe\/?page_id=3410"},"modified":"2026-05-09T16:51:30","modified_gmt":"2026-05-09T16:51:30","slug":"contact","status":"publish","type":"page","link":"https:\/\/mar-oli.pl\/?page_id=3410","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3410\" class=\"elementor elementor-3410\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fdf3fe e-flex e-con-boxed e-con e-parent\" data-id=\"5fdf3fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29be76f elementor-widget elementor-widget-heading\" data-id=\"29be76f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kontakt<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-902c1c0 e-flex e-con-boxed e-con e-parent\" data-id=\"902c1c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af4244 elementor-widget elementor-widget-html\" data-id=\"8af4244\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.contact-section {\r\n  padding: 80px 20px;\r\n  background: #f8f8f8;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n.contact-wrap {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n.contact-label {\r\n  color: #f2a900;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.contact-text h2 {\r\n  font-size: clamp(42px, 5vw, 76px);\r\n  line-height: 0.95;\r\n  margin: 18px 0 24px;\r\n  color: #111;\r\n  font-weight: 900;\r\n}\r\n\r\n.contact-text p {\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  color: #555;\r\n  max-width: 480px;\r\n}\r\n\r\n.contact-form {\r\n  background: #fff;\r\n  padding: 36px;\r\n  border-radius: 24px;\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.08);\r\n}\r\n\r\n.contact-form input,\r\n.contact-form textarea,\r\n.contact-form select {\r\n  width: 100%;\r\n  padding: 16px 18px;\r\n  margin-bottom: 16px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  font-size: 15px;\r\n  font-family: Arial, sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n.contact-form select {\r\n  min-height: 56px;\r\n  line-height: 1.4;\r\n  padding: 16px 18px;\r\n  appearance: auto;\r\n  -webkit-appearance: menulist;\r\n}\r\n\r\n.contact-form textarea {\r\n  min-height: 150px;\r\n  resize: vertical;\r\n}\r\n\r\n.contact-form button {\r\n  width: 100%;\r\n  background: #111;\r\n  color: #fff;\r\n  border: none;\r\n  padding: 18px;\r\n  border-radius: 12px;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.contact-form button:hover {\r\n  background: #f2a900;\r\n  color: #111;\r\n}\r\n\r\n.thankyou-popup {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0,0,0,0.55);\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 999999;\r\n  padding: 20px;\r\n}\r\n\r\n.thankyou-popup.active {\r\n  display: flex;\r\n}\r\n\r\n.thankyou-box {\r\n  background: #fff;\r\n  max-width: 430px;\r\n  width: 100%;\r\n  padding: 36px 28px;\r\n  border-radius: 22px;\r\n  text-align: center;\r\n  box-shadow: 0 25px 70px rgba(0,0,0,0.25);\r\n}\r\n\r\n.thankyou-icon {\r\n  width: 72px;\r\n  height: 72px;\r\n  margin: 0 auto 20px;\r\n  border-radius: 50%;\r\n  background: #f2a900;\r\n  color: #111;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 38px;\r\n  font-weight: 900;\r\n}\r\n\r\n.thankyou-box h3 {\r\n  margin: 0 0 12px;\r\n  font-size: 30px;\r\n  color: #111;\r\n}\r\n\r\n.thankyou-box p {\r\n  margin: 0 0 24px;\r\n  color: #555;\r\n  line-height: 1.6;\r\n  font-size: 16px;\r\n}\r\n\r\n.thankyou-box button {\r\n  background: #111;\r\n  color: #fff;\r\n  border: none;\r\n  padding: 14px 28px;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.thankyou-box button:hover {\r\n  background: #f2a900;\r\n  color: #111;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .contact-wrap {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .contact-section {\r\n    padding: 50px 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact-section\" id=\"kontakt\">\r\n  <div class=\"contact-wrap\">\r\n\r\n    <div class=\"contact-text\">\r\n      <span class=\"contact-label\">Skontaktuj si\u0119 z nami<\/span>\r\n      <h2>Masz pomys\u0142? Napisz do nas.<\/h2>\r\n      <p>\r\n        Opisz, czego potrzebujesz \u2014 projekt 3D, brelok, model, poduszk\u0119 na zam\u00f3wienie\r\n        albo ca\u0142kowicie indywidualn\u0105 realizacj\u0119. Odezwijemy si\u0119 do Ciebie jak najszybciej.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <form class=\"contact-form\" id=\"contactForm\">\r\n\r\n      <input type=\"hidden\" name=\"_subject\" value=\"Nowa wiadomo\u015b\u0107 ze strony Maroli3D\">\r\n      <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n      <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n      <input type=\"text\" name=\"Imi\u0119 lub nazwa firmy\" placeholder=\"Imi\u0119 lub nazwa firmy\" required>\r\n\r\n      <input type=\"tel\" name=\"Telefon\" placeholder=\"Telefon\" required>\r\n\r\n      <input type=\"email\" name=\"Email\" placeholder=\"Adres e-mail\" required>\r\n\r\n      <select name=\"Temat wiadomo\u015bci\" required>\r\n        <option value=\"\">Wybierz temat<\/option>\r\n        <option value=\"Druk 3D\">Druk 3D<\/option>\r\n        <option value=\"Poduszki na zam\u00f3wienie\">Poduszki na zam\u00f3wienie<\/option>\r\n        <option value=\"Inny projekt\">Inny projekt<\/option>\r\n      <\/select>\r\n\r\n      <textarea name=\"Wiadomo\u015b\u0107\" placeholder=\"Opisz sw\u00f3j pomys\u0142...\" required><\/textarea>\r\n\r\n      <button type=\"submit\" id=\"contactBtn\">Wy\u015blij wiadomo\u015b\u0107<\/button>\r\n\r\n    <\/form>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"thankyou-popup\" id=\"thankyouPopup\">\r\n  <div class=\"thankyou-box\">\r\n    <div class=\"thankyou-icon\">\u2713<\/div>\r\n    <h3>Dzi\u0119kujemy!<\/h3>\r\n    <p>Twoja wiadomo\u015b\u0107 zosta\u0142a wys\u0142ana. Odezwiemy si\u0119 do Ciebie jak najszybciej.<\/p>\r\n    <button type=\"button\" id=\"closeThankyouPopup\">Zamknij<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const form = document.getElementById(\"contactForm\");\r\n  const button = document.getElementById(\"contactBtn\");\r\n  const popup = document.getElementById(\"thankyouPopup\");\r\n  const closeBtn = document.getElementById(\"closeThankyouPopup\");\r\n\r\n  form.addEventListener(\"submit\", function(e) {\r\n    e.preventDefault();\r\n\r\n    button.innerText = \"Wysy\u0142anie...\";\r\n    button.disabled = true;\r\n\r\n    fetch(\"https:\/\/formsubmit.co\/ajax\/maroli3D@interia.pl\", {\r\n      method: \"POST\",\r\n      body: new FormData(form)\r\n    })\r\n    .then(function(response) {\r\n      if (response.ok) {\r\n        form.reset();\r\n        popup.classList.add(\"active\");\r\n      } else {\r\n        alert(\"Co\u015b posz\u0142o nie tak. Spr\u00f3buj ponownie.\");\r\n      }\r\n    })\r\n    .catch(function() {\r\n      alert(\"B\u0142\u0105d wysy\u0142ania formularza. Spr\u00f3buj ponownie.\");\r\n    })\r\n    .finally(function() {\r\n      button.innerText = \"Wy\u015blij wiadomo\u015b\u0107\";\r\n      button.disabled = false;\r\n    });\r\n  });\r\n\r\n  closeBtn.addEventListener(\"click\", function() {\r\n    popup.classList.remove(\"active\");\r\n  });\r\n\r\n  popup.addEventListener(\"click\", function(e) {\r\n    if (e.target === popup) {\r\n      popup.classList.remove(\"active\");\r\n    }\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\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>Kontakt Skontaktuj si\u0119 z nami Masz pomys\u0142? Napisz do nas. Opisz, czego potrzebujesz \u2014 projekt 3D, brelok, model, poduszk\u0119 na zam\u00f3wienie albo ca\u0142kowicie indywidualn\u0105 realizacj\u0119. Odezwijemy si\u0119 do Ciebie jak najszybciej. Wybierz tematDruk 3DPoduszki na zam\u00f3wienieInny projekt Wy\u015blij wiadomo\u015b\u0107 \u2713 Dzi\u0119kujemy! Twoja wiadomo\u015b\u0107 zosta\u0142a wys\u0142ana. Odezwiemy si\u0119 do Ciebie jak najszybciej. Zamknij<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3410","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/mar-oli.pl\/index.php?rest_route=\/wp\/v2\/pages\/3410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mar-oli.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mar-oli.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mar-oli.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mar-oli.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3410"}],"version-history":[{"count":16,"href":"https:\/\/mar-oli.pl\/index.php?rest_route=\/wp\/v2\/pages\/3410\/revisions"}],"predecessor-version":[{"id":3481,"href":"https:\/\/mar-oli.pl\/index.php?rest_route=\/wp\/v2\/pages\/3410\/revisions\/3481"}],"wp:attachment":[{"href":"https:\/\/mar-oli.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}