diff --git a/web/static/styles.css b/web/static/styles.css
index 0fe155a..703870e 100644
--- a/web/static/styles.css
+++ b/web/static/styles.css
@@ -533,6 +533,31 @@ textarea.form-control {
     font-size: 0.95rem;
 }
 
+.about-codes-section {
+    text-align: left;
+    background: rgba(255, 255, 255, 0.05);
+    padding: 15px;
+    border-radius: 8px;
+    margin-bottom: 20px;
+}
+
+.about-codes-section h3 {
+    margin-top: 0;
+    font-size: 1rem;
+    color: #1f8a46;
+}
+
+.about-codes-list {
+    list-style: none;
+    padding: 0;
+    margin: 10px 0 0 0;
+}
+
+.about-codes-list li {
+    margin-bottom: 5px;
+    font-size: 0.95rem;
+}
+
 .btn-primary {
     background-color: #1f8a46;
     color: white;
diff --git a/web/templates/index.html b/web/templates/index.html
index 06f13b6..b3db2d1 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -95,6 +95,17 @@
                     <h3>Avtorji:</h3>
                     <ul id="about-authors" class="about-authors-list"></ul>
                 </div>
+                <div class="about-codes-section">
+                    <h3>Posebne kode:</h3>
+                    <ul class="about-codes-list">
+                        <li><strong>9999</strong>: Izklop računalnika</li>
+                        <li><strong>9998</strong>: Ponovni zagon računalnika</li>
+                        <li><strong>9997</strong>: Ponovni zagon programa</li>
+                        <li><strong>9988</strong>: Izhod iz programa</li>
+                        <li><strong>9901</strong>: Posodobitev baze pesmi</li>
+                        <li><strong>9900</strong>: Informacije o programu</li>
+                    </ul>
+                </div>
             </div>
             <div class="modal-footer">
                 <button id="about-close-btn" class="btn-primary">Zapri</button>