/
Extrap
/
Games_site
Обзор
Документация
Войти
/
Extrap
/
Games_site
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
227 строк
11 KB
Extrap
result
27 янв 2026, 13:42
27 янв 2026, 13:42
1f4c493
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Стили --> <link rel="stylesheet" href="css/index.css"> <!-- Шрифты --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap" rel="stylesheet"> <!-- Фавикон --> <link rel="apple-touch-icon" sizes="180x180" href="./favicon_io/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="./favicon_io/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="./favicon_io/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <!-- иконки --> <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'> <title>Онлайн игры</title> </head> <body> <header> <div class="container"> <div> <a href="index.html" class="logo"><i class='bx bx-game bx-sm'></i>Games</a> </div> <nav class="navbar"> <ul> <li><a href="#main-container" class="navbar-item">Главная</a></li> <li><a href="#games" class="navbar-item">Игры</a></li> <li><a href="#contacts" class="navbar-item">Контакты</a></li> </ul> </nav> <button class="login-button" id="open-register-modal">Войти</button> </div> </header> <main> <!-- Java Applet для бегущей строки (appletviewer index.html для запуска)--> <applet code="MyApplet.class" width="800" height="100"> Ваш браузер не поддерживает апплеты Java. </applet> <!-- Модальное окно регистрации --> <form class="modal" id="register-modal"> <div class="form-modal_dialog form-modal_dialog--register"> <div class="modal_content"> <div class="modal_header"> <h1 class="form-title">Register</h1> <button type="button" class="close" id="close-register-modal"><i class='bx bx-x bx-sm'></i></button> </div> <div class="form-modal_input form-modal_input--register"> <input placeholder="Nickname" id="nickname-error" /> <div class="error" id="nickname-error-message"></div> <input placeholder="E-mail" id="email-error" /> <div class="error" id="email-error-message"></div> <input placeholder="Password" id="password-error" /> <div class="error" id="password-error-message"></div> <input placeholder="Confirm Password" id="confirm-password" /> <div class="error" id="confirm-password-error-message"></div> </div> <div class="form_buttons"> <button type="submit" class="form-register_button">Register</button> <button type="button" class="form-account_button" id="switch-to-login"> <span>Have account? Sign In</span> </button> </div> </div> </div> </form> <!-- Модальное окно входа --> <form class="modal" id="login-modal"> <div class="form-modal_dialog"> <div class="modal_content"> <div class="modal_header"> <h1 class="form-title">Login</h1> <button type="button" class="close" id="close-login-modal"><i class='bx bx-x bx-sm'></i></button> </div> <div class="form-modal_input form-modal_input--login"> <input placeholder="Username" id="username-error" /> <div class="error" id="username-error-message"></div> <input placeholder="Password" id="password-error--login" /> <div class="error" id="password-error-message--login"></div> </div> <div class="form_buttons"> <button type="submit" class="form-login_button">LOGIN</button> <button type="button" class="form-account_button" id="switch-to-register"> <span>Don't have an account? Register</span> </button> </div> </div> </div> </form> <section class="main-container" id="main-container"> <div class="main-text"> <div class="text"> Добро пожаловать в мир <br> Онлайн-игр </div> <div class="text-less"> Сражайся с игроками, ставь рекорды с новыми онлайн-играми! </div> </div> <div class="image-container-background"> <img src="./assets/back.jpg" alt="main background tetris"> </div> </section> <section class="section-brand"> <div class="container"> <ul class="src-line"> <li><img src="./assets/svg 1.svg" width="90" height="90" alt="game-taget"></li> <li><img src="./assets/svg 2.svg" width="90" height="90" alt="кубок"></li> <li><img src="./assets/svg 3.svg" width="90" height="90" alt="мечи"></li> <li><img src="./assets/svg 4.svg" width="90" height="90" alt="телефон"></li> <li><img src="./assets/svg 5.svg" width="90" height="90" alt="пакман"></li> <li><img src="./assets/svg 6.svg" width="90" height="90" alt="шахматы"></li> <li><img src="./assets/src 7.svg" width="90" height="90" alt="шахматы"></li> </ul> </div> </section> <section class="games" id="games"> <div id="auth-popup" class="auth-popup"> <div class="auth-popup-content"> <p>Игры доступны только для авторизованных пользователей</p> </div> </div> <div class="game-cards"> <div class="card-line"> <div class="card snake-card"> <img src="./assets/snake.png" alt="snake"> <div class="card-info"> <div class="card-container-info"> <h2>Змейка</h2> <p>Классическая игра "Змейка"</p> <a href="snake.html"> <button class="button-hover">Играть</button> </a> </div> </div> </div> <div class="card 2048"> <img src="./assets/2048.jpg" alt="2048"> <div class="card-info"> <div class="card-container-info"> <h2>2048</h2> <p>Любимая вами игра 2048</p> <a href="2048.html"> <button class="button-hover">Играть</button> </a> </div> </div> </div> </div> <div class="card-line"> <div class="card guess-number-card"> <img src="./assets/2_game/guess-game.png" alt="guess"> <div class="card-info"> <div class="card-container-info"> <h2>Угадай число</h2> <p>Пробуди в себе экстрасенса</p> <a href="2.html"> <button>Играть</button> </a> </div> </div> </div> <div class="card tetris-card"> <img src="./assets/tetris.png" alt="tetris"> <div class="card-info"> <div class="card-container-info"> <h2>Тетрис!</h2> <p>Это тетрис!</p> <a href="tetris.html"> <button class="button-hover">Играть</button> </a> </div> </div> </div> </div> </div> </section> <section class="contact-container" id="contacts"> <h1>Обратная связь</h1> <div class="contact-container-info"> <div class="contact-info"> <h2>Контакты</h2> <p>Телефон:<br>+7 (999) 777-99-77</p> <p>E-mail:<br>nastya.aitukova@mail.ru</p> <div class="contact-icons"> <a href="https://vk.com/id212752446" target="_blank"><i class='bx bxl-vk bx-sm'></i></a> <a href="https://t.me/Shaitan256" target="_blank"><i class='bx bxl-telegram bx-sm'></i></a> <a href="nastya.aitukova@mail.ru" target="_blank"><i class='bx bx-envelope bx-sm'></i></a> </div> </div> <div class="contact-send"> <div class="contact-send-info"> <input type="text" placeholder="Ваше имя" id="name"> <input type="text" placeholder="E-mail" id="email"> <input type="text" placeholder="Сообщение" id="message"> </div> <div class="button-container"> <button class="contact-send-button button-hover" id="submit-button" type="button">Отправить</button> </div> </div> </div> </section> </main> <footer> <div class="footer"> <p>© 2024 Онлайн Игры. Все права защищены <span>ИВТ-330Б</span></p> </div> </footer> </body> <script src="./js/index.js"></script> </html>