Hugging Face's logo

Spaces:
sansebuch
/
deepsite-project
Running

App Files Community
sansebuch commited on
Commit
5667891
·
verified ·
1 Parent(s): 2a578ec

strona www firmy, na ktorej bedzie FAQ, RODO oraz komponent do sprawdzenia terminu wydania materiałów

Browse files
Files changed (4) hide show
  1. faq.html +50 -0
  2. index.html +36 -18
  3. rodo.html +55 -0
  4. terminy.html +77 -0
faq.html ADDED
@@ -0,0 +1,50 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>FAQ - Firma</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ </head>
10
+ <body class="bg-gray-100">
11
+ <nav class="bg-blue-600 text-white p-4">
12
+ <div class="container mx-auto flex justify-between items-center">
13
+ <h1 class="text-xl font-bold">Nazwa Firmy</h1>
14
+ <ul class="flex space-x-6">
15
+ <li><a href="index.html" class="hover:underline">Strona Główna</a></li>
16
+ <li><a href="faq.html" class="hover:underline">FAQ</a></li>
17
+ <li><a href="rodo.html" class="hover:underline">RODO</a></li>
18
+ <li><a href="terminy.html" class="hover:underline">Sprawdź Termin</a></li>
19
+ </ul>
20
+ </div>
21
+ </nav>
22
+
23
+ <main class="container mx-auto mt-8 p-4">
24
+ <div class="bg-white rounded-lg shadow-md p-6">
25
+ <h2 class="text-2xl font-bold mb-4">Często Zadawane Pytania (FAQ)</h2>
26
+
27
+ <div class="mb-6">
28
+ <h3 class="text-xl font-semibold mb-2">Jak sprawdzić termin wydania materiału?</h3>
29
+ <p class="text-gray-700">Przejdź do zakładki "Sprawdź Termin" i wprowadź numer zamówienia.</p>
30
+ </div>
31
+
32
+ <div class="mb-6">
33
+ <h3 class="text-xl font-semibold mb-2">Jakie są metody płatności?</h3>
34
+ <p class="text-gray-700">Akceptujemy przelewy bankowe, karty płatnicze oraz płatności online.</p>
35
+ </div>
36
+
37
+ <div class="mb-6">
38
+ <h3 class="text-xl font-semibold mb-2">Czy oferujecie wsparcie techniczne?</h3>
39
+ <p class="text-gray-700">Tak, nasze wsparcie techniczne jest dostępne od poniedziałku do piątku w godzinach 8:00-16:00.</p>
40
+ </div>
41
+ </div>
42
+ </main>
43
+
44
+ <footer class="bg-gray-800 text-white p-4 mt-8">
45
+ <div class="container mx-auto text-center">
46
+ <p>&copy; 2023 Nazwa Firmy. Wszelkie prawa zastrzeżone.</p>
47
+ </div>
48
+ </footer>
49
+ </body>
50
+ </html>
index.html CHANGED
@@ -1,19 +1,37 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="pl">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Firma - Strona Główna</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ </head>
11
+ <body class="bg-gray-100">
12
+ <nav class="bg-blue-600 text-white p-4">
13
+ <div class="container mx-auto flex justify-between items-center">
14
+ <h1 class="text-xl font-bold">Nazwa Firmy</h1>
15
+ <ul class="flex space-x-6">
16
+ <li><a href="index.html" class="hover:underline">Strona Główna</a></li>
17
+ <li><a href="faq.html" class="hover:underline">FAQ</a></li>
18
+ <li><a href="rodo.html" class="hover:underline">RODO</a></li>
19
+ <li><a href="terminy.html" class="hover:underline">Sprawdź Termin</a></li>
20
+ </ul>
21
+ </div>
22
+ </nav>
23
+
24
+ <main class="container mx-auto mt-8 p-4">
25
+ <div class="bg-white rounded-lg shadow-md p-6">
26
+ <h2 class="text-2xl font-bold mb-4">Witamy w naszej firmie</h2>
27
+ <p class="text-gray-700">Jesteśmy firmą specjalizującą się w produkcji materiałów. Skorzystaj z naszych usług i sprawdź terminy wydania materiałów.</p>
28
+ </div>
29
+ </main>
30
+
31
+ <footer class="bg-gray-800 text-white p-4 mt-8">
32
+ <div class="container mx-auto text-center">
33
+ <p>&copy; 2023 Nazwa Firmy. Wszelkie prawa zastrzeżone.</p>
34
+ </div>
35
+ </footer>
36
+ </body>
37
  </html>
rodo.html ADDED
@@ -0,0 +1,55 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>RODO - Firma</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ </head>
10
+ <body class="bg-gray-100">
11
+ <nav class="bg-blue-600 text-white p-4">
12
+ <div class="container mx-auto flex justify-between items-center">
13
+ <h1 class="text-xl font-bold">Nazwa Firmy</h1>
14
+ <ul class="flex space-x-6">
15
+ <li><a href="index.html" class="hover:underline">Strona Główna</a></li>
16
+ <li><a href="faq.html" class="hover:underline">FAQ</a></li>
17
+ <li><a href="rodo.html" class="hover:underline">RODO</a></li>
18
+ <li><a href="terminy.html" class="hover:underline">Sprawdź Termin</a></li>
19
+ </ul>
20
+ </div>
21
+ </nav>
22
+
23
+ <main class="container mx-auto mt-8 p-4">
24
+ <div class="bg-white rounded-lg shadow-md p-6">
25
+ <h2 class="text-2xl font-bold mb-4">Klauzula RODO</h2>
26
+
27
+ <div class="mb-6">
28
+ <h3 class="text-xl font-semibold mb-2">Administrator Danych</h3>
29
+ <p class="text-gray-700">Administratorem Twoich danych osobowych jest Nazwa Firmy z siedzibą przy ul. Przykładowej 1, 00-000 Warszawa.</p>
30
+ </div>
31
+
32
+ <div class="mb-6">
33
+ <h3 class="text-xl font-semibold mb-2">Cel Przetwarzania Danych</h3>
34
+ <p class="text-gray-700">Twoje dane osobowe są przetwarzane w celu realizacji usług oferowanych przez naszą firmę oraz w celach marketingowych.</p>
35
+ </div>
36
+
37
+ <div class="mb-6">
38
+ <h3 class="text-xl font-semibold mb-2">Prawa Użytkownika</h3>
39
+ <p class="text-gray-700">Masz prawo do dostępu do swoich danych, ich sprostowania, usunięcia, ograniczenia przetwarzania oraz wniesienia sprzeciwu.</p>
40
+ </div>
41
+
42
+ <div class="mb-6">
43
+ <h3 class="text-xl font-semibold mb-2">Kontakt</h3>
44
+ <p class="text-gray-700">W sprawach związanych z ochroną danych osobowych możesz skontaktować się z nami pod adresem email: rodo@firma.pl</p>
45
+ </div>
46
+ </div>
47
+ </main>
48
+
49
+ <footer class="bg-gray-800 text-white p-4 mt-8">
50
+ <div class="container mx-auto text-center">
51
+ <p>&copy; 2023 Nazwa Firmy. Wszelkie prawa zastrzeżone.</p>
52
+ </div>
53
+ </footer>
54
+ </body>
55
+ </html>
terminy.html ADDED
@@ -0,0 +1,77 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sprawdź Termin - Firma</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ </head>
10
+ <body class="bg-gray-100">
11
+ <nav class="bg-blue-600 text-white p-4">
12
+ <div class="container mx-auto flex justify-between items-center">
13
+ <h1 class="text-xl font-bold">Nazwa Firmy</h1>
14
+ <ul class="flex space-x-6">
15
+ <li><a href="index.html" class="hover:underline">Strona Główna</a></li>
16
+ <li><a href="faq.html" class="hover:underline">FAQ</a></li>
17
+ <li><a href="rodo.html" class="hover:underline">RODO</a></li>
18
+ <li><a href="terminy.html" class="hover:underline">Sprawdź Termin</a></li>
19
+ </ul>
20
+ </div>
21
+ </nav>
22
+
23
+ <main class="container mx-auto mt-8 p-4">
24
+ <div class="bg-white rounded-lg shadow-md p-6 max-w-md mx-auto">
25
+ <h2 class="text-2xl font-bold mb-4 text-center">Sprawdź Termin Wydania Materiału</h2>
26
+
27
+ <form id="checkTermForm" class="space-y-4">
28
+ <div>
29
+ <label for="orderNumber" class="block text-sm font-medium text-gray-700">Numer Zamówienia</label>
30
+ <input type="text" id="orderNumber" name="orderNumber"
31
+ class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"
32
+ required>
33
+ </div>
34
+
35
+ <button type="submit" class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
36
+ Sprawdź Termin
37
+ </button>
38
+ </form>
39
+
40
+ <div id="result" class="mt-6 hidden p-4 rounded-md bg-gray-50 border border-gray-200">
41
+ <h3 class="text-lg font-semibold mb-2">Informacje o Zamówieniu</h3>
42
+ <p id="resultText" class="text-gray-700"></p>
43
+ </div>
44
+ </div>
45
+ </main>
46
+
47
+ <footer class="bg-gray-800 text-white p-4 mt-8">
48
+ <div class="container mx-auto text-center">
49
+ <p>&copy; 2023 Nazwa Firmy. Wszelkie prawa zastrzeżone.</p>
50
+ </div>
51
+ </footer>
52
+
53
+ <script>
54
+ document.getElementById('checkTermForm').addEventListener('submit', function(e) {
55
+ e.preventDefault();
56
+ const orderNumber = document.getElementById('orderNumber').value;
57
+ const resultDiv = document.getElementById('result');
58
+ const resultText = document.getElementById('resultText');
59
+
60
+ // Symulacja sprawdzenia terminu
61
+ const fakeData = {
62
+ '12345': 'Termin wydania materiału: 2023-12-15',
63
+ '67890': 'Termin wydania materiału: 2023-12-20',
64
+ '11111': 'Termin wydania materiału: 2023-12-25'
65
+ };
66
+
67
+ if (fakeData[orderNumber]) {
68
+ resultText.textContent = fakeData[orderNumber];
69
+ resultDiv.classList.remove('hidden');
70
+ } else {
71
+ resultText.textContent = 'Nie znaleziono zamówienia o podanym numerze.';
72
+ resultDiv.classList.remove('hidden');
73
+ }
74
+ });
75
+ </script>
76
+ </body>
77
+ </html>