<html lang="ru">
<head>
<title>$MODULE_NAME$ - $SITE_NAME$</title>
<link type="text/css" rel="stylesheet" href="/_st/my.css" />
<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">
$GLOBAL_AHEADER$
</header> <!-- END HEADER -->

<div class="hero vw100 hero--decor">
<div class="hero__inner">
<h1 class="hero__title">Игры и программы <span>для андроид</span></h1>
<div class="hero__text">У нас вы сможете скачать приложения для Android и iOS бесплатно и по прямым ссылкам, различные топы помогут сделать вам правильный выбор! В ТОП игры на Андроид вас наверняка порадует и геймплей.</div>
</div>
</div>

<main class="content">
<div class="sect">
<div class="sect__content d-grid-items-5 d-grid-items">
$BODY$
<?if($PAGE_SELECTOR$)?>
<div class="pagination ignore-select d-flex jc-center" id="pagination">
<div class="pagination__pages d-flex jc-center">$PAGE_SELECTOR$</div>
</div>
<?endif?>
</div>
</div>

<section class="sect sect--bg vw100 scroller">
<div class="sect__header d-flex ai-center p-relative">
<button class="scroller__btn scroller__btn--prev fal fa-arrow-left" aria-label="Слайдер назад"></button>
<button class="scroller__btn scroller__btn--next fal fa-arrow-right" aria-label="Слайдер вперед"></button>
<h2 class="sect__title flex-grow-1">Популярные игры</h2>
<a href="#" class="sect__link d-flex ai-center fal fa-chevron-right fa-pull-right">Посмотреть все</a>
</div>

<div class="sect__content">
<div class="scroller__content">$MYINF_1$</div>
</div>
</section>

<section class="sect">
<div class="sect__header d-flex ai-center">
<h2 class="sect__title flex-grow-1">Популярные приложения</h2>
<a href="#" class="sect__link d-flex ai-center fal fa-chevron-right fa-pull-right">Посмотреть все</a>
</div>

<div class="sect__content d-grid-items-3">$MYINF_2$</div>
</section>

<section class="site-desc vw100">
<h2 class="sect__title">Игры и приложения для Андроид</h2>
<p>Наш сайт – это лучшая замена плей маркет и аппстор для ваших смартфонов. У нас вы сможете скачать приложения 
для Android и iOS бесплатно и по прямым ссылкам, различные топы помогут сделать вам правильный выбор! 
Так же отследить когда появятся скидки или вовсе станут бесплатными приложение 
которые вы давно мечтали установить.</p>
<ul>
<li>Обсуждай игры с друзьями</li>
<li>Собери коллекцию любимых приложений</li>
<li>Отмечай игры в желания</li>
</ul>
<div class="sect-desc__section clearfix">
<div class="sect-desc__img img-fixed-size"><img src="/images/desc.webp" loading="lazy" alt=""></div>
<h2>Приложения для Андроид и iOS</h2>
<p>Если вы ищете где скачать лучшие игры на Андроид, вам не обязательно пробовать тонны сомнительного софта: суровая, 
но справедливая аудитория уже выбрала лучшее, вам остается только определиться с интересующим жанром и 
скачать нужное. В ТОП игры на Андроид вас наверняка порадует и геймплей, и графика, и сюжет, тем более, 
что все это доступно вам бесплатно.
</p>
</div>
</section>
</main> <!-- END CONTENT -->

<footer class="footer vw100">
$GLOBAL_BFOOTER$
</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>
</body>
</html>