diff --git a/kettes.html b/kettes.html
index 91615f7..886c92c 100644
--- a/kettes.html
+++ b/kettes.html
@@ -1,62 +1,72 @@
 <!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>Kettes 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="#">Kettes 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="#">Kettes 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 kettes számrendszer</h4>
-      <p> A kettes, más néven bináris számrendszerbeli számok a 0 és az 1 számjegyekből állnak. A számítógépen leggyakrabban nyolc számjegyből álló bináris számokkal találkozhatunk. A nyolc számjegyen ábrázolható legnagyobb érték a 255, az alábbiak szerint:
-        255=(128+64+32+16+8+4+2+1).</p> 
-        <p>Átváltás decimális számrendszerből bináris számrendszerbe</p>
-          <p>A tízes (decimális) számrendszerbeli számokat kettővel való maradékos osztással tudjuk a legegyszerűbben bináris számrendszerbeli számmá alakítani.
-        Az átalakítandó számot osszuk el kettővel. Minden osztásnál jegyezzük fel a maradékot. Folytassuk az egészrésszel való osztást, amíg nullát nem kapunk.
-        Lássunk erre egy példát! Az átváltandó szám: 8110.</p>
-        <p>Az így kapott maradékokat lentről felfelé olvasva kapjuk meg a bináris számot: 10100012.</p>
+    </nav>
+    
+    <div class="container mt-5 pt-5">
+        <h2 class="mt-4 text-center">A Kettes Számrendszer</h2>
+        <p class="lead text-center">A bináris számrendszer alapelvei és átváltási módszerei</p>
+        <hr>
         
-       <a href=" https://tudasbazis.sulinet.hu/hu/0d0cc85d-f7b5-41fb-aec0-d1b8362c7ebf_e90c4562-46d5-4b3a-a5ed-d640f67b512a_6651911b-e906-4b68-9345-3f3bccdc1ea4_1ac87c22-1b0a-4de8-8899-17aece4b2826_618473ca-c3b7-47dc-bcd6-da981ba892fe_758f0dd3-e04c-471a-a26a-853f110f4bc6"> https://tudasbazis.sulinet.hu/hu/0d0cc85d-f7b5-41fb-aec0-d1b8362c7ebf_e90c4562-46d5-4b3a-a5ed-d640f67b512a_6651911b-e906-4b68-9345-3f3bccdc1ea4_1ac87c22-1b0a-4de8-8899-17aece4b2826_618473ca-c3b7-47dc-bcd6-da981ba892fe_758f0dd3-e04c-471a-a26a-853f110f4bc6</a>
-        <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSenna4QwQzB5cpxNgXGv2GFPYWzQo0iz6LkhdH9TbaK3xa1Mg/viewform?embedded=true" width="640" height="2757" frameborder="0" marginheight="0" marginwidth="0">Betöltés…</iframe>
+        <div class="card shadow-lg p-4 mb-4">
+            <p> A kettes, más néven bináris számrendszerbeli számok a 0 és az 1 számjegyekből állnak. A számítógépen leggyakrabban nyolc számjegyből álló bináris számokkal találkozhatunk. A nyolc számjegyen ábrázolható legnagyobb érték a 255, az alábbiak szerint:</p>
+            <p class="fw-bold">255 = 128 + 64 + 32 + 16 + 8 + 4 + 2 + 1</p>
+        </div>
+        
+        <div class="card shadow-lg p-4 mb-4 bg-light">
+            <h4>Átváltás decimális számrendszerből bináris számrendszerbe</h4>
+            <p>A tízes (decimális) számrendszerbeli számokat kettővel való maradékos osztással tudjuk a legegyszerűbben bináris számrendszerbeli számmá alakítani.
+              Az átalakítandó számot osszuk el kettővel. Minden osztásnál jegyezzük fel a maradékot. Folytassuk az egészrésszel való osztást, amíg nullát nem kapunk.</p>
+        </div>
+
+        <div class="card shadow-lg p-4 mb-4 bg-light">
+          <h4>Lássunk erre egy példát! Az átváltandó szám: 8110.</h4>
+          <p>Az így kapott maradékokat lentről felfelé olvasva kapjuk meg a bináris számot: <strong>10100012</strong>.</p>
+      </div>
+        
+        <div class="text-center">
+            <a class="btn btn-primary mt-3" href="https://tudasbazis.sulinet.hu">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/1FAIpQLSenna4QwQzB5cpxNgXGv2GFPYWzQo0iz6LkhdH9TbaK3xa1Mg/viewform?embedded=true" height="600"></iframe>
+    </div>
 </body>
 </html>
\ No newline at end of file