{"id":7,"date":"2026-04-24T19:57:02","date_gmt":"2026-04-24T17:57:02","guid":{"rendered":"https:\/\/kolomuzyczne.you2.pl\/?page_id=7"},"modified":"2026-04-24T20:03:33","modified_gmt":"2026-04-24T18:03:33","slug":"7-2","status":"publish","type":"page","link":"https:\/\/kolomuzyczne.you2.pl\/","title":{"rendered":"start"},"content":{"rendered":"\n<style>\nbody{margin:0}\n.music-page{font-family:Arial,sans-serif;color:#1b120f;background:#fff}\n.music-nav{background:linear-gradient(90deg,#2b0f0f,#5a1e1e,#7b2d26);color:#fff;padding:18px 8%;display:flex;justify-content:space-between;align-items:center}\n.music-logo{font-size:24px;font-weight:900}.music-logo span{color:#ffb347}\n.music-nav a{color:#fff;text-decoration:none;margin-left:20px;font-weight:700}\n.music-nav a:hover{color:#ffd27f}\n.music-hero{min-height:540px;background:linear-gradient(90deg,rgba(43,15,15,.9),rgba(90,30,30,.45)),linear-gradient(135deg,#ff7e5f,#feb47b,#ff9966,#7f2b5f);display:flex;align-items:center;padding:0 8%;color:#fff}\n.music-hero h1{font-size:58px;line-height:1.05;margin:0 0 20px;font-weight:900}.music-hero h1 span{color:#ffd27f}\n.music-hero p{font-size:20px;max-width:650px;line-height:1.55}\n.music-btn{display:inline-block;background:linear-gradient(45deg,#ffb347,#ff7e5f);color:#1b120f;padding:15px 30px;border-radius:7px;text-decoration:none;font-weight:900;margin-top:18px}\n.music-section{padding:70px 8%}.music-section h2{font-size:36px;margin:0 0 18px;font-weight:900}.music-section p{font-size:17px;line-height:1.65}\n.music-dark{background:linear-gradient(120deg,#2b0f0f,#5a1e1e,#8e2a2a);color:#fff}\n.music-gray{background:linear-gradient(180deg,#fff3e6,#ffe0cc)}\n.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:35px}\n.music-card{background:#fff;color:#1b120f;border-radius:14px;padding:25px;box-shadow:0 12px 30px rgba(90,30,30,.12);border:1px solid #ffd1ad}\n.music-card h3{font-size:23px;margin:0 0 10px;color:#5a1e1e}\n.music-card p{font-size:15.5px}\n.music-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px;text-align:center}\n.music-stat{background:linear-gradient(45deg,#ff9966,#ffb347);color:#2b0f0f;border-radius:12px;padding:22px;font-weight:700}\n.music-stat strong{display:block;font-size:34px;color:#2b0f0f}\n.music-contact{background:linear-gradient(45deg,#ff9966,#ff5e62);color:#fff;border-radius:14px;padding:30px;margin-top:25px}\n.music-footer{background:linear-gradient(90deg,#2b0f0f,#5a1e1e);color:#fff;text-align:center;padding:30px}\n@media(max-width:850px){.music-grid,.music-stats{grid-template-columns:1fr}.music-hero h1{font-size:38px}.music-nav{display:block}.music-nav a{display:inline-block;margin:12px 12px 0 0}}\n<\/style>\n\n<div class=\"music-page\">\n\n  <div class=\"music-nav\">\n    <div class=\"music-logo\"><span>Ko\u0142o<\/span>Muzyczne<\/div>\n    <div>\n      <a href=\"#start\">Start<\/a>\n      <a href=\"#projekt\">Projekt<\/a>\n      <a href=\"#strony\">Strony<\/a>\n      <a href=\"#zajecia\">Zaj\u0119cia<\/a>\n      <a href=\"#blog\">Blog<\/a>\n      <a href=\"#kontakt\">Kontakt<\/a>\n    <\/div>\n  <\/div>\n\n  <section id=\"start\" class=\"music-hero\">\n    <div>\n      <h1>SZKOLNE<br>KO\u0141O MUZYCZNE <span>LIVE<\/span><\/h1>\n      <p>Strona internetowa ko\u0142a muzycznego wykonana w systemie WordPress. Projekt prezentuje dzia\u0142alno\u015b\u0107 artystyczn\u0105, zaj\u0119cia muzyczne, aktualno\u015bci oraz informacje kontaktowe.<\/p>\n      <a class=\"music-btn\" href=\"#kontakt\">DO\u0141\u0104CZ DO NAS<\/a>\n    <\/div>\n  <\/section>\n\n  <section id=\"projekt\" class=\"music-section\">\n    <h2>Realizacja zadania WordPress<\/h2>\n    <p>W ramach zadania za\u0142o\u017cono konto hostingowe z darmowym okresem pr\u00f3bnym, zainstalowano system WordPress oraz przygotowano stron\u0119 internetow\u0105 dotycz\u0105c\u0105 szkolnego ko\u0142a muzycznego.<\/p>\n    <p>Wybrano i skonfigurowano motyw strony w stylistyce zachodz\u0105cego s\u0142o\u0144ca. Zastosowano ciep\u0142e barwy: pomara\u0144cz, czerwie\u0144, \u017c\u00f3\u0142\u0107 oraz ciemne odcienie br\u0105zu i fioletu. Strona zosta\u0142a zaprojektowana jako nowoczesna wizyt\u00f3wka dzia\u0142alno\u015bci artystycznej.<\/p>\n\n    <div class=\"music-stats\">\n      <div class=\"music-stat\"><strong>1<\/strong>hosting<\/div>\n      <div class=\"music-stat\"><strong>WP<\/strong>WordPress<\/div>\n      <div class=\"music-stat\"><strong>4<\/strong>strony<\/div>\n      <div class=\"music-stat\"><strong>5<\/strong>wpis\u00f3w bloga<\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"strony\" class=\"music-section music-gray\">\n    <h2>Utworzone strony<\/h2>\n    <p>W WordPressie utworzono komplet podstawowych stron wymaganych w projekcie. Ka\u017cda z nich zosta\u0142a uzupe\u0142niona tre\u015bci\u0105 odpowiedni\u0105 do tematyki ko\u0142a muzycznego.<\/p>\n\n    <div class=\"music-grid\">\n      <div class=\"music-card\">\n        <h3>Strona g\u0142\u00f3wna<\/h3>\n        <p>Prezentuje nazw\u0119 ko\u0142a muzycznego, g\u0142\u00f3wne has\u0142o, opis dzia\u0142alno\u015bci oraz przycisk zach\u0119caj\u0105cy do kontaktu.<\/p>\n      <\/div>\n      <div class=\"music-card\">\n        <h3>O kole muzycznym<\/h3>\n        <p>Zawiera opis celu dzia\u0142ania ko\u0142a, informacje o rozwijaniu pasji muzycznej oraz wsp\u00f3lnej pracy zespo\u0142owej.<\/p>\n      <\/div>\n      <div class=\"music-card\">\n        <h3>Zaj\u0119cia i nab\u00f3r<\/h3>\n        <p>Opisuje rodzaje zaj\u0119\u0107: wokal, instrumenty, pr\u00f3by zespo\u0142owe oraz przygotowanie wyst\u0119p\u00f3w szkolnych.<\/p>\n      <\/div>\n      <div class=\"music-card\">\n        <h3>Kontakt<\/h3>\n        <p>Zawiera dane kontaktowe, miejsce spotka\u0144 oraz termin zaj\u0119\u0107 dla zainteresowanych uczni\u00f3w.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"zajecia\" class=\"music-section music-dark\">\n    <h2>Zakres zaj\u0119\u0107 muzycznych<\/h2>\n    <p>Ko\u0142o muzyczne obejmuje r\u00f3\u017cne formy aktywno\u015bci artystycznej. Uczestnicy mog\u0105 rozwija\u0107 umiej\u0119tno\u015bci wokalne, instrumentalne oraz sceniczne.<\/p>\n\n    <div class=\"music-grid\">\n      <div class=\"music-card\">\n        <h3>Wokal<\/h3>\n        <p>\u0106wiczenia emisji g\u0142osu, oddechu, dykcji, interpretacji tekstu oraz przygotowanie utwor\u00f3w do wyst\u0119p\u00f3w.<\/p>\n      <\/div>\n      <div class=\"music-card\">\n        <h3>Instrumenty<\/h3>\n        <p>Nauka podstaw gry na gitarze, keyboardzie, perkusji oraz \u0107wiczenie prostych aran\u017cacji zespo\u0142owych.<\/p>\n      <\/div>\n      <div class=\"music-card\">\n        <h3>Wyst\u0119py<\/h3>\n        <p>Przygotowanie koncert\u00f3w, akademii szkolnych, wydarze\u0144 okoliczno\u015bciowych i prezentacji artystycznych.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"music-section\">\n    <h2>Jak dzia\u0142aj\u0105 zaj\u0119cia?<\/h2>\n    <div class=\"music-grid\">\n      <div class=\"music-card\">\n        <h3>1. Pr\u00f3ba<\/h3>\n        <p>Uczniowie spotykaj\u0105 si\u0119 na regularnych pr\u00f3bach, poznaj\u0105 repertuar i \u0107wicz\u0105 partie wokalne oraz instrumentalne.<\/p>\n      <\/div>\n      <div class=\"music-card\">\n        <h3>2. Przygotowanie<\/h3>\n        <p>Wybrane utwory s\u0105 opracowywane muzycznie, dzielone na partie i dopracowywane pod wzgl\u0119dem wykonawczym.<\/p>\n      <\/div>\n      <div class=\"music-card\">\n        <h3>3. Wyst\u0119p<\/h3>\n        <p>Efektem pracy s\u0105 wyst\u0119py podczas szkolnych uroczysto\u015bci, koncert\u00f3w, konkurs\u00f3w i wydarze\u0144 tematycznych.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"blog\" class=\"music-section music-gray\">\n    <h2>Blog \u2014 aktualno\u015bci ko\u0142a muzycznego<\/h2>\n    <p>Przygotowano sekcj\u0119 blogow\u0105 zawieraj\u0105c\u0105 pi\u0119\u0107 przyk\u0142adowych wpis\u00f3w. Wpisy opisuj\u0105 dzia\u0142alno\u015b\u0107 ko\u0142a, pr\u00f3by, warsztaty oraz przygotowania do wyst\u0119p\u00f3w.<\/p>\n\n    <div class=\"music-grid\">\n      <div class=\"music-card\">\n        <h3>1. Pierwsza pr\u00f3ba ko\u0142a muzycznego<\/h3>\n        <p><b>Temat:<\/b> rozpocz\u0119cie dzia\u0142alno\u015bci.<\/p>\n        <p>Podczas pierwszego spotkania uczestnicy poznali plan pracy, wybrali repertuar oraz ustalili harmonogram pr\u00f3b.<\/p>\n      <\/div>\n\n      <div class=\"music-card\">\n        <h3>2. Warsztaty wokalne dla uczni\u00f3w<\/h3>\n        <p><b>Temat:<\/b> emisja g\u0142osu i praca z mikrofonem.<\/p>\n        <p>Uczniowie \u0107wiczyli oddech, dykcj\u0119, poprawn\u0105 postaw\u0119 oraz podstawy interpretacji piosenki.<\/p>\n      <\/div>\n\n      <div class=\"music-card\">\n        <h3>3. Przygotowanie koncertu szkolnego<\/h3>\n        <p><b>Temat:<\/b> organizacja wyst\u0119pu.<\/p>\n        <p>Ustalono kolejno\u015b\u0107 utwor\u00f3w, podzia\u0142 r\u00f3l, ustawienie wykonawc\u00f3w oraz wymagania techniczne nag\u0142o\u015bnienia.<\/p>\n      <\/div>\n\n      <div class=\"music-card\">\n        <h3>4. Nauka gry na gitarze \u2014 pierwsze akordy<\/h3>\n        <p><b>Temat:<\/b> podstawy instrumentalne.<\/p>\n        <p>Uczestnicy poznali proste akordy, rytm i spos\u00f3b wykorzystania gitary podczas wsp\u00f3lnego grania.<\/p>\n      <\/div>\n\n      <div class=\"music-card\">\n        <h3>5. Pr\u00f3ba generalna przed wyst\u0119pem<\/h3>\n        <p><b>Temat:<\/b> ko\u0144cowe przygotowania.<\/p>\n        <p>Sprawdzono nag\u0142o\u015bnienie, kolejno\u015b\u0107 wej\u015b\u0107, ustawienie zespo\u0142u oraz gotowo\u015b\u0107 do wyst\u0119pu przed publiczno\u015bci\u0105.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"kontakt\" class=\"music-section\">\n    <h2>Kontakt i nab\u00f3r<\/h2>\n    <p>W tej sekcji znajduj\u0105 si\u0119 podstawowe informacje dla os\u00f3b zainteresowanych udzia\u0142em w kole muzycznym.<\/p>\n\n    <div class=\"music-contact\">\n      <p><b>Opiekun:<\/b> nauczyciel muzyki<\/p>\n      <p><b>E-mail:<\/b> kolomuzyczne@szkola.pl<\/p>\n      <p><b>Miejsce zaj\u0119\u0107:<\/b> sala muzyczna \/ aula szkolna<\/p>\n      <p><b>Termin:<\/b> ka\u017cdy czwartek, godz. 15:00<\/p>\n      <a class=\"music-btn\" href=\"mailto:kolomuzyczne@szkola.pl\">NAPISZ WIADOMO\u015a\u0106<\/a>\n    <\/div>\n  <\/section>\n\n  <div class=\"music-footer\">\n    Ko\u0142oMuzyczne \u00a9 2026 \u2014 projekt strony wykonanej w WordPressie\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ko\u0142oMuzyczne Start Projekt Strony Zaj\u0119cia Blog Kontakt SZKOLNEKO\u0141O MUZYCZNE LIVE Strona internetowa ko\u0142a muzycznego wykonana w systemie WordPress. Projekt prezentuje dzia\u0142alno\u015b\u0107 artystyczn\u0105, zaj\u0119cia muzyczne, aktualno\u015bci oraz informacje kontaktowe. DO\u0141\u0104CZ DO NAS Realizacja zadania WordPress W ramach zadania za\u0142o\u017cono konto hostingowe z darmowym okresem pr\u00f3bnym, zainstalowano system WordPress oraz przygotowano stron\u0119 internetow\u0105 dotycz\u0105c\u0105 szkolnego ko\u0142a muzycznego. [&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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kolomuzyczne.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kolomuzyczne.you2.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kolomuzyczne.you2.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kolomuzyczne.you2.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kolomuzyczne.you2.pl\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":2,"href":"https:\/\/kolomuzyczne.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/kolomuzyczne.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/kolomuzyczne.you2.pl\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}