{"id":11,"date":"2025-09-21T20:40:15","date_gmt":"2025-09-21T20:40:15","guid":{"rendered":"https:\/\/demiq.pl\/?page_id=11"},"modified":"2025-09-21T20:42:05","modified_gmt":"2025-09-21T20:42:05","slug":"elementor-11","status":"publish","type":"page","link":"https:\/\/demiq.pl\/","title":{"rendered":"Demiq Zgorzelec"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f70e3ff e-flex e-con-boxed e-con e-parent\" data-id=\"f70e3ff\" 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-5264223 elementor-widget elementor-widget-html\" data-id=\"5264223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* ====== Brand \/ Fonts ====== *\/\n  @font-face {\n    font-family: \"Special Gothic Expanded One\";\n    src: local(\"Special Gothic Expanded One\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  :root{\n    --accent:#f15a24;     \/* pomara\u0144cz *\/\n    --ink:#4d4d4d;        \/* g\u0142\u00f3wny szary tekst *\/\n    --muted:#777;         \/* delikatniejszy szary *\/\n    --bg:#ffffff;         \/* bia\u0142e t\u0142o *\/\n    --card:#fafafa;       \/* t\u0142o kart *\/\n    --accent-ink:#ffffff; \/* bia\u0142y na pomara\u0144czowym *\/\n    --radius:16px;\n  }\n\n  \/* ====== Base ====== *\/\n  .demiq{font-family:\"Special Gothic Expanded One\", Inter, system-ui, Arial, sans-serif; background:var(--bg); color:var(--ink); padding:28px 20px 80px}\n  .demiq *{box-sizing:border-box}\n  .demiq a{text-decoration:none; color:inherit}\n  .demiq .wrap{max-width:1040px; margin:0 auto}\n\n  \/* ====== Animations ====== *\/\n  @keyframes fadeIn { from {opacity:0} to {opacity:1} }\n  @keyframes fadeUp { from {opacity:0; transform:translateY(12px)} to {opacity:1; transform:translateY(0)} }\n  @keyframes slideDownIn { from {opacity:0; transform:translateY(-8px)} to {opacity:1; transform:translateY(0)} }\n\n  .reveal{opacity:0; animation:fadeUp .6s ease .1s both}\n  .reveal-delay-1{animation-delay:.18s}\n  .reveal-delay-2{animation-delay:.26s}\n  .reveal-delay-3{animation-delay:.34s}\n\n  @media (prefers-reduced-motion: reduce){\n    .reveal, .reveal-delay-1, .reveal-delay-2, .reveal-delay-3,\n    .hero-banner, .btn, .tile { animation:none !important; transition:none !important; opacity:1 !important; transform:none !important; }\n  }\n\n  \/* ====== Header ====== *\/\n  header{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:6px 0 10px; animation:slideDownIn .5s ease .05s both}\n  .brand img{height:40px; width:auto; display:block}\n  .cta-inline a{\n    display:inline-flex; align-items:center; gap:10px; padding:10px 14px;\n    border:2px solid var(--accent); border-radius:999px; color:var(--accent);\n    font-weight:600; transition:.2s ease, transform .2s ease;\n  }\n  .cta-inline a:hover{background:var(--accent); color:var(--accent-ink); transform:translateY(-1px)}\n\n  \/* ====== Hero banner ====== *\/\n  .hero-banner{\n    background:var(--accent); color:var(--accent-ink);\n    border-radius:var(--radius); padding:40px 28px; text-align:center; margin:30px 0;\n    animation:fadeIn .6s ease .05s both;\n  }\n  .hero-banner h1{margin:0 0 14px; font-size:clamp(28px,5vw,42px); line-height:1.1}\n  .hero-banner p{margin:0 auto 22px; max-width:640px; font-size:18px; color:rgba(255,255,255,.95)}\n  .hero-banner .cta-row{display:flex; flex-wrap:wrap; justify-content:center; gap:12px}\n\n  \/* ====== Grid \/ Content ====== *\/\n  .hero{display:grid; grid-template-columns:1.2fr .8fr; gap:28px; margin-top:28px}\n  @media (max-width:900px){ .hero{grid-template-columns:1fr} }\n\n  .card{background:var(--card); border:1px solid #ddd; border-radius:var(--radius); padding:28px}\n  h2{margin:0 0 14px; font-size:22px}\n  .lead{font-size:18px; color:var(--muted); margin:0 0 22px}\n\n  .badges{display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 24px}\n  .badge{font-size:13px; background:var(--accent); color:var(--accent-ink); padding:6px 12px; border-radius:999px}\n\n  .offer{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:18px}\n  @media (max-width:800px){ .offer{grid-template-columns:1fr} }\n  .tile{background:#fff; border:1px solid #eee; border-radius:12px; padding:18px; animation:fadeUp .6s ease both}\n  .offer .tile:nth-child(1){animation-delay:.06s}\n  .offer .tile:nth-child(2){animation-delay:.12s}\n  .offer .tile:nth-child(3){animation-delay:.18s}\n  .offer .tile:nth-child(4){animation-delay:.24s}\n  .offer .tile:nth-child(5){animation-delay:.30s}\n  .tile:hover{transform:translateY(-2px); transition:transform .2s ease}\n\n  \/* ====== Buttons ====== *\/\n  .cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px}\n  .btn{\n    display:inline-flex; align-items:center; gap:10px; padding:14px 18px; border-radius:8px;\n    border:2px solid var(--accent); color:var(--accent); font-weight:600;\n    transition:.2s ease, transform .2s ease; animation:fadeUp .6s ease .12s both;\n  }\n  .btn:hover{background:var(--accent); color:var(--accent-ink); transform:translateY(-2px)}\n  .btn.primary{background:var(--accent); color:var(--accent-ink); border-color:var(--accent)}\n  .btn svg{width:18px; height:18px; fill:currentColor; margin-right:6px; vertical-align:middle}\n\n  \/* ====== Aside (author) ====== *\/\n  .me{display:flex; flex-direction:column; gap:16px}\n  .portrait img{border-radius:12px; border:1px solid #eee; width:100%; height:auto; animation:fadeUp .6s ease .18s both}\n  .sig b{display:block; font-size:18px}\n  .sig small{color:var(--muted)}\n\n  \/* ====== Footer (pomara\u0144czowe t\u0142o + bia\u0142e napisy) ====== *\/\n  footer{\n    margin-top:38px;\n    display:flex;\n    flex-direction:column;\n    gap:14px;\n    background:var(--accent);\n    color:var(--accent-ink);\n    font-size:14px;\n    padding:28px;\n    border-radius:var(--radius);\n    animation:fadeIn .6s ease .1s both;\n  }\n  footer .top{\n    display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;\n  }\n  footer .brand{display:flex; align-items:center; gap:10px}\n  footer .brand img{height:28px; filter:brightness(0) invert(1)}\n  footer a{color:var(--accent-ink); text-decoration:none}\n  footer a:hover{text-decoration:underline}\n\n  \/* Kontakt w stopce \u2013 ikony i wyr\u00f3wnanie *\/\n  footer .contact{\n    display:flex; flex-wrap:wrap; gap:14px; align-items:center;\n  }\n  footer .contact a{\n    display:inline-flex; align-items:center; gap:8px; line-height:1; font-weight:600;\n  }\n  footer .contact svg{width:16px; height:16px; fill:currentColor; margin:0}\n\n  footer .firmadata{font-size:13px; line-height:1.5}\n  footer .privacy{font-size:12px; margin-top:2px}\n<\/style>\n\n<div class=\"demiq\">\n  <div class=\"wrap\">\n    <!-- Header -->\n    <header>\n      <div class=\"brand reveal\">\n        <img decoding=\"async\" src=\"https:\/\/demiq.pl\/wp-content\/uploads\/2025\/09\/demiq-logo.png\" alt=\"DEMIQ logo\" \/>\n      <\/div>\n      <nav class=\"cta-inline reveal reveal-delay-1\">\n        <a href=\"mailto:jakub.ziola@demiq.pl\">Skontaktuj si\u0119 z nami<\/a>\n      <\/nav>\n    <\/header>\n\n    <!-- Hero banner -->\n    <section class=\"hero-banner\">\n      <h1>Budujemy dla Was co\u015b wyj\u0105tkowego \ud83d\ude80<\/h1>\n      <p>Nowa strona DEMIQ jest w trakcie powstawania. Ale ju\u017c teraz mo\u017cesz skorzysta\u0107 z naszego do\u015bwiadczenia i pomys\u0142\u00f3w.<\/p>\n      <div class=\"cta-row\">\n        <a class=\"btn\" href=\"tel:+48721311675\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.36 11.36 0 0 0 3.58.57 1 1 0 0 1 1 1v3.61a1 1 0 0 1-1 1A17 17 0 0 1 3 5a1 1 0 0 1 1-1h3.61a1 1 0 0 1 1 1c0 1.23.2 2.44.57 3.58a1 1 0 0 1-.24 1.01l-2.32 2.2z\"\/><\/svg>\n          +48 721 311 675\n        <\/a>\n        <a class=\"btn\" href=\"mailto:jakub.ziola@demiq.pl\">\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 2v.01L12 13 4 6.01V6h16zM4 18V8l8 5 8-5v10H4z\"\/><\/svg>\n          jakub.ziola@demiq.pl\n        <\/a>\n      <\/div>\n    <\/section>\n\n    <!-- Main -->\n    <main class=\"hero\">\n      <section class=\"card reveal\">\n        <h2>Czym si\u0119 zajmujemy<\/h2>\n        <p class=\"lead\">Strategia, komunikacja i kreatywne dzia\u0142ania \u2014 to nasza codzienno\u015b\u0107. Zobacz, jak mo\u017cemy wesprze\u0107 Twoj\u0105 mark\u0119.<\/p>\n\n        <div class=\"badges\">\n          <span class=\"badge reveal\">Strategia<\/span>\n          <span class=\"badge reveal reveal-delay-1\">Komunikacja<\/span>\n          <span class=\"badge reveal reveal-delay-2\">Kampanie<\/span>\n        <\/div>\n\n        <div class=\"offer\">\n          <div class=\"tile\"> <h3>Projekty graficzne<\/h3><p>Logo, materia\u0142y reklamowe, druk.<\/p><\/div>\n          <div class=\"tile\"> <h3>Kampanie & social media<\/h3><p>Facebook, Instagram, TikTok, Google Ads.<\/p><\/div>\n          <div class=\"tile\"> <h3>Tre\u015bci & PR<\/h3><p>Copywriting, PR, artyku\u0142y, komunikacja.<\/p><\/div>\n          <div class=\"tile\"> <h3>Media tradycyjne<\/h3><p>Outdoor, prasa, radio, promocje.<\/p><\/div>\n          <div class=\"tile\" style=\"grid-column:1\/-1\"> <h3>Strony internetowe<\/h3><p>Nowoczesne strony w WordPress\/Elementor.<\/p><\/div>\n        <\/div>\n\n        <div class=\"cta-row\">\n          <a class=\"btn primary\" href=\"tel:+48721311675\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.36 11.36 0 0 0 3.58.57 1 1 0 0 1 1 1v3.61a1 1 0 0 1-1 1A17 17 0 0 1 3 5a1 1 0 0 1 1-1h3.61a1 1 0 0 1 1 1c0 1.23.2 2.44.57 3.58a1 1 0 0 1-.24 1.01l-2.32 2.2z\"\/><\/svg>\n            Zadzwo\u0144\n          <\/a>\n          <a class=\"btn\" href=\"mailto:jakub.ziola@demiq.pl\">\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 2v.01L12 13 4 6.01V6h16zM4 18V8l8 5 8-5v10H4z\"\/><\/svg>\n            Napisz do nas\n          <\/a>\n        <\/div>\n      <\/section>\n\n      <aside class=\"me\">\n        <div class=\"portrait\">\n          <img decoding=\"async\" src=\"https:\/\/demiq.pl\/wp-content\/uploads\/2025\/09\/jakub-www-2.png\" alt=\"Jakub Zio\u0142a\" \/>\n        <\/div>\n        <figcaption class=\"sig reveal\">\n          <b>Jakub Zio\u0142a<\/b>\n          <small>Owner \/ W\u0142a\u015bciciel \/ Marketing Consultant<\/small>\n        <\/figcaption>\n      <\/aside>\n    <\/main>\n\n    <!-- Footer -->\n    <footer>\n      <div class=\"top\">\n        <div class=\"brand\">\n          <img decoding=\"async\" src=\"https:\/\/demiq.pl\/wp-content\/uploads\/2025\/09\/demiq-logo.png\" alt=\"DEMIQ logo\" \/>\n          <span>DEMIQ \u2014 Agencja marketingowa<\/span>\n        <\/div>\n        <div class=\"contact\">\n          <a href=\"tel:+48721311675\" aria-label=\"Telefon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.36 11.36 0 0 0 3.58.57 1 1 0 0 1 1 1v3.61a1 1 0 0 1-1 1A17 17 0 0 1 3 5a1 1 0 0 1 1-1h3.61a1 1 0 0 1 1 1c0 1.23.2 2.44.57 3.58a1 1 0 0 1-.24 1.01l-2.32 2.2z\"\/><\/svg>\n            +48 721 311 675\n          <\/a>\n          <a href=\"mailto:jakub.ziola@demiq.pl\" aria-label=\"E-mail\">\n            <svg viewBox=\"0 0 24 24\"><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 2v.01L12 13 4 6.01V6h16zM4 18V8l8 5 8-5v10H4z\"\/><\/svg>\n            jakub.ziola@demiq.pl\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"firmadata\">\n        DEMIQ Jakub Zio\u0142a<br>\n        ul. Gustawa Morcinka 5a, 59-900 Zgorzelec<br>\n        NIP 6152077655 &nbsp;|&nbsp; REGON 541545485\n      <\/div>\n\n      <div class=\"privacy\">\n        <a href=\"https:\/\/demiq.pl\/prywatnosc\">Polityka prywatno\u015bci i cookies<\/a>\n      <\/div>\n    <\/footer>\n  <\/div>\n<\/div>\n\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>Skontaktuj si\u0119 z nami Budujemy dla Was co\u015b wyj\u0105tkowego \ud83d\ude80 Nowa strona DEMIQ jest w trakcie powstawania. Ale ju\u017c teraz mo\u017cesz skorzysta\u0107 z naszego do\u015bwiadczenia i pomys\u0142\u00f3w. +48 721 311 675 jakub.ziola@demiq.pl Czym si\u0119 zajmujemy Strategia, komunikacja i kreatywne dzia\u0142ania \u2014 to nasza codzienno\u015b\u0107. Zobacz, jak mo\u017cemy wesprze\u0107 Twoj\u0105 mark\u0119. Strategia Komunikacja Kampanie Projekty graficzne [&hellip;]<\/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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demiq.pl\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demiq.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demiq.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demiq.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demiq.pl\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":5,"href":"https:\/\/demiq.pl\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/demiq.pl\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/demiq.pl\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}