https://ig24.pl/kontakt.php

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>Formularz Kontaktowy - ig24.pl</title>
8    <style>
9        body {
10            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
11            line-height: 1.6;
12            margin: 0;
13            padding: 20px;
14            background-color: #f4f4f4;
15            color: #333;
16        }
17        .container {
18            max-width: 600px;
19            margin: 30px auto;
20            padding: 25px;
21            background-color: #fff;
22            border-radius: 8px;
23            box-shadow: 0 0 15px rgba(0,0,0,0.1);
24        }
25        h2 {
26            text-align: center;
27            color: #333;
28            margin-bottom: 20px;
29        }
30        .form-group {
31            margin-bottom: 20px;
32        }
33        label {
34            display: block;
35            margin-bottom: 8px;
36            font-weight: bold;
37        }
38        input[type="text"],
39        input[type="email"],
40        textarea {
41            width: 100%;
42            padding: 12px;
43            border: 1px solid #ddd;
44            border-radius: 4px;
45            box-sizing: border-box; /* Aby padding nie zwiększał szerokości */
46            font-size: 16px;
47        }
48        textarea {
49            min-height: 120px;
50            resize: vertical;
51        }
52        .error-message {
53            color: #d9534f; /* Czerwony */
54            font-size: 0.9em;
55            margin-top: 5px;
56        }
57        .success-message {
58            color: #5cb85c; /* Zielony */
59            background-color: #dff0d8;
60            border: 1px solid #d6e9c6;
61            padding: 15px;
62            margin-bottom: 20px;
63            border-radius: 4px;
64            text-align: center;
65        }
66        .general-error-message {
67            color: #d9534f;
68            background-color: #f2dede;
69            border: 1px solid #ebccd1;
70            padding: 15px;
71            margin-bottom: 20px;
72            border-radius: 4px;
73            text-align: center;
74        }
75        .consent-group {
76            display: flex;
77            align-items: flex-start; /* Lepsze wyrównanie dla długich etykiet */
78            margin-top: 10px;
79        }
80        .consent-group input[type="checkbox"] {
81            margin-right: 10px;
82            margin-top: 5px; /* Dopasowanie do linii tekstu */
83            width: auto; /* Przywrócenie domyślnej szerokości dla checkboxa */
84            flex-shrink: 0; /* Zapobiega kurczeniu się checkboxa */
85        }
86        .consent-group label {
87            font-weight: normal;
88            font-size: 0.95em;
89            line-height: 1.4;
90        }
91        button[type="submit"] {
92            display: block;
93            width: 100%;
94            padding: 12px 20px;
95            background-color: #007bff;
96            color: white;
97            border: none;
98            border-radius: 4px;
99            cursor: pointer;
100            font-size: 16px;
101            transition: background-color 0.3s ease;
102        }
103        button[type="submit"]:hover {
104            background-color: #0056b3;
105        }
106        /* Styl dla wymaganych pól (opcjonalnie) */
107        label.required::after {
108            content: " *";
109            color: #d9534f;
110        }
111    </style>
112</head>
113<body>
114
115<div class="container">
116    <h2>Skontaktuj się z nami (ig24.pl)</h2>
117
118    
119        
120        <form id="contactForm" method="post" action="/kontakt.php" novalidate>
121        <div class="form-group">
122            <label for="imie" class="required">Imię:</label>
123            <input type="text" id="imie" name="imie" value="" required>
124                    </div>
125
126        <div class="form-group">
127            <label for="email" class="required">Adres e-mail:</label>
128            <input type="email" id="email" name="email" value="" required>
129                    </div>
130
131        <div class="form-group">
132            <label for="wiadomosc" class="required">Wiadomość:</label>
133            <textarea id="wiadomosc" name="wiadomosc" rows="5" required></textarea>
134                    </div>
135
136        <div class="form-group consent-group">
137            <input type="checkbox" id="zgoda" name="zgoda" value="tak"  required>
138            <label for="zgoda" class="required">
139                Wyrażam zgodę na przetwarzanie moich danych osobowych (imię, adres e-mail) podanych w powyższym formularzu w celu obsługi mojego zapytania oraz udzielenia odpowiedzi. Administratorem Twoich danych osobowych jest ig24.pl. Masz prawo dostępu do swoich danych, ich sprostowania, usunięcia, ograniczenia przetwarzania, wniesienia sprzeciwu oraz przenoszenia danych. Podanie danych jest dobrowolne, ale niezbędne do przetworzenia zapytania. Więcej informacji znajdziesz w naszej <a href="/" target="_blank">Polityce Prywatności</a>.
140            </label>
141        </div>
142        
143
144        <button type="submit">Wyślij wiadomość</button>
145    </form>
146    
147</div>
148
149</body>
150</html>