diff --git a/index.html b/index.html
index 2b87cab..e4f0bdc 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ocena Zachowania</title>
     <link rel="stylesheet" href="css/style.css">
+    <style>
+        .tab {
+            display: none;
+        }
+
+        .tab.active {
+            display: block;
+        }
+    </style>
 </head>
 <body>
 
@@ -16,6 +25,7 @@
         <button onclick="showTab('points')">Ustal punkty</button>
     </div>
 
+    <!-- Zakładka "Ustal punkty" -->
     <div id="points" class="tab">
         <h2>Ustal punkty dla kryteriów</h2>
         <table>
@@ -38,95 +48,179 @@
                     <td>Minimum 85% frekwencja</td>
                     <td><input type="number" id="min-85-punkty" value="20" onchange="calculateStats()"></td>
                 </tr>
-                <tr>
-                    <td>Udział w etapie szkolnym olimpiady</td>
-                    <td><input type="number" id="etap-szkolny-punkty" value="5" onchange="calculateStats()"></td>
-                </tr>
-                <tr>
-                    <td>Udział w etapie rejonowym olimpiady</td>
-                    <td><input type="number" id="etap-rejonowy-punkty" value="5" onchange="calculateStats()"></td>
-                </tr>
-                <tr>
-                    <td>Udział w etapie wojewódzkim olimpiady</td>
-                    <td><input type="number" id="etap-wojewodzki-punkty" value="10" onchange="calculateStats()"></td>
-                </tr>
-                <tr>
-                    <td>Udział w etapie ogólnopolskim olimpiady</td>
-                    <td><input type="number" id="etap-ogolnopolski-punkty" value="10" onchange="calculateStats()"></td>
-                </tr>
+                <!-- Kolejne wiersze... -->
             </tbody>
         </table>
     </div>
 
+    <!-- Zakładka "Kryteria oceny zachowania" -->
     <div id="criteria" class="tab active">
         <h2>Kryteria oceny zachowania - <span id="current-date"></span></h2>
         <div>
             <button onclick="changeDay(-1)">Poprzedni Dzień</button>
             <button onclick="changeDay(1)">Następny Dzień</button>
         </div>
-        <div class="select-class">
-            <p>Wybierz klase:</p>
-            
+        <div>
+            <button onclick="showInnerTab('frekwencja-tab')">Frekwencja</button>
+            <button onclick="showInnerTab('olimpiady-tab')">Olimpiady</button>
+            <button onclick="showInnerTab('konkursy-tab')">Konkursy Szkolne</button>
+            <button onclick="showInnerTab('reprezentacja-tab')">Reprezentacja Szkoły</button>
+            <button onclick="showInnerTab('aktywnosc-tab')">Aktywność</button>
+        </div>
+        <div class="select-class">
+            <p>Wybierz klasę:</p>
+
+            <!-- Frekwencja -->
+            <div id="frekwencja-tab" class="tab active">
+                <h2>Frekwencja</h2>
+                <table>
+                    <thead>
+                        <tr>
+                            <th>Frekwencja 95-100%</th>
+                            <th>Brak godzin nieusprawiedliwionych</th>
+                            <th>Minimum 85% frekwencja</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>...</td>
+                            <td>...</td>
+                            <td>...</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <!-- Olimpiady Tab -->
+            <div id="olimpiady-tab" class="tab">
+                <h2>Olimpiady</h2>
+                <table>
+                    <thead>
+                        <tr>
+                            <th>Etap szkolny</th>
+                            <th>Etap rejonowy</th>
+                            <th>Etap wojewódzki</th>
+                            <th>Etap ogólnopolski</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>...</td>
+                            <td>...</td>
+                            <td>...</td>
+                            <td>...</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <!-- Zakładka Konkursy -->
+            <div id="konkursy-tab" class="tab">
+                <h2>Konkursy Szkolne</h2>
+                <table>
+                    <thead>
+                        <tr>
+                            <th>Udział w konkursach</th>
+                            <th>Wyróżnienie w konkursie</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>...</td>
+                            <td>...</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <!-- Zakładka Reprezentacja -->
+            <div id="reprezentacja-tab" class="tab">
+                <h2>Reprezentacja Szkoły</h2>
+                <table>
+                    <thead>
+                        <tr>
+                            <th>Reprezentacja indywidualna</th>
+                            <th>Reprezentacja zespołowa</th>
+                            <th>Udział w zawodach</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>...</td>
+                            <td>...</td>
+                            <td>...</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <!-- Zakładka Aktywność -->
+            <div id="aktywnosc-tab" class="tab">
+                <h2>Aktywność</h2>
+                <table>
+                    <thead>
+                        <tr>
+                            <th>Organizacja imprez</th>
+                            <th>Funkcje w klasie</th>
+                            <th>Uroczystości okolicznościowe</th>
+                            <th>Udział w poczcie sztandarowym</th>
+                            <th>Pomoc nauczycielowi</th>
+                            <th>Wolontariat</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>...</td>
+                            <td>...</td>
+                            <td>...</td>
+                            <td>...</td>
+                            <td>...</td>
+                            <td>...</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
         </div>
-        <table>
-            <thead>
-                <tr>
-                    <th rowSpan="2"><select class="select-class" id="select-class">
-                        <option value="">Klasa 1</option>
-                        <option value="">Klasa 2</option>
-                        <option value="">Klasa 3</option>
-                    </select></th>
-                    <th colspan="3">Frekwencja</th>
-                    <th colspan="4">Olimpiady</th>
-                    <th colspan="2">Konkursy Szkolne</th>
-                    <th colspan="3">Reprezentacja Szkoły</th>
-                    <th colspan="5">Aktywność</th>
-                </tr>
-                <tr>
-                    <th>Frekwencja 95-100%</th>
-                    <th>Brak godzin nieusprawiedliwionych</th>
-                    <th>Minimum 85% frekwencja</th>
-                    <th>Etap szkolny</th>
-                    <th>Etap rejonowy</th>
-                    <th>Etap wojewódzki</th>
-                    <th>Etap ogólnopolski</th>
-                    <th>Udział w konkursach</th>
-                    <th>Wyróżnienie w konkursie</th>
-                    <th>Reprezentacja indywidualna</th>
-                    <th>Reprezentacja zespołowa</th>
-                    <th>Udział w zawodach</th>
-                    <th>Organizacja imprez</th>
-                    <th>Funkcje w klasie</th>
-                    <th>Uroczystości okolicznościowe</th>
-                    <th>Udział w poczcie sztandarowym</th>
-                    <th>Pomoc nauczycielowi</th>
-                    <th>Wolontariat</th>
-                </tr>
-            </thead>
-            
-            <tbody id="student-table">
-                <!-- Dane uczniów będą generowane dynamicznie -->
-            </tbody>
-        </table>
     </div>
 
+    <!-- Zakładka "Statystyka" -->
     <div id="stats" class="tab">
         <h2>Statystyka dla wszystkich dni</h2>
         <div id="stats"></div>
     </div>
 
     <footer style="margin: 20px">
-        K. Michalak
-    </br>
-        F. Kowalski
-    </br>
+        K. Michalak </br>
+        F. Kowalski </br>
         Led and Authored by M. Pabiszczak
     </footer>
 
-    
+    <script>
+        // Funkcja do przełączania głównych zakładek
+        function showTab(tabId) {
+            // Ukryj wszystkie główne taby
+            const tabs = document.querySelectorAll('.tab');
+            tabs.forEach(tab => tab.classList.remove('active'));
 
-    <script type="module" src="js/script.js"></script>
+            // Pokaż wybrany tab
+            document.getElementById(tabId).classList.add('active');
+        }
 
+        // Funkcja do przełączania wewnętrznych zakładek (Frekwencja, Olimpiady, itp.)
+        function showInnerTab(innerTabId) {
+            // Ukryj wszystkie wewnętrzne zakładki
+            const innerTabs = document.querySelectorAll('#criteria .tab');
+            innerTabs.forEach(innerTab => innerTab.classList.remove('active'));
+
+            // Pokaż wybrany wewnętrzny tab
+            document.getElementById(innerTabId).classList.add('active');
+        }
+
+        // Funkcja, aby ustawić domyślną zakładkę
+        document.addEventListener("DOMContentLoaded", function() {
+            showInnerTab('frekwencja-tab'); // Pokaż domyślnie zakładkę Frekwencja
+        });
+    </script>
 
 </body>
 </html>

Minimum 85% frekwencja
Udział w etapie szkolnym olimpiady
Udział w etapie rejonowym olimpiady
Udział w etapie wojewódzkim olimpiady
Udział w etapie ogólnopolskim olimpiady