diff --git a/nyolcas.html b/nyolcas.html
index 4001520..26f0978 100644
--- a/nyolcas.html
+++ b/nyolcas.html
@@ -1,65 +1,76 @@
<!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>Nyolcas 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="#">Nyolcas 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="#">Nyolcas 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 nyolcas számrendszer</h4>
- <p>A nyolcas számrendszer vagy oktális számrendszer a 8-as számon alapuló számrendszer. Nyolc számjegy: 0, 1, 2, 3, 4, 5, 6, 7 segítségével ábrázolja a számokat.</p> <p>Ha decimális számrendszerbeli számot szeretnél átalakítani oktális számrendszerbeli számra, akkor először is a számot bináris, avagy kettes számrendszerbeli alakjába kell átírni. Kettes számrendszerből úgy lehet átírni a számokat, hogy hátulról hármasával csoportosítjuk.</p> <p>Például a decimális 74, bináris alakban 1001010, ami 001 001 010 alakra bontható, így a nyolcas számrendszerben ez 112. Ezt azért lehet megtenni, mert 8=2<sup>3</sup>. A legkönnyebben megérthető módszer az, hogy megnézzük, hányszor van meg benne a lehető legnagyobb 8-hatvány, és ezt ismételjük, amíg nullát nem kapunk.</p>
-
-<h5>Példa:</h5>
-
-<p>125/8<sup>2</sup>=1</p>
-<p>125-((8<sup>2</sup>)*1)=61</p>
-<p>61/8<sup>1</sup>=7</p>
-<p>61-((8<sup>1</sup>)*7)=5</p>
-<p>Tízes számrendszerben: 125</p>
-<p>Nyolcas számrendszerben: 175</p>
-
-<a href="https://hu.wikipedia.org/wiki/Nyolcas_sz%C3%A1mrendszer">https://hu.wikipedia.org/wiki/Nyolcas_sz%C3%A1mrendszer</a>
-<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScezibr2mZj8JQLl6w3Q0XZ1az_ThEelX4d8gxMHEt7CY18cw/viewform?embedded=true" width="640" height="2808" frameborder="0" marginheight="0" marginwidth="0">Betöltés…</iframe>
+ </nav>
+
+ <div class="container mt-5 pt-5">
+ <h2 class="mt-4 text-center">A Nyolcas Számrendszer</h2>
+ <p class="lead text-center">Az oktális számrendszer alapelvei és átváltási módszerei</p>
+ <hr>
+
+ <div class="card shadow-lg p-4 mb-4">
+ <p>A nyolcas számrendszer vagy oktális számrendszer a 8-as számon alapuló számrendszer. Nyolc számjegy: 0, 1, 2, 3, 4, 5, 6, 7 segítségével ábrázolja a számokat.</p>
+ <p>Ha decimális számrendszerbeli számot szeretnél átalakítani oktális számrendszerbeli számra, akkor először is a számot bináris, avagy kettes számrendszerbeli alakjába kell átírni. Kettes számrendszerből úgy lehet átírni a számokat, hogy hátulról hármasával csoportosítjuk.</p>
+ </div>
+
+ <div class="card shadow-lg p-4 mb-4 bg-light">
+ <h4>Példa átváltásra</h4>
+ <p>Például a decimális 74, bináris alakban 1001010, ami 001 001 010 alakra bontható, így a nyolcas számrendszerben ez 112. Ezt azért lehet megtenni, mert 8=2<sup>3</sup>. A legkönnyebben megérthető módszer az, hogy megnézzük, hányszor van meg benne a lehető legnagyobb 8-hatvány, és ezt ismételjük, amíg nullát nem kapunk.</p>
+ </div>
+
+ <div class="card shadow-lg p-4 mb-4 bg-light">
+ <h4>További példa:</h4>
+ <p>125 / 8<sup>2</sup> = 1</p>
+ <p>125 - ((8<sup>2</sup>) * 1) = 61</p>
+ <p>61 / 8<sup>1</sup> = 7</p>
+ <p>61 - ((8<sup>1</sup>) * 7) = 5</p>
+ <p><strong>Tízes számrendszerben: 125</strong></p>
+ <p><strong>Nyolcas számrendszerben: 175</strong></p>
+ </div>
+
+ <div class="text-center">
+ <a class="btn btn-primary mt-3" href="https://hu.wikipedia.org/wiki/Nyolcas_sz%C3%A1mrendszer">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/1FAIpQLScezibr2mZj8JQLl6w3Q0XZ1az_ThEelX4d8gxMHEt7CY18cw/viewform?embedded=true" height="600"></iframe>
+ </div>
</body>
</html>
\ No newline at end of file