index.html

<!doctype HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta property="og:description"
          content="С помощью приложения 'Моя стена' Вы и пользователи вашего сообщества смогут оставлять интерактивные записи на своей стене">
    <meta property="og:image" content="images/snippet_img.jpg">

    <title>Моя стена - создание постов на стену из приложения сообщества</title>

    <link rel="stylesheet" href="fonts.css">
    <link rel="stylesheet" href="style.css">
</head>

<body>
<div class="header">
    <h1>Моя стена</h1>
</div>
<div class="content">
    <section id="page-install" class="hidden">
        <p><b>Моя стена</b> - это создание постов на стену из приложения сообщества.</p>
        <p>Попробуйте добавлять посты на стену через приложения сообщества. Для этого подключите приложение к одному из
            администрируемых Вами сообществ.</p>
        <a href="#" id="btn-include-app" target="_blank" class="btn btn-vk-ui">Подключить приложение</a>
    </section>
    <section id="page-start" class="hidden">
        <h2 class="text-center">Шаг 1</h2>
        <p>Для начала нужно дать приложению доступ к Вашим фотографиям.</p>
        <div class="text-center">
            <a href="#" id="btn-get-access" class="btn btn-vk-ui hidden">Открыть доступ</a>
        </div>
    </section>
    <section id="page-pick-photo" class="hidden">
        <h2 class="text-center">Шаг 2</h2>
        <p>Выберите фотографию</p>
        <div id="container-photos"></div>
    </section>
    <section id="page-enter-text" class="hidden">
        <h2 class="text-center">Шаг 3</h2>
        <p>Введите описание</p>
        <textarea id="textarea-post-description" class="textarea-description"
                  placeholder="Начните вводить описание"></textarea>

        <div class="text-center">
            <a href="#" id="btn-back-to-photos" class="btn">Назад</a>
            <a href="#" id="btn-submit" class="btn btn-vk-ui">Отправить</a>
        </div>
    </section>
</div>
</body>

<script src="https://vk.com/js/api/xd_connection.js?2" type="text/javascript"></script>
<script src="view.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>

</html>