diff --git a/tizenhatos.html b/tizenhatos.html
index d273867..45e28e0 100644
--- a/tizenhatos.html
+++ b/tizenhatos.html
@@ -1,73 +1,84 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
- <link rel="stylesheet" href="szamrendszerp.css">
- <link rel="stylesheet" href="ism.css">
- <link rel="stylesheet" href="szamp.css">
+ <title>Tizenhatos Számrendszer Ismertetője</title>
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+ <link rel="stylesheet" href="szamp.css">
</head>
<body>
<nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid">
- <a class="navbar-brand" href="#">Tizenhatos számrendszer ismertetője</a>
- <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
- <div class="offcanvas-header">
- <h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Átváltó, és ismertetők</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+ <a class="navbar-brand" href="#">Tizenhatos Számrendszer Ismertetője</a>
+ <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="offcanvas offcanvas-end text-bg-dark" id="offcanvasDarkNavbar">
+ <div class="offcanvas-header">
+ <h5 class="offcanvas-title">Átváltó és Ismertetők</h5>
+ <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
+ </div>
+ <div class="offcanvas-body">
+ <ul class="navbar-nav">
+ <li class="nav-item"><a class="nav-link active" href="fooldal.html">Főoldal</a></li>
+ <li class="nav-item"><a class="nav-link" href="szamrendszer.html">Átváltó</a></li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Ismertetők</a>
+ <ul class="dropdown-menu dropdown-menu-dark">
+ <li><a class="dropdown-item" href="kettes.html">Kettes számrendszer</a></li>
+ <li><a class="dropdown-item" href="nyolcas.html">Nyolcas számrendszer</a></li>
+ <li><a class="dropdown-item" href="tizes.html">Tízes számrendszer</a></li>
+ <li><a class="dropdown-item" href="tizenhatos.html">Tizenhatos számrendszer</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- <div class="offcanvas-body">
- <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="fooldal.html">Főoldal</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="szamrendszer.html">Átvátó</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Ismertetők
- </a>
- <ul class="dropdown-menu dropdown-menu-dark">
- </li>
- <li><a class="dropdown-item" href="kettes.html">Kettes számrendszer</a></li>
- <li><a class="dropdown-item" href="nyolcas.html">Nyolcas számrendszer</a></li>
- <li><a class="dropdown-item" href="tizes.html">Tízes számrendszer</a></li>
- <li><a class="dropdown-item" href="tizenhatos.html">Tizenhatos számrendszer</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
</div>
- </nav>
- <h4>A tizenhatos számrendszer</h4>
- <p>A tizenhatos számrendszerben 16 számjegy van: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F</p>
-<p>A betűk értékei:</p>
-<p>A=10</p>
-<p>B=11</p>
-<p>C=12</p>
-<p>D=13</p>
-<p>E=14</p>
-<p>F=15</p>
-<p>Tizes számrendszerbeli számot hasonló módon számítjuk át, mint egy bináris számot decimális
-számrendszerbe.
-Az adott számot mindig osztjuk 16-tal.</p>
-<p>Tehát: </p>
-<p>183:16=11, marad 7</p>
-<p>11:16=0, marad 11</p>
-<p> folytatjuk, amíg az osztás eredménye 0 nem lesz.
-..és alulról felfelé olvasva kapjuk a B7-et, tehát :</p>
-<p>Tizes számrendszerben : 183</p>
-<p>Tizenhatos számrendszerben: B7</p>
+ </nav>
+
+ <div class="container mt-5 pt-5">
+ <h2 class="mt-4 text-center">A Tizenhatos Számrendszer</h2>
+ <p class="lead text-center">A hexadecimális számrendszer alapelvei és átváltási módszerei</p>
+ <hr>
+
+ <div class="card shadow-lg p-4 mb-4">
+ <p>A tizenhatos számrendszerben 16 számjegy van: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.</p>
+ <p class="fw-bold">A betűk értékei:</p>
+ <ul>
+ <li>A = 10</li>
+ <li>B = 11</li>
+ <li>C = 12</li>
+ <li>D = 13</li>
+ <li>E = 14</li>
+ <li>F = 15</li>
+ </ul>
+ </div>
+
+ <div class="card shadow-lg p-4 mb-4 bg-light">
+ <h4>Átváltás decimális számrendszerből hexadecimális számrendszerbe</h4>
+ <p>A tizes számrendszerbeli számokat 16-tal való osztással tudjuk hexadecimális számrendszerbe alakítani.
+ Az osztás során a maradékokat feljegyezzük, és alulról felfelé olvasva kapjuk meg a hexadecimális számot.</p>
+ </div>
-<a href="https://gy-szekely.cms.intezmeny.edir.hu/uploads/Szamrendszerek_7f7df759f9.pdf"> https://gy-szekely.cms.intezmeny.edir.hu/uploads/Szamrendszerek_7f7df759f9.pdf</a>
-<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf_mwuOYsI12-f6hThUx2ah8X0MgJLCLcw8lem6EI2-y-7zQA/viewform?embedded=true" width="640" height="3536" frameborder="0" marginheight="0" marginwidth="0">Betöltés…</iframe>
+ <div class="card shadow-lg p-4 mb-4 bg-light">
+ <h4>Példa: 183 átváltása hexadecimális számrendszerbe</h4>
+ <p>183 : 16 = 11, maradék 7</p>
+ <p>11 : 16 = 0, maradék 11</p>
+ <p>Az így kapott szám alulról felfelé olvasva: <strong>B7</strong></p>
+ <p class="fw-bold">Tizes számrendszerben: 183</p>
+ <p class="fw-bold">Tizenhatos számrendszerben: B7</p>
+ </div>
+
+ <div class="text-center">
+ <a class="btn btn-primary mt-3" href="https://gy-szekely.cms.intezmeny.edir.hu/uploads/Szamrendszerek_7f7df759f9.pdf">Bővebb információ</a>
+ </div>
+ </div>
+
+ <div class="container my-5">
+ <iframe class="w-100 border rounded shadow" src="https://docs.google.com/forms/d/e/1FAIpQLSf_mwuOYsI12-f6hThUx2ah8X0MgJLCLcw8lem6EI2-y-7zQA/viewform?embedded=true" height="600"></iframe>
+ </div>
</body>
</html>
\ No newline at end of file