{"id":21,"date":"2026-07-17T14:12:38","date_gmt":"2026-07-17T14:12:38","guid":{"rendered":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/?page_id=21"},"modified":"2026-07-17T14:13:32","modified_gmt":"2026-07-17T14:13:32","slug":"21-2","status":"publish","type":"page","link":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/?page_id=21","title":{"rendered":""},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"pl\"><br \/>\n<head><br \/>\n<!-- Google Tag Manager --><br \/>\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-5RQJ8QG6');<\/script><br \/>\n<!-- End Google Tag Manager --><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Moje Projekty &#8211; Portfolio<\/title><\/p>\n<style>\n        \/* Reset i podstawowe style *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            font-family: 'Helvetica Neue', Arial, sans-serif;\n            background-color: #fafafa;\n            color: #222;\n            padding: 40px 20px;\n        }<\/p>\n<p>        \/* Kontener i nag\u0142\u00f3wek *\/\n        .wrapper {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n        h1 {\n            font-size: 2.2rem;\n            margin-bottom: 8px;\n            text-align: center;\n        }\n        .intro {\n            text-align: center;\n            color: #666;\n            margin-bottom: 40px;\n        }<\/p>\n<p>        \/* Siatka projekt\u00f3w (Grid) *\/\n        .grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n        }<\/p>\n<p>        \/* Karta pojedynczego projektu *\/\n        .card {\n            background: #fff;\n            border: 1px solid #e0e0e0;\n            border-radius: 6px;\n            padding: 20px;\n            transition: transform 0.2s, box-shadow 0.2s;\n        }\n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n        }\n        .card h3 {\n            color: #ff5a5f;\n            margin-bottom: 10px;\n        }\n        .card p {\n            font-size: 0.9rem;\n            color: #555;\n            line-height: 1.4;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n<!-- Google Tag Manager (noscript) --><br \/>\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-5RQJ8QG6\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript><br \/>\n<!-- End Google Tag Manager (noscript) --><\/p>\n<div class=\"wrapper\">\n<h1>Moje Projekty<\/h1>\n<p class=\"intro\">Zobacz, nad czym ostatnio pracowa\u0142em. Oto kilka prostych przyk\u0142ad\u00f3w.<\/p>\n<p>        <!-- Siatka z elementami --><\/p>\n<div class=\"grid\">\n<div class=\"card\">\n<h3>Projekt 01<\/h3>\n<p>Aplikacja pogodowa napisana w czystym JavaScript. Pobiera dane z zewn\u0119trznego API i wy\u015bwietla je w \u0142adnej oprawie.<\/p>\n<\/p><\/div>\n<div class=\"card\">\n<h3>Projekt 02<\/h3>\n<p>Strona internetowa dla lokalnej kawiarni. W pe\u0142ni responsywna, z menu oraz formularzem rezerwacji stolika.<\/p>\n<\/p><\/div>\n<div class=\"card\">\n<h3>Projekt 03<\/h3>\n<p>Prosty system zarz\u0105dzania zadaniami (To-Do List) z mo\u017cliwo\u015bci\u0105 zapisywania stanu w pami\u0119ci przegl\u0105darki.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Moje Projekty &#8211; Portfolio Moje Projekty Zobacz, nad czym ostatnio pracowa\u0142em. Oto kilka prostych przyk\u0142ad\u00f3w. Projekt 01 Aplikacja pogodowa napisana w czystym JavaScript. Pobiera dane z zewn\u0119trznego API i wy\u015bwietla je w \u0142adnej oprawie. Projekt 02 Strona internetowa dla lokalnej kawiarni. W pe\u0142ni responsywna, z menu oraz formularzem rezerwacji stolika. Projekt 03 Prosty system zarz\u0105dzania [&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-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":2,"href":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/pensive-torvalds.185-157-82-125.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}