<!DOCTYPE html>
<html>
<head>
	<title>Nachytaný útok</title>
	<style>
		.container {
			width: 50%;
			margin: 0 auto;
			text-align: center;
		}
		h1 {
			font-size: 36px;
			margin-bottom: 40px;
		}

		p {
			font-size: 24px;
			margin-bottom: 20px;
		}

		.button {
			display: inline-block;
			background-color: #4CAF50;
			color: white;
			padding: 10px 20px;
			font-size: 24px;
			cursor: pointer;
			border: none;
			border-radius: 5px;
		}

		.button:hover {
			background-color: #3e8e41;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>Bol si nachytaný u útoku pomocou sociálneho inžinierstva</h1>
		<p>Pre informáciu, sociálne inžinierstvo je manipulatívna technika založená na zneužívaní ľudských slabostí s cieľom získať neoprávnený prístup k citlivým informáciám alebo zdrojom. </p>
		<button class="button" onclick="window.open('soc-info.html')">Zisti viac o sociálnom inžinierstve</button>
	</div>
</body>
</html>