Add screen sharing sectionHEADmain

1 files changed, 29 insertions, 0 deletions

diff --git a/index.html b/index.html
index c927b8c..eeab669 100644
--- a/index.html
+++ b/index.html
@@ -150,5 +150,34 @@
                 <li>Теперь магия должна сработать, и ты сможешь говорить. Добро пожаловать!</li>
             </ol>
         </section>
+
+        <section>
+            <div class="step-header">
+                <span class="step-number">7</span>
+                <h2>Шейринг экрана</h2>
+            </div>
+            <p>
+                Mumble это просто войс чат. Чтобы показать свой экран придется воспользоваться
+                другим сервисом.
+            </p>
+            <ol class="instructions-list">
+                <li>Открывай сайт: <a href="https://vdo.ninja">vdo.ninja</a></li>
+                <li>Жми Remote <b>Screenshare for OBS</b></li>
+                <li>
+                    Жми на зеленую кнопку <b>SELECT SCREEN TO SHARE</b> и выбирай чем хочешь
+                    поделиться.
+                </li>
+                <li>Копируй ЗЕЛЁНУЮ ссылку обычным кликом по ней</li>
+                <li>Отправляй ссылку в чат Mumble</li>
+                <li>Твои друзья (если есть) открывают эту ссылку и видят твой экран</li>
+            </ol>
+            <div class="gallery">
+                <img src="src/screen1.png" alt="Выбор Screenshare for OBS" />
+                <img src="src/screen2.png" alt="Кнопка SELECT SCREEN TO SHARE" />
+                <img src="src/screen3.png" alt="Копирование ссылки" />
+                <img src="src/screen4.png" alt="Отправка ссылки" />
+                <img src="src/screen5.png" alt="Ссылка для зрителей" />
+            </div>
+        </section>
     </body>
 </html>