---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta
        name="viewport"
        content="width=device-width, initial-scale=1.0"
    >

    <link
        rel="stylesheet"
        href="style.css"
    >

    <title>YProps</title>
</head>

<body>
    <div
        id="menu"
        class="hidden"
    >
        <div class="panel">

            <div class="header">
                <div>
                    <div class="title">
                        YPROPS
                    </div>

                    <div class="subtitle">
                        WORLD EDITOR
                    </div>
                </div>

                <div class="headerRight">
                    GTA V STYLE
                </div>
            </div>

            <div class="separator"></div>

            <div class="body">

                <div class="sectionTitle">
                    СОЗДАНИЕ ОБЪЕКТА
                </div>

                <input
                    id="model"
                    type="text"
                    placeholder="prop_barrier_work05"
                    autocomplete="off"
                >

                <button
                    id="create"
                    class="selected"
                >
                    <span>
                        Создать объект
                    </span>

                    <span>›</span>
                </button>

                <div class="sectionTitle second">
                    РЕДАКТОР
                </div>

                <button id="select">
                    <span>
                        Выбрать ближайший
                    </span>

                    <span>›</span>
                </button>

                <button id="edit">
                    <span>
                        Двигать / вращать
                    </span>

                    <span>›</span>
                </button>

                <button
                    id="delete"
                    class="danger"
                >
                    <span>
                        Удалить объект
                    </span>

                    <span>×</span>
                </button>

            </div>

            <div class="status">
                <div id="selected">
                    ОБЪЕКТ НЕ ВЫБРАН
                </div>
            </div>

            <div class="footer">
                <span>
                    ENTER · ВЫБРАТЬ
                </span>

                <span>
                    ESC · ЗАКРЫТЬ
                </span>
            </div>

        </div>
    </div>

    <script src="app.js"></script>
</body>
</html>