Amperion – Strona G\u0142\u00f3wna<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n<style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n scroll-behavior: smooth;\n }\n header {\n background: #333;\n color: white;\n padding: 20px;\n text-align: center;\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n header img {\n height: 50px;\n margin-right: 15px;\n }\n nav ul {\n list-style: none;\n padding: 0;\n }\n nav ul li {\n display: inline;\n margin: 0 15px;\n }\n nav ul li a {\n color: white;\n text-decoration: none;\n }\n section {\n padding: 100px 20px;\n min-height: 100vh;\n transition: all 0.5s ease-in-out;\n }\n h2 {\n text-align: center;\n margin-bottom: 20px;\n }\n form {\n max-width: 600px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n }\n input, textarea, button {\n margin: 10px 0;\n padding: 10px;\n font-size: 16px;\n }\n button {\n background: #333;\n color: white;\n cursor: pointer;\n }\n footer {\n background: #333;\n color: white;\n text-align: center;\n padding: 20px;\n position: relative;\n }\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<p> <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const links = document.querySelectorAll(\"nav ul li a\");\n links.forEach(link => {\n link.addEventListener(\"click\", function (event) {\n event.preventDefault();\n const targetId = this.getAttribute(\"href\").substring(1);\n const targetElement = document.getElementById(targetId);\n window.scrollTo({\n top: targetElement.offsetTop - 50,\n behavior: \"smooth\"\n });\n });\n });<\/p>\n<p> const sections = document.querySelectorAll(\"section\");\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"visible\");\n }\n });\n }, { threshold: 0.1 });<\/p>\n<p> sections.forEach(section => {\n section.classList.add(\"fade-in\");\n observer.observe(section);\n });\n });\n <\/script><br \/>\n<\/head><br \/>\n<body><\/p>\n<header>\n <img decoding=\"async\" src=\"logo.png\" alt=\"Logo Amperion\"><\/p>\n<h1>Amperion<\/h1>\n<nav>\n<ul>\n<li><a href=\"#onas\">O nas<\/a><\/li>\n<li><a href=\"#oferta\">Oferta<\/a><\/li>\n<li><a href=\"#realizacje\">Realizacje<\/a><\/li>\n<li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n<\/ul>\n<\/nav>\n<\/header>\n<section id=\"onas\">\n<h2>O nas<\/h2>\n<p>Amperion to firma z wieloletnim do\u015bwiadczeniem, specjalizuj\u0105ca si\u0119 w…<\/p>\n<\/section>\n<section id=\"oferta\">\n<h2>Oferta<\/h2>\n<p>Nasze us\u0142ugi obejmuj\u0105…<\/p>\n<\/section>\n<section id=\"realizacje\">\n<h2>Realizacje<\/h2>\n<p>Oto kilka naszych projekt\u00f3w…<\/p>\n<\/section>\n<section id=\"kontakt\">\n<h2>Kontakt<\/h2>\n<p>Telefon: <a href=\"tel:605300500\">605 300 500<\/a><\/p>\n<p>Email: <a href=\"mailto:kontakt@amperion.com.pl\">kontakt@amperion.com.pl<\/a><\/p>\n<form>\n <label for=\"name\">Imi\u0119 i nazwisko:<\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" required><\/p>\n<p> <label for=\"email\">Email:<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" required><\/p>\n<p> <label for=\"message\">Wiadomo\u015b\u0107:<\/label><br \/>\n <textarea id=\"message\" name=\"message\" required><\/textarea><\/p>\n<p> <button type=\"submit\">Wy\u015blij<\/button><br \/>\n <\/form>\n<\/section>\n<footer>\n<p>© 2025 Amperion – Wszelkie prawa zastrze\u017cone<\/p>\n<\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Amperion – Strona G\u0142\u00f3wna Amperion O nas Oferta Realizacje Kontakt O nas Amperion to firma z wieloletnim do\u015bwiadczeniem, specjalizuj\u0105ca si\u0119 w… Oferta Nasze us\u0142ugi obejmuj\u0105… Realizacje Oto kilka naszych projekt\u00f3w… Kontakt Telefon: 605 300 500 Email: kontakt@amperion.com.pl Imi\u0119 i nazwisko: Email: Wiadomo\u015b\u0107: Wy\u015blij © 2025 Amperion – Wszelkie prawa zastrze\u017cone<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":2,"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2025-02-15T08:20:38","date_gmt":"2025-02-15T08:20:38","guid":{"rendered":"https:\/\/www.amperion.com.pl\/?page_id=7"},"modified":"2025-02-15T08:20:38","modified_gmt":"2025-02-15T08:20:38","slug":"7-2","status":"publish","type":"page","link":"https:\/\/www.amperion.com.pl\/index.php\/7-2\/","title":{"rendered":""},"content":{"rendered":"

\n
\n
\n
\n
\n Amperion – Strona G\u0142\u00f3wna<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n<style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n scroll-behavior: smooth;\n }\n header {\n background: #333;\n color: white;\n padding: 20px;\n text-align: center;\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n header img {\n height: 50px;\n margin-right: 15px;\n }\n nav ul {\n list-style: none;\n padding: 0;\n }\n nav ul li {\n display: inline;\n margin: 0 15px;\n }\n nav ul li a {\n color: white;\n text-decoration: none;\n }\n section {\n padding: 100px 20px;\n min-height: 100vh;\n transition: all 0.5s ease-in-out;\n }\n h2 {\n text-align: center;\n margin-bottom: 20px;\n }\n form {\n max-width: 600px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n }\n input, textarea, button {\n margin: 10px 0;\n padding: 10px;\n font-size: 16px;\n }\n button {\n background: #333;\n color: white;\n cursor: pointer;\n }\n footer {\n background: #333;\n color: white;\n text-align: center;\n padding: 20px;\n position: relative;\n }\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<p> <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const links = document.querySelectorAll(\"nav ul li a\");\n links.forEach(link => {\n link.addEventListener(\"click\", function (event) {\n event.preventDefault();\n const targetId = this.getAttribute(\"href\").substring(1);\n const targetElement = document.getElementById(targetId);\n window.scrollTo({\n top: targetElement.offsetTop - 50,\n behavior: \"smooth\"\n });\n });\n });<\/p>\n<p> const sections = document.querySelectorAll(\"section\");\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"visible\");\n }\n });\n }, { threshold: 0.1 });<\/p>\n<p> sections.forEach(section => {\n section.classList.add(\"fade-in\");\n observer.observe(section);\n });\n });\n <\/script><br \/>\n<\/head><br \/>\n<body><\/p>\n<header>\n <img decoding=\"async\" src=\"logo.png\" alt=\"Logo Amperion\"><\/p>\n<h1>Amperion<\/h1>\n<nav>\n<ul>\n<li><a href=\"#onas\">O nas<\/a><\/li>\n<li><a href=\"#oferta\">Oferta<\/a><\/li>\n<li><a href=\"#realizacje\">Realizacje<\/a><\/li>\n<li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n<\/ul>\n<\/nav>\n<\/header>\n<section id=\"onas\">\n<h2>O nas<\/h2>\n<p>Amperion to firma z wieloletnim do\u015bwiadczeniem, specjalizuj\u0105ca si\u0119 w…<\/p>\n<\/section>\n<section id=\"oferta\">\n<h2>Oferta<\/h2>\n<p>Nasze us\u0142ugi obejmuj\u0105…<\/p>\n<\/section>\n<section id=\"realizacje\">\n<h2>Realizacje<\/h2>\n<p>Oto kilka naszych projekt\u00f3w…<\/p>\n<\/section>\n<section id=\"kontakt\">\n<h2>Kontakt<\/h2>\n<p>Telefon: <a href=\"tel:605300500\">605 300 500<\/a><\/p>\n<p>Email: <a href=\"mailto:kontakt@amperion.com.pl\">kontakt@amperion.com.pl<\/a><\/p>\n<form>\n <label for=\"name\">Imi\u0119 i nazwisko:<\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" required><\/p>\n<p> <label for=\"email\">Email:<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" required><\/p>\n<p> <label for=\"message\">Wiadomo\u015b\u0107:<\/label><br \/>\n <textarea id=\"message\" name=\"message\" required><\/textarea><\/p>\n<p> <button type=\"submit\">Wy\u015blij<\/button><br \/>\n <\/form>\n<\/section>\n<footer>\n<p>© 2025 Amperion – Wszelkie prawa zastrze\u017cone<\/p>\n<\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Amperion – Strona G\u0142\u00f3wna Amperion O nas Oferta Realizacje Kontakt O nas Amperion to firma z wieloletnim do\u015bwiadczeniem, specjalizuj\u0105ca si\u0119 w… Oferta Nasze us\u0142ugi obejmuj\u0105… Realizacje Oto kilka naszych projekt\u00f3w… Kontakt Telefon: 605 300 500 Email: kontakt@amperion.com.pl Imi\u0119 i nazwisko: Email: Wiadomo\u015b\u0107: Wy\u015blij © 2025 Amperion – Wszelkie prawa zastrze\u017cone<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":2,"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/www.amperion.com.pl\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}