<html lang="ru">
<head>
<title>[TITLE]</title>
<link rel="stylesheet" href="[CSS_URL]" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#234770">
<link rel="preload" href="/css/common.css" as="style">
<link rel="preload" href="/css/styles.css" as="style">
<link rel="preload" href="/css/engine.css" as="style">
<link rel="preload" href="/css/fontawesome.css" as="style">
<link rel="preload" href="/webfonts/manrope-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/webfonts/manrope-600.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/webfonts/manrope-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/webfonts/fa-light-300.woff2" as="font" type="font/woff2" crossorigin>
<link rel="shortcut icon" href="/images/favicon.svg">
</head>

<body class="dt-is-active1">
<script>
function switchLight() {
if (localStorage.getItem('theme') === 'dark') {
document.querySelector('body').classList.add('dt-is-active');
} else {
document.querySelector('body').classList.remove('dt-is-active');
};
};
switchLight();
</script>

<div class="wrapper">
<div class="wrapper__container wrapper__main">
            
<header class="header d-flex ai-center vw100">
<!-- <header> -->
<a href="/" class="header__logo logo">
<div class="logo__title">Sitename</div>
<div class="logo__subtitle">ru</div>
</a>

<div class="header__caption flex-grow-1">Скачивай любимые игры <br>и приложения для андроид</div>
<div class="header__search search-block">
<form id="quicksearch" onsubmit="this.sfSbm.disabled=true" method="post" action="/load">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<input type="hidden" name="a" value="2">
<input class="search-block__input" id="story" name="query" placeholder="Поиск по сайту..." type="text" autocomplete="off">
<button class="search-block__btn fal fa-search btn-without-bg" aria-label="Искать" type="submit" name="sfSbm"></button>
</form>
</div>

<button class="theme-toggle btn-without-bg fal fa-sun" title="Сменить цвет сайта" aria-label="Сменить цвет сайта"></button>


<?if($USER_LOGGED_IN$)?>
<a href="$PM_URL$" class="header__favlink fal fa-envelope"><span>$IS_NEW_PM$</span></a>
<div class="header__login p-relative">
<div class="header__login-img img-fixed-size animated-element js-show-login-panel"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/dleimages/noavatar.png<?endif?>" title="$USERNAME$" alt="$USERNAME$" loading="lazy"></div>
<div class="header__login-panel d-none">
<div class="header__login-header d-flex ai-center">
<div class="header__login-avatar img-fixed-size"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/dleimages/noavatar.png<?endif?>" title="$USERNAME$" alt="$USERNAME$" ></div>
<div class="header__login-name">
$USERNAME$
<div class="header__login-group" <?if($USER_GROUP$='Администраторы')?>style="color: red !important;"<?endif?>>$USER_GROUP$</div>
</div>
</div>

<ul class="header__login-menu">
<?if($USER_GROUP$='Администраторы')?><li><a href="/panel/" class="fal fa-cog" target="_blank">Админпанель</a></li><?endif?>
<?if($ADD_ENTRY_LINK$)?><li><a href="$ADD_ENTRY_LINK$" class="fal fa-plus-circle">Добавить пост</a></li><?endif?>
<li class="header__login-menu-border"><a href="$PERSONAL_PAGE_LINK$" class="fal fa-user">Мой профиль</a></li>
<li><a href="$PM_URL$" class="fal fa-envelope">Сообщения: <span>($IS_NEW_PM$)</span></a></li>
<li class="header__login-menu-border"><a href="/index/11" class="fal fa-cog">Настройки</a></li>
<li><a href="/index/34-$USER_ID$" class="fal fa-comments">Мои комментарии</a></li>
<li class="header__login-menu-border"><a href="$LOGOUT_LINK$" class="fal fa-sign-out">Выйти</a></li>
</ul>
</div>
</div>
<?else?>
<button class="header__btn-login js-show-login"><span>Войти</span></button>
<?endif?>

<button class="header__btn-menu fal fa-bars d-none js-show-mobile-menu" aria-label="Открыть мобильное меню"></button>
<ul class="header__menu d-flex js-this-in-mobile-menu">
<li><a href="/">Главная</a></li>

<li class="header__menu-has-submenu p-relative">
<a href="#">Игры</a>
<ul class="header__menu-submenu anim">
<li><a href="#">Аркады</a></li>
<li><a href="#">Викторины</a></li>
<li><a href="#">Головоломки</a></li>
<li><a href="#">Экшен</a></li>
<li><a href="#">Гонки</a></li>
<li><a href="#">Казино</a></li>
<li><a href="#">Казуальные</a></li>
<li><a href="#">Карточные</a></li>
<li><a href="#">Музыка</a></li>
<li><a href="#">Настольные</a></li>
<li><a href="#">Обучающие</a></li>
<li><a href="#">Приключения</a></li>
<li><a href="#">Ролевые</a></li>
<li><a href="#">Стратегии</a></li>
<li><a href="#">Симуляторы</a></li>
<li><a href="#">Словесные</a></li>
<li><a href="#">Спортивные игры</a></li>
<li><a href="#">Для всей семьи</a></li>
</ul>
</li>

<li class="header__menu-has-submenu p-relative">
<a href="#">Приложения</a>
<ul class="header__menu-submenu anim">
<li><a href="#">Аркады</a></li>
<li><a href="#">Викторины</a></li>
<li><a href="#">Головоломки</a></li>
<li><a href="#">Экшен</a></li>
</ul>
</li>

<li><a href="#">Топ 100</a></li>
</ul>
<!-- </header> -->
</header> <!-- END HEADER -->

<main class="content">
<div class="sect sect--white d-grid-items d-grid-items-5">
[BODY]
</div>
</main> <!-- END CONTENT -->

<footer class="footer vw100">
<!-- <footer> -->
<div class="footer__one d-flex ai-center">
<a href="/" class="footer__logo logo">
<div class="logo__title">Sitename</div>
<div class="logo__subtitle">ru</div>
</a>

<div class="header__caption flex-grow-1 line-clamp">Скачивай любимые игры <br>и приложения для андроид</div>
<ul class="footer__menu d-flex">
<li><a href="#">Главная</a></li>
<li><a href="#">Игры</a></li>
<li><a href="#">Приложения</a></li>
<li><a href="#">Топ 100</a></li>
</ul>
</div>

<div class="footer__two d-flex ai-center jc-space-between">
<div class="footer__soc d-flex">
<a href="#" target="_blank" class="footer__soc-item tlg"><img src="/images/social/tlg.svg" loading="lazy" alt=""></a>
<a href="#" target="_blank" class="footer__soc-item vk"><img src="/images/social/vk.svg" loading="lazy" alt=""></a>
<a href="#" target="_blank" class="footer__soc-item yt"><img src="/images/social/youtube.svg" loading="lazy" alt=""></a>
</div>

<div class="footer__text flex-grow-1">
© 2023 "Droid Tools" Ваши любимые игры и приложения для Андроид. Все права защищены.
</div>

<div class="footer__counter">$POWERED_BY$ $COUNTER$</div>
</div>
<!-- </footer> -->
</footer> <!-- END FOOTER -->

</div> <!-- END WRAPPER-MAIN -->
</div> <!-- END WRAPPER -->
    
    
<?if($USER_LOGGED_IN$)?>
<?else?>
<div class="login login--not-logged serv d-none">
<div class="login__header">
<div class="login__title">Авторизация</div>
<div class="login__caption">Получите дополнительные возможности</div>
<button class="login__close fal fa-times btn-without-bg" aria-label="Закрыть панель авторизации"></button>
</div>
$LOGIN_FORM$
</div>
<?endif?>

<script src="/js/libs.js"></script>
<script src="/js/owl-carousel.js"></script><!-- <popup> --><!-- </popup> -->
</body>
</html>