commit 0bf3e5cd85c4311a1133f7852ac62381a6b51f5f Author: Your Name Date: Wed Sep 17 14:11:15 2025 +0200 zaliczone diff --git a/baner.png b/baner.png new file mode 100644 index 0000000..9dd1779 Binary files /dev/null and b/baner.png differ diff --git a/get.php b/get.php new file mode 100644 index 0000000..5ea631c --- /dev/null +++ b/get.php @@ -0,0 +1,15 @@ + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..52e0113 --- /dev/null +++ b/index.html @@ -0,0 +1,27 @@ + + + + + Kursy komputerowe + + + + + +
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/raty.html b/raty.html new file mode 100644 index 0000000..e69de29 diff --git a/script.js b/script.js new file mode 100644 index 0000000..d50f357 --- /dev/null +++ b/script.js @@ -0,0 +1,9 @@ +document.addEventListener('DOMContentLoaded', async() => { + const res = await fetch('get.php'); + const data = await res.json(); + + const t = document.getElementById('tab'); + t.innerHTML = t.rows[0]?.outerHTML + data.map(r => + `${r.nazwa}${r.czas_trwania}${r.cena}` + ).join(""); +}) \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..b7b0977 --- /dev/null +++ b/style.css @@ -0,0 +1,59 @@ +body { + font-family: Helvetica; + background-color: #EAEAEA; + margin: 0; + padding: 0; +} + +header { + position: relative; + text-align: center; +} + +header img { + width: 100%; +} + +.header-text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: white; + font-size: 48px; + font-weight: bold; +} + +nav, footer { + background-color: #625B5B; + color: white; + padding: 20px; + text-align: center; +} + +nav a { + font-weight: bold; + background-color: #EAEAEA; + color: #625B5B; + padding: 10px; + margin: 50px; + border-radius: 20px; + text-decoration: none; +} + +nav a:hover { + background-color: #625B5B; + color: #EAEAEA; + border: 1px solid #EAEAEA; +} + +table { + border: 1px dashed #625B5B; + width: 60%; + margin-left: 40px; + text-align: center; +} + +main { + padding: 20px; +}