<?php include('partials/app-html.php'); ?>

<head>
    <?php $pageTitle = "Locked Screen"; include('partials/app-meta-title.php'); ?>

    <?php include('partials/app-head-css.php'); ?>
</head>

<body>

    <div class="app-wrap">

        <?php include('partials/app-header.php'); ?>

        <?php include('partials/app-sidebar.php'); ?>

        <main class="app-body">
            <div class="app-content">

                <div class="content-wrapper">

                    <?php $pageTitle = "Locked Screen"; $pageSubTitle1 = "Design"; $pageSubTitle2 = "Core Elements"; $pageSubText = "Provide contextual feedback messages for common user actions with a variety of customizable and flexible alert options."; include('partials/app-pagetitle.php'); ?>

                    <h1 class="subheader-title">
                        Locked Screen
                        <small>
                            Provide contextual feedback messages for common user actions with a variety of customizable and flexible alert options.
                            <button type="button" class="btn btn-sm btn-outline-secondary" data-action="playsound" data-soundpath="/public/media/sound/" data-soundfile="alerts-voice.mp3">
                                <svg class="sa-icon">
                                    <use href="/public/icons/sprite.svg#volume-2" />
                                </svg>
                            </button>
                        </small>
                    </h1>

                    <div class="main-content">

                    </div>
                </div>

            </div>

            <?php include('partials/app-footer.php'); ?>

        </main>

        <?php include('partials/app-drawer.php'); ?>

        <?php include('partials/app-settings.php'); ?>

    </div>

    <?php include('partials/app-scripts.php'); ?>

</body>

</html>