<!DOCTYPE html>

<html lang="hu">

<head>

<meta charset="UTF-8">

<meta content="width=device-width, initial-scale=1.0">

<title>Adatkezelési Hozzájárulás</title>

<style>

body {

font-family: Arial, sans-serif;

line-height: 1.6;

margin: 20px;

background-color: #f4f4f9;

}

form {

max-width: 500px;

margin: auto;

padding: 20px;

background: #fff;

border: 1px solid #ddd;

border-radius: 8px;

}

h3 {

text-align: center;

color: #333;

}

label {

display: block;

margin-bottom: 8px;

font-weight: bold;

}

input[type="text"],

input[type="tel"] {

width: 100%;

padding: 8px;

margin-bottom: 20px;

border: 1px solid #ccc;

border-radius: 4px;

}

input[type="checkbox"] {

margin-right: 10px;

}

button {

display: block;

width: 100%;

padding: 10px;

background: #28a745;

color: #fff;

border: none;

border-radius: 4px;

font-size: 16px;

cursor: pointer;

text-align: center;

}

button:hover {

background: #218838;

}

.info {

font-size: 14px;

color: #555;

margin-bottom: 20px;

}

.info a {

color: #007bff;

text-decoration: none;

}

.info a:hover {

text-decoration: underline;

}

</style>

</head>

<body>

<form>

<h3>Adatkezelési Hozzájárulás</h3>

<p class="info">

Tájékoztatjuk, hogy az Ön által megadott adatokat (név, telefonszám) kizárólag kapcsolatfelvétel és időpont-egyeztetés céljából kezeljük.

Az adatkezelési tájékoztató teljes szövege elérhető <a href="https://your-webnode-url/adatvedelem.pdf" target="_blank">itt</a>.

</p>

<label for="name">Teljes név:</label>

<input type="text" placeholder="Adja meg a nevét" required>

<label for="phone">Telefonszám:</label>

<input type="tel" placeholder="+36 20 123 4567" required>

<input type="checkbox" required>

<label for="gdpr">Kijelentem, hogy elolvastam és elfogadom az adatkezelési tájékoztatót.</label>

<button type="button" onclick="window.open('https://your-webnode-url/adatvedelem.pdf', '_blank')">

Adatkezelési Tájékoztató Megnyitása

</button>

</form>

</body>

</html>