diff --git a/index.html b/index.html
index ad9ccade..0f43092c 100644
--- a/index.html
+++ b/index.html
@@ -1,22 +1,57 @@
 <!DOCTYPE html>
-<html>
-  <head>
+<html lang="ru">
+<head>
     <meta charset="utf-8">
-    <title>Javascript and Debugging</title>
-  </head>
+    <title>JavaScript и Отладка</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 20px;
+            background-color: #f5f5f5;
+        }
 
-  <body>
+        h3 {
+            color: #2c3e50;
+        }
 
-    <h3><a href="SpecRunner.html" target="_blank">Click here</a> to open the Spec Runner to track your progress.</a></h3>
+        a {
+            color: #3498db;
+            text-decoration: none;
+        }
 
-    <p>To use the debugger, right click this page and press Inspect. You can also use the hotkey combination of L-CTRL ( Mac: L-Command ) + L-SHIFT + C</p>
-    
-    <p>Now that the debugger is visible on your screen, look for the <b>Sources</b> tab and open it.</p>
+            a:hover {
+                text-decoration: underline;
+            }
 
-    <p>If you do not see the <b>practice.js</b> file appear in the list, refresh the page while you have the debugger open and the <b>Sources</b> tab active.</p>
+        p {
+            margin-bottom: 15px;
+        }
 
-    <p>For more information, checkout: <a href="https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3">Chrome DevTools</a></p>
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            background: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+    </style>
+</head>
 
-    <script src="practice.js"></script>
-  </body>
-</html>
+<body>
+    <div class="container">
+        <h3><a href="SpecRunner.html" target="_blank">Нажмите здесь</a> чтобы открыть Spec Runner для отслеживания прогресса.</h3>
+
+        <p>Чтобы использовать отладчик, щелкните правой кнопкой мыши на этой странице и выберите "Просмотреть код" (Inspect). Также можно использовать горячие клавиши: Ctrl + Shift + C (Windows) или Cmd + Shift + C (Mac).</p>
+
+        <p>Когда отладчик откроется на вашем экране, найдите вкладку <b>Sources</b> (Источники) и откройте ее.</p>
+
+        <p>Если вы не видите файл <b>practice.js</b> в списке, обновите страницу при открытом отладчике и активной вкладке <b>Sources</b>.</p>
+
+        <p>Для получения дополнительной информации посетите: <a href="https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3">Chrome DevTools</a></p>
+
+        <script src="practice.js"></script>
+    </div>
+</body>
+</html>
\ No newline at end of file
