{"id":19857,"date":"2026-05-25T15:40:36","date_gmt":"2026-05-25T15:40:36","guid":{"rendered":"https:\/\/www.peternel2000.eu\/?page_id=19857"},"modified":"2026-07-07T22:28:34","modified_gmt":"2026-07-07T22:28:34","slug":"web","status":"publish","type":"page","link":"https:\/\/www.peternel2000.eu\/en\/web\/","title":{"rendered":"Website"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:22%;--awb-padding-bottom:20px;--awb-padding-left:22%;--awb-padding-right-medium:20px;--awb-padding-left-medium:20px;--awb-padding-right-small:20px;--awb-padding-left-small:25px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:50px;--awb-padding-bottom:10px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     peternel+ai \u00b7 \/web\/ \u00b7 BLOCK 1 \u00b7 HERO\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n.ptw-root {\n  --ink: #0C0B14;\n  --grey-700: #444444;\n  color: var(--ink);\n  font-family: 'Fira Code', monospace !important;\n  line-height: 1.5;\n}\n.ptw-root *,\n.ptw-root *::before,\n.ptw-root *::after { box-sizing: border-box; }\n\n.ptw-root .t-h1 {\n  font-family: 'IBM Plex Serif', serif !important;\n  font-size: clamp(40px, 6vw, 64px);\n  font-weight: 600;\n  letter-spacing: -0.022em;\n  line-height: 1.1;\n  color: var(--ink);\n  margin: 0 0 14px;\n}\n.ptw-root .t-lead {\n  font-family: 'Fira Code', monospace !important;\n  font-size: 16px;\n  font-weight: 400;\n  letter-spacing: -0.025em;\n  line-height: 1.6;\n  color: var(--grey-700);\n  margin: 0;\n}\n<\/style>\n\n<div class=\"ptw-root\">\n  <div class=\"t-h1\">Web koji radi za vas.<\/div>\n  <p class=\"t-lead\">Prezentacijska stranica. Analiza postoje\u0107e stranice. PDF pretvoren u web. Tri usluge, jedan potpis.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:22%;--awb-padding-bottom:20px;--awb-padding-left:22%;--awb-padding-right-medium:20px;--awb-padding-left-medium:20px;--awb-padding-right-small:20px;--awb-padding-left-small:25px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:40px;--awb-padding-bottom:10px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     peternel+ai \u00b7 \/web\/ \u00b7 BLOCK 2 \u00b7 01 PREZENTACIJSKA STRANICA\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n.ptw-root {\n  --ink: #0C0B14;\n  --paper: #FFFFFF;\n  --grey-700: #444444;\n  --grey-500: #888888;\n  --grey-200: #E0E0E0;\n  --hover: #1F1D2E;\n  --accent: #F7FF00;\n  color: var(--ink);\n  font-family: 'Fira Code', monospace !important;\n  line-height: 1.5;\n}\n.ptw-root *,\n.ptw-root *::before,\n.ptw-root *::after { box-sizing: border-box; }\n\n.ptw-root .pdiv {\n  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n  margin: 0 0 28px;\n}\n.ptw-root .pdiv-l, .ptw-root .pdiv-m {\n  font-family: 'Fira Code', monospace !important;\n  font-size: 9px; font-weight: 600; letter-spacing: 0.14em;\n  text-transform: uppercase; white-space: nowrap;\n}\n.ptw-root .pdiv-l { color: var(--ink); }\n.ptw-root .pdiv-m { color: var(--grey-500); }\n.ptw-root .pdiv-x { flex: 1; min-width: 24px; height: 1px; background: var(--grey-200); }\n.ptw-root .pdiv-num { color: var(--ink); }\n\n.ptw-root .t-h2 {\n  font-family: 'IBM Plex Serif', serif !important;\n  font-size: clamp(28px, 4vw, 44px); font-weight: 600;\n  letter-spacing: -0.020em; line-height: 1.15; color: var(--ink);\n  margin: 0 0 12px;\n}\n.ptw-root .t-body {\n  font-family: 'Fira Code', monospace !important;\n  font-size: 14px; font-weight: 400; letter-spacing: -0.030em;\n  line-height: 1.65; color: var(--grey-700); margin: 0;\n}\n\n.ptw-root .praksa-cta {\n  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n  margin-top: 16px;\n}\n.ptw-root .praksa-cta-btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: var(--ink); color: var(--paper) !important;\n  text-decoration: none !important; padding: 10px 14px; border-radius: 6px;\n  font-family: 'Fira Code', monospace !important;\n  font-size: 11px; font-weight: 600; letter-spacing: 0.10em;\n  text-transform: uppercase; border: none; cursor: pointer;\n  transition: background 0.2s ease;\n}\n.ptw-root .praksa-cta-btn:hover { background: var(--hover); }\n.ptw-root .praksa-cta-btn .__arr { display: inline-flex; transition: transform 0.2s ease; }\n.ptw-root .praksa-cta-btn .__arr svg { color: var(--accent); width: 12px; height: 12px; display: block; }\n.ptw-root .praksa-cta-btn:hover .__arr { transform: translate(3px, -3px); }\n.ptw-root .praksa-cta-line { flex: 1; min-width: 24px; height: 1px; background: var(--grey-200); }\n<\/style>\n\n<div class=\"ptw-root\">\n  <div class=\"pdiv\">\n    <span class=\"pdiv-l\">[ 01 <span class=\"pdiv-num\">\/<\/span> prezentacijska stranica ]<\/span>\n    <span class=\"pdiv-x\"><\/span>\n    <span class=\"pdiv-m\">peternel+ai \u00b7 web<\/span>\n  <\/div>\n\n  <div class=\"t-h2\">Stranica koja predstavi brend, mjesto, projekt ili osobu.<\/div>\n  <p class=\"t-body\">Responzivni UX\/UI dizajn, tehni\u010dka izrada, po potrebi hosting.<\/p>\n\n  <div class=\"praksa-cta\">\n    <a href=\"#brief-canvas\" class=\"praksa-cta-btn brief-trigger\" data-tip=\"Hej Filip, trebam prezentacijsku stranicu.\">\n      Hej Filip, krenimo\n      <span class=\"__arr\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n          <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n        <\/svg>\n      <\/span>\n    <\/a>\n    <span class=\"praksa-cta-line\"><\/span>\n  <\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:40px;--awb-padding-bottom:10px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     peternel+ai \u00b7 \/web\/ \u00b7 BLOCK 2 \u00b7 02 DOC -> WEB (CTA vodi na \/agenti\/)\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n.ptw-root {\n  --ink: #0C0B14;\n  --paper: #FFFFFF;\n  --grey-700: #444444;\n  --grey-500: #888888;\n  --grey-200: #E0E0E0;\n  --hover: #1F1D2E;\n  --accent: #F7FF00;\n  color: var(--ink);\n  font-family: 'Fira Code', monospace !important;\n  line-height: 1.5;\n}\n.ptw-root *,\n.ptw-root *::before,\n.ptw-root *::after { box-sizing: border-box; }\n\n.ptw-root .pdiv {\n  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n  margin: 0 0 28px;\n}\n.ptw-root .pdiv-l, .ptw-root .pdiv-m {\n  font-family: 'Fira Code', monospace !important;\n  font-size: 9px; font-weight: 600; letter-spacing: 0.14em;\n  text-transform: uppercase; white-space: nowrap;\n}\n.ptw-root .pdiv-l { color: var(--ink); }\n.ptw-root .pdiv-m { color: var(--grey-500); }\n.ptw-root .pdiv-x { flex: 1; min-width: 24px; height: 1px; background: var(--grey-200); }\n.ptw-root .pdiv-num { color: var(--ink); }\n\n.ptw-root .t-h2 {\n  font-family: 'IBM Plex Serif', serif !important;\n  font-size: clamp(28px, 4vw, 44px); font-weight: 600;\n  letter-spacing: -0.020em; line-height: 1.15; color: var(--ink);\n  margin: 0 0 12px;\n}\n.ptw-root .t-body {\n  font-family: 'Fira Code', monospace !important;\n  font-size: 14px; font-weight: 400; letter-spacing: -0.030em;\n  line-height: 1.65; color: var(--grey-700); margin: 0;\n}\n.ptw-root .t-body + .t-body { margin-top: 8px; }\n\n\n.ptw-root .praksa-cta {\n  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n  margin-top: 16px;\n}\n.ptw-root .praksa-cta-btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: var(--ink); color: var(--paper) !important;\n  text-decoration: none !important; padding: 10px 14px; border-radius: 6px;\n  font-family: 'Fira Code', monospace !important;\n  font-size: 11px; font-weight: 600; letter-spacing: 0.10em;\n  text-transform: uppercase; border: none; cursor: pointer;\n  transition: background 0.2s ease;\n}\n.ptw-root .praksa-cta-btn:hover { background: var(--hover); }\n.ptw-root .praksa-cta-btn .__arr { display: inline-flex; transition: transform 0.2s ease; }\n.ptw-root .praksa-cta-btn .__arr svg { color: var(--accent); width: 12px; height: 12px; display: block; }\n.ptw-root .praksa-cta-btn:hover .__arr { transform: translate(3px, -3px); }\n.ptw-root .praksa-cta-line { flex: 1; min-width: 24px; height: 1px; background: var(--grey-200); }\n<\/style>\n\n<div class=\"ptw-root\">\n  <div class=\"pdiv\">\n    <span class=\"pdiv-l\">[ 02 <span class=\"pdiv-num\">\/<\/span> doc \u2192 web ]<\/span>\n    <span class=\"pdiv-x\"><\/span>\n    <span class=\"pdiv-m\">peternel+ai \u00b7 web<\/span>\n  <\/div>\n\n  <div class=\"t-h2\">Bro\u0161ura koju ne zatvara\u0161 na drugoj stranici.<\/div>\n  <p class=\"t-body\">Pretvaramo .doc u web koji zadr\u017eava vizualni jezik tiskovine, a dobiva interaktivnost - skroll, navigaciju, search, mobile \u010ditljivost, share-link.<\/p>\n  <p class=\"t-body\">Sadr\u017eaj ostaje va\u0161. Selimo ga u format koji radi na webu.<\/p>\n\n  <div class=\"praksa-cta\">\n    <a href=\"\/agenti\/\" class=\"praksa-cta-btn\">\n      VIDI VI\u0160E\n      <span class=\"__arr\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n          <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n        <\/svg>\n      <\/span>\n    <\/a>\n    <span class=\"praksa-cta-line\"><\/span>\n  <\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:39px;--awb-padding-bottom:10px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- \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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     peternel+ai \u00b7 \/web\/ \u00b7 BLOCK 3 \u00b7 03 UX\/UI ANALIZA (CTA vodi na \/agenti\/)\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n.ptw-root {\n  --ink: #0C0B14;\n  --paper: #FFFFFF;\n  --grey-700: #444444;\n  --grey-500: #888888;\n  --grey-200: #E0E0E0;\n  --hover: #1F1D2E;\n  --accent: #F7FF00;\n  color: var(--ink);\n  font-family: 'Fira Code', monospace !important;\n  line-height: 1.5;\n}\n.ptw-root *,\n.ptw-root *::before,\n.ptw-root *::after { box-sizing: border-box; }\n\n.ptw-root .pdiv {\n  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n  margin: 0 0 28px;\n}\n.ptw-root .pdiv-l, .ptw-root .pdiv-m {\n  font-family: 'Fira Code', monospace !important;\n  font-size: 9px; font-weight: 600; letter-spacing: 0.14em;\n  text-transform: uppercase; white-space: nowrap;\n}\n.ptw-root .pdiv-l { color: var(--ink); }\n.ptw-root .pdiv-m { color: var(--grey-500); }\n.ptw-root .pdiv-x { flex: 1; min-width: 24px; height: 1px; background: var(--grey-200); }\n.ptw-root .pdiv-num { color: var(--ink); }\n\n.ptw-root .t-h2 {\n  font-family: 'IBM Plex Serif', serif !important;\n  font-size: clamp(28px, 4vw, 44px); font-weight: 600;\n  letter-spacing: -0.020em; line-height: 1.15; color: var(--ink);\n  margin: 0 0 12px;\n}\n.ptw-root .t-body {\n  font-family: 'Fira Code', monospace !important;\n  font-size: 14px; font-weight: 400; letter-spacing: -0.030em;\n  line-height: 1.65; color: var(--grey-700); margin: 0;\n}\n.ptw-root .t-body + .t-body { margin-top: 8px; }\n\n\n.ptw-root .praksa-cta {\n  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n  margin-top: 16px;\n}\n.ptw-root .praksa-cta-btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: var(--ink); color: var(--paper) !important;\n  text-decoration: none !important; padding: 10px 14px; border-radius: 6px;\n  font-family: 'Fira Code', monospace !important;\n  font-size: 11px; font-weight: 600; letter-spacing: 0.10em;\n  text-transform: uppercase; border: none; cursor: pointer;\n  transition: background 0.2s ease;\n}\n.ptw-root .praksa-cta-btn:hover { background: var(--hover); }\n.ptw-root .praksa-cta-btn .__arr { display: inline-flex; transition: transform 0.2s ease; }\n.ptw-root .praksa-cta-btn .__arr svg { color: var(--accent); width: 12px; height: 12px; display: block; }\n.ptw-root .praksa-cta-btn:hover .__arr { transform: translate(3px, -3px); }\n.ptw-root .praksa-cta-line { flex: 1; min-width: 24px; height: 1px; background: var(--grey-200); }\n<\/style>\n\n<div class=\"ptw-root\">\n  <div class=\"pdiv\">\n    <span class=\"pdiv-l\">[ 03 <span class=\"pdiv-num\">\/<\/span> ux analiza ]<\/span>\n    <span class=\"pdiv-x\"><\/span>\n    <span class=\"pdiv-m\">peternel+ai \u00b7 web<\/span>\n  <\/div>\n\n  <div class=\"t-h2\">Analiza s brojkom i mi\u0161ljenjem.<\/div>\n  <p class=\"t-body\">Pregled postoje\u0107e stranice s konkretnim nalazom: anotirani screenshotovi s prioritetima u tri razine (kriti\u010dno, va\u017eno, dobro) i kalkulator isplativosti s va\u0161im brojkama.<\/p>\n  <p class=\"t-body\">Ne dobivate \"treba osvje\u017eiti dizajn\" - dobivate brojku.<\/p>\n\n  <div class=\"praksa-cta\">\n    <a href=\"\/agenti\/\" class=\"praksa-cta-btn\">\n      VIDI VI\u0160E\n      <span class=\"__arr\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line>\n          <polyline points=\"7 7 17 7 17 17\"><\/polyline>\n        <\/svg>\n      <\/span>\n    <\/a>\n    <span class=\"praksa-cta-line\"><\/span>\n  <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:22%;--awb-padding-bottom:20px;--awb-padding-left:22%;--awb-padding-right-medium:20px;--awb-padding-left-medium:20px;--awb-padding-right-small:20px;--awb-padding-left-small:25px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:50px;--awb-padding-bottom:10px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- \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\u2550\n     PETERNEL+AI \u00b7 HOLDING BLOK \"U IZRADI\"\n     Avada Code Block. Monokrom v3.\n     Fontovi: GLOBAL_FONTS_AVADA_v3 (Theme Options).\n     ZAMIJENI po stranici:\n       \/web\/   \u2192 data-tip=\"web\"   \u00b7 linija \"Web\"\n       \/brend\/ \u2192 data-tip=\"brend\" \u00b7 linija \"Brend\"\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\u2550 -->\n<div class=\"ptn-wip\">\n\n  <div class=\"ptn-pdiv\">\n    <span class=\"ptn-pdiv-l\">[ u izradi ]<\/span>\n    <span class=\"ptn-pdiv-x\"><\/span>\n    <span class=\"ptn-pdiv-m\">peternel+ai \u00b7 est. 2000<\/span>\n  <\/div>\n\n  <div class=\"ptn-wip-lead\">Ova stranica je u fazi nadopune.<\/div>\n\n  <p class=\"ptn-wip-body\">Gradim je istim tempom kojim radim - brzo, otvoreno, korak po korak. Cijeli sadr\u017eaj sa vizualnim primjerima sti\u017ee uskoro. Ako ne \u017eelite \u010dekati, po\u0161aljite brief i kre\u0107emo.<\/p>\n\n  <a class=\"ptn-wip-cta brief-trigger\" href=\"#\" data-tip=\"brend\">\n    Hej Filip, krenimo!\n    <span class=\"ptn-wip-arr\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg>\n    <\/span>\n  <\/a>\n\n<\/div>\n\n<style>\n.ptn-wip{\n  --ink:#0C0B14; --g700:#444; --g500:#888; --g200:#E0E0E0;\n  width:100%; margin:0; color:var(--ink);\n  font-family:'Fira Code',monospace !important;\n}\n.ptn-wip *{box-sizing:border-box}\n\n.ptn-wip .ptn-pdiv{display:flex; align-items:center; gap:14px; margin:0 0 22px}\n.ptn-wip .ptn-pdiv-l{\n  font-family:'Fira Code',monospace !important; font-weight:600; font-size:10px;\n  letter-spacing:.14em; text-transform:uppercase; color:var(--ink); white-space:nowrap;\n}\n.ptn-wip .ptn-pdiv-x{flex:1; height:1px; background:var(--g200); min-width:2px}\n.ptn-wip .ptn-pdiv-m{\n  font-family:'Fira Code',monospace !important; font-weight:400; font-size:9px;\n  letter-spacing:.06em; color:var(--g500); opacity:.7; white-space:nowrap;\n}\n\n.ptn-wip .ptn-wip-lead{\n  font-family:'IBM Plex Serif',serif !important; font-weight:600; font-size:30px;\n  letter-spacing:-.02em; line-height:1.1; color:var(--ink);\n}\n.ptn-wip .ptn-wip-body{\n  font-family:'Fira Code',monospace !important; font-weight:400; font-size:13px;\n  letter-spacing:-.01em; line-height:1.7; color:var(--g700); margin-top:14px; max-width:560px;\n}\n\n.ptn-wip .ptn-wip-cta{\n  display:inline-flex; align-items:center; gap:10px;\n  background:var(--ink); color:#FFFFFF !important; text-decoration:none !important;\n  font-family:'Fira Code',monospace !important; font-weight:600; font-size:13px;\n  letter-spacing:.02em; padding:12px 18px; border-radius:6px; margin-top:24px;\n  transition:background .2s ease;\n}\n.ptn-wip .ptn-wip-cta:hover{background:#1f1d2e}\n.ptn-wip .ptn-wip-arr{display:inline-flex; transition:transform .2s ease}\n.ptn-wip .ptn-wip-cta:hover .ptn-wip-arr{transform:translate(2px,-2px)}\n\n@media(max-width:640px){\n  .ptn-wip .ptn-wip-lead{font-size:24px}\n}\n<\/style><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19857","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web - peternel+ai<\/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:\/\/www.peternel2000.eu\/en\/web\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web - peternel+ai\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.peternel2000.eu\/en\/web\/\" \/>\n<meta property=\"og:site_name\" content=\"peternel+ai\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-07T22:28:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/web\\\/\",\"url\":\"https:\\\/\\\/www.peternel2000.eu\\\/web\\\/\",\"name\":\"Web - peternel+ai\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/#website\"},\"datePublished\":\"2026-05-25T15:40:36+00:00\",\"dateModified\":\"2026-07-07T22:28:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/web\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.peternel2000.eu\\\/web\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.peternel2000.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/#website\",\"url\":\"https:\\\/\\\/www.peternel2000.eu\\\/\",\"name\":\"peternel+ai\",\"description\":\"Vizualni hibridni studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.peternel2000.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web - peternel+ai","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:\/\/www.peternel2000.eu\/en\/web\/","og_locale":"en_GB","og_type":"article","og_title":"Web - peternel+ai","og_url":"https:\/\/www.peternel2000.eu\/en\/web\/","og_site_name":"peternel+ai","article_modified_time":"2026-07-07T22:28:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.peternel2000.eu\/web\/","url":"https:\/\/www.peternel2000.eu\/web\/","name":"Web - peternel+ai","isPartOf":{"@id":"https:\/\/www.peternel2000.eu\/#website"},"datePublished":"2026-05-25T15:40:36+00:00","dateModified":"2026-07-07T22:28:34+00:00","breadcrumb":{"@id":"https:\/\/www.peternel2000.eu\/web\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.peternel2000.eu\/web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.peternel2000.eu\/web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.peternel2000.eu\/"},{"@type":"ListItem","position":2,"name":"Web"}]},{"@type":"WebSite","@id":"https:\/\/www.peternel2000.eu\/#website","url":"https:\/\/www.peternel2000.eu\/","name":"peternel+ai","description":"Vizualni hibridni studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.peternel2000.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/19857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/comments?post=19857"}],"version-history":[{"count":25,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/19857\/revisions"}],"predecessor-version":[{"id":20728,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/19857\/revisions\/20728"}],"wp:attachment":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/media?parent=19857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}