Files
help365/platform/interface_designer.html
koziavin 041abbbd24
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m55s
push ru help
2025-05-28 05:24:40 +04:00

254 lines
31 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Дизайнер интерфейса</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="В дизайнере интерфейсов вы можете настроить собственные интерфейсы, используя виджеты." />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Cправка по Low-code платформе ELMA365" />
<meta property="og:url" content="https://elma365.com/ru/help" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="ELMA365" />
<link rel="icon" href="favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./jquery-ui.min.css" />
<link rel="stylesheet" href="default.css" />
<link rel="stylesheet" href="./search-yandex.css" />
<link rel="stylesheet" href="./article.css" />
<link rel="stylesheet" href="./glossary.css" />
<link rel="stylesheet" href="./theme.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
<script type="text/javascript" src="highlight.js"></script>
<script type="text/javascript">
$(document).ready(function(){highlight();});
</script>
</head>
<body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M6ETBEC1R9"></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'G-M6ETBEC1R9');</script>
<script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(83179930,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img alt=""src=https://mc.yandex.ru/watch/83179930 style=position:absolute;left:-9999px></div></noscript>
<header class="header elma-365">
<div class="container">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83179930,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
</label>
<input class="search-form__submit" type="submit" value="Submit">
</form>
</div> -->
<div class="hero__search-form" id="search-panel"> <form class="search-form"> <label class="search-form__label"> <span id="reset-search" class="search__icon"></span> <input class="search-form__input" type="text"> </label> <input class="search-form__submit" type="submit" value="Submit"> </form> </div>
<div class="hero__search">
<a href="#" id="search-icon" class="hero__search-icon">
<img src="search-icon-white.svg" alt="search string">
</a>
<a href="#" id="side-menu-icon" class="hero__side-icon">
<img src="side_menu.svg" alt="side menu">
</a>
</div>
<div class="header__navi">
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a class="project-link" href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li><li><a class="project-link" href="https://elma365.com/ru/help/business_solutions/-elma365-store.html">Бизнес-решения</a></li></ul></span></li><li><a href="https://api.elma365.com/ru/"target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/"target="_blank">SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/" target="_blank">Академия</a></li><li><a href="https://elma365.com/ru/" target="_blank">Сайт ELMA365</a></li></ul>
</div>
</div>
</header>
<main class="main container">
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo-light.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
<div class="sidebar__wrapper" id="side-menu">
</div>
</aside>
<article class="article" id="article">
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<span id="subcategory" class="search-res__item-category search-res__item-category_subcategory subcategory article__badge"></span>
<div class="topic__breadcrumbs">
<p>Low-code дизайнер &gt; <a href="interface_settings.html">Создание интерфейсов</a> / Дизайнер интерфейса</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Дизайнер интерфейсов</span></h1>
</div>
</header>
<section class="article__content">
<div class="scroll-top-inner">
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p class="p_Normal" style="margin: 14px 0 0 0;">В дизайнере интерфейсов вы можете настроить собственные интерфейсы, используя виджеты.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-weight: bold;">Виджет</span> — это элемент интерфейса с определёнными функциональными возможностями для решения таких задач, как загрузка файла, отображение данных, сообщений, списка пользователей и т. д.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Виджеты можно использовать:</p>
<ul style="list-style-type:disc">
<li>для <a href="360027211631.html" class="topiclink">настройки страниц</a>;</li><li>для <a href="create_form.html" class="topiclink">настройки форм</a>.</li></ul>
<p>Комбинируя различные виджеты, вы создаёте интерфейс, в котором в дальнейшем будут работать пользователи. Готовую комбинацию виджетов можно сохранить и затем многократно использовать на разных страницах и формах. Таким образом вы можете создавать разнообразные интерфейсы, которые максимально отвечают потребностям вашей компании.</p>
<h2 class="p_Heading2"><a id="open-designer" class="hmanchor"></a><span class="f_Heading2">Перейти в дизайнер интерфейсов</span></h2>
<p style="margin: 14px 0 0 0;">В дизайнере интерфейсов настраивается внешний вид форм приложений и страниц, а также создаются <a href="user_widgets.html" class="topiclink">пользовательские виджеты</a>. Перейти в дизайнер можно несколькими способами в зависимости от того, какой элемент системы вы хотите настроить.</p>
<ol style="list-style-type:decimal">
<li value="1" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">Чтобы <a href="interface_settings.html" class="topiclink">создать интерфейс</a>:</li></ol>
<ul style="list-style-type:disc">
<li style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">перейдите в раздел <span style="font-weight: bold;">Администрирование </span>&gt;<span style="font-weight: bold;"> Интерфейсы</span>. Создайте новый виджет типа <span style="font-weight: bold;">Страница</span> или другой пользовательский виджет. Вы автоматически перейдёте в дизайнер;</li><li style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">если вы хотите использовать интерфейс на уровне конкретного раздела или его приложения, можно в меню раздела или приложения выбрать пункт <span style="font-weight: bold;">Интерфейсы</span>. Затем создайте виджет. Дизайнер откроется автоматически.</li></ul>
<ol style="list-style-type:decimal" start="2">
<li value="2" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">Чтобы настроить страницу главного меню или меню раздела:</li></ol>
<ul style="list-style-type:disc">
<li style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"><a href="360009924451.html" class="topiclink">добавьте новую страницу</a> или откройте существующую. Затем в правом верхнем углу страницы нажмите значок шестерёнки и выберите пункт <span style="font-weight: bold;">Конструктор</span>.</li></ul>
<ol style="list-style-type:decimal" start="3">
<li value="3" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">Чтобы настроить форму приложения:</li></ol>
<ul style="list-style-type:disc">
<li style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">перейдите в <a href="360028941032.html" class="topiclink">расширенный режим настройки форм</a> приложения. Откройте вкладку формы, которую хотите изменить, нажмите <span style="font-weight: bold;">&lt;По умолчанию&gt;</span> и затем кнопку <span style="font-weight: bold;">+</span> <span style="font-weight: bold;">Создать форму</span>. Если форма была создана ранее, нажмите кнопку <span style="font-weight: bold;">Редактировать форму</span> на соответствующей вкладке. Подробнее об этом читайте в статье <a href="360029250931.html" class="topiclink">«Шаблон формы»</a>.</li></ul>
<p style="margin: 14px 0 0 0;"><a id="view-mode" class="hmanchor"></a>Если с элементом интерфейса уже работает в дизайнере другой администратор, вы можете открыть этот элемент в дизайнере только для просмотра. Для этого при переходе в дизайнер в появившемся окне нажмите <span style="font-weight: bold;">Открыть в режиме просмотра</span>.</p>
<h2 class="p_Heading2"><a id="interface-setting" class="hmanchor"></a><span class="f_Heading2">Работа в дизайнере интерфейсов</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Дизайнер интерфейсов выглядит следующим образом:</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface_designer01" width="778" height="442" style="margin:0;width:778px;height:442px;border:none" src="interface_designer01.png"/></p>
<ol style="list-style-type:upper-roman">
<li value="1" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Поле для моделирования</span> — это рабочая область, внутри которой вы будете создавать пользовательские виджеты и настраивать внешний вид страниц или форм с помощью виджетов и свойств. Вы можете легко <a href="canvas-navigation.html" class="topiclink">найти</a> любой вложенный элемент.</li><li value="2" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><a href="interface_designer.html#toolbar" class="topiclink">Панель инструментов</a>, с помощью которой можно сохранить, опубликовать или отладить настроенный интерфейс, проверить добавленные виджеты, а также отменить и повторить действие.</li><li value="3" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><a href="designer-tabs.html" class="topiclink">Вкладки</a> для работы с дизайнером интерфейсов: <span style="font-weight: bold;">Шаблон</span>, <span style="font-weight: bold;">Контекст</span>,<span style="font-weight: bold;"> Скрипты</span>,<span style="font-weight: bold;"> История</span>, <span style="font-weight: bold;">Настройки </span>и<span style="font-weight: bold;"> Файлы</span>.</li><li value="4" style="margin-top: 0; margin-right: 0; margin-bottom: 0;">Вкладки для наполнения интерфейса:</li></ol>
<ul style="list-style-type:disc">
<li style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Виджеты</span> — все доступные виджеты сгруппированные по типам;</li><li style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Свойства</span><a href="common_widget_settings.html" class="topiclink">системные свойства</a> виджетов, все переменные из <a href="360028941112.html" class="topiclink">контекста</a> приложения или бизнес-процесса, а также свойства, добавленные на вкладке <a href="designer-tabs.html#context-tab" class="topiclink">Контекст</a>.</li></ul>
<h3 class="p_Heading3"><a id="toolbar" class="hmanchor"></a><span class="f_Heading3">Верхняя панель инструментов дизайнера</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">На верхней панели дизайнера располагаются кнопки для работы с настраиваемым интерфейсом.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface-toolbar" width="433" height="51" style="margin:0;width:433px;height:51px;border:none" src="interface-toolbar.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Сохранить</span> — настроенная страница или форма сохранится как черновик. Внесённые изменения не будут доступны пользователям. Вы сможете вернуться к редактированию интерфейса позже;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Проверить</span> — добавленные виджеты проверяются на наличие ошибок. Если в настройках виджета обнаружена ошибка, например, неверно составлен добавленный скрипт, вы увидите оповещение; </li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Опубликовать</span> — виджеты отобразятся на формах или страницах и станут доступны пользователям. Публикуйте интерфейс каждый раз, когда вносите изменения в него и хотите, чтобы они стали видны пользователям. При публикации версии вы можете:<ul style="list-style-type:circle">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">оставить комментарий;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a id="unpublish" class="hmanchor"></a>включить опцию <span style="font-weight: bold;">Снять с публикации все предыдущие версии</span>. Это позволит избежать запуска скриптов предыдущих версий виджета, а также исключить в дальнейшем применение версий с ошибками.</li></ul></li></ul>
<p style="line-height: 1.28; margin: 0 0 11px 26px;">Комментарий и отметка о снятии с публикации отобразятся на вкладке <a href="designer-tabs.html#history-tab" class="topiclink">История</a>, где вы можете вернуться к предыдущей версии страницы или формы, а также восстановить снятые с публикации версии;</p>
<ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Отладить</span> — в открывшемся окне вы сможете посмотреть, как будет выглядеть настроенная форма или страница для пользователей после публикации. Подробнее об этом читайте в статье <a href="interface-debug.html" class="topiclink">«Отладить интерфейс в дизайнере»</a>;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Отменить</span>&nbsp;при работе на вкладке <span style="font-weight: bold;">Шаблон</span> вы можете отменить своё последнее действие: добавление или удаление виджета, его перемещение, изменение настроек;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Повторить</span> — позволяет заново выполнить отменённое действие.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Перейти к редактированию</span> — это действие доступно только в <a href="interface_designer.html#view-mode" class="topiclink">режиме просмотра</a> элемента интерфейса. Позволяет перейти к его редактированию, если другой администратор завершил работу с этим элементом в дизайнере.</li></ul>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало&nbsp;внимание</span></p>
<p class="p_Normal">Чтобы внесенные изменения на формах и страницах стали доступны пользователям, не забудьте <span style="font-weight: bold;">опубликовать</span> настроенный интерфейс.</p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span></p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="interface_settings.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">interface_settings.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="designer-tabs.html">
<span class="bottom-nav__link">designer-tabs.html</span> <span
class="bottom-nav__arrow bottom-nav__arrow--next"></span>
</a>
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback-wrap"><div class="feedback" id="feedback"><span><b>Была ли статья полезной?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx">Спасибо за ваш отзыв!</div><div id="feedback-success-popup"><div class="wrap"><button type="button" class="feedback-popup-close">×</button><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_212_2187)"><path d="M22 0.6875C10.2294 0.6875 0.6875 10.2294 0.6875 22C0.6875 33.7706 10.2294 43.3125 22 43.3125C33.7706 43.3125 43.3125 33.7706 43.3125 22C43.3125 10.2294 33.7706 0.6875 22 0.6875ZM22 40.5625C11.8023 40.5625 3.4375 32.3078 3.4375 22C3.4375 11.8024 11.6922 3.4375 22 3.4375C32.1977 3.4375 40.5625 11.6922 40.5625 22C40.5625 32.1976 32.3078 40.5625 22 40.5625ZM34.1713 16.933L18.6613 32.3186C18.257 32.7197 17.604 32.7171 17.203 32.3128L9.82283 24.873C9.42176 24.4686 9.42434 23.8157 9.82867 23.4146L10.5609 22.6884C10.9652 22.2873 11.6181 22.2899 12.0192 22.6942L17.9468 28.6697L31.9926 14.7366C32.3969 14.3356 33.0498 14.3382 33.4509 14.7425L34.1772 15.4747C34.5783 15.879 34.5757 16.532 34.1713 16.933Z" fill="#27AE60"></path></g><defs><clipPath id="clip0_212_2187"><rect width="44" height="44" fill="white"></rect></clipPath></defs></svg><p>Ваш отзыв успешно отправлен!</p><span>Спасибо за обратную связь.</span></div></div><div class="feedback__popup" id="feedback__popup_why"><button type="button" class="feedback-popup-close">×</button><div class="feedback__popup-header">Уточните, почему:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Рекомендации не помогли</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Текст трудно понять</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Нет ответа на мой вопрос</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Содержание статьи не соответствует заголовку</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Другая причина</label></div><div class="feedback__popup" id="feedback__popup-other"><button type="button" class="feedback-popup-close">×</button> <div class="feedback__popup-header">Расскажите, что вам не понравилось в статье:</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Отправить"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg"/><span class="feedback-form__btn-group_yes-btn">Да</span></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg"/><span class="feedback-form__btn-group_no-btn">Нет</span></label></div><select name="category"><option disabled>Выберите вариант</option><option value="bad_recommendation" selected>Рекомендации не помогли</option><option value="difficult_text">Текст трудно понять</option><option value="no_answer">Нет ответа на мой вопрос</option><option value="bad_header">Содержание статьи не соответствует заголовку</option><option value="other_reason">Другая причина</option></select><input type="submit"></form></div></div>
</section>
</div>
<aside class="article__sidebar" style="display:none">
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">В этой статье</h3>
<nav id="toc2"></nav>
</div>
</aside>
</div>
</article>
</main>
<footer class="footer">
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://api.elma365.com/ru/" target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/" target="_blank">TS SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/elma365" target="_blank">Академия</a></li></ul><ul class="footer-mobile__list"><li><a href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li></ul>
</div>
<div class="container">
<div class="footer-wrap">
<div><span class="mobile-question-popup">Отправить фидбэк</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Задать вопрос</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Отправить"></div></form><div class="hidden fade-in question-success-xs">Ваш фидбэк отправлен.</div></div>
<div class="footer-flex-b">
<div class="footer-top">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</div>
<div class="footer-line">
<div class="footer-line-copy">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
</div>
<ul class="footer-list">
<li class="footer-item"><a href="https://elma365.com/ru/" target="_blank" class="footer-link" style="color: #0D4A75;"><img src="browse.svg" alt="browse icon" class="footer-img">elma365.com</a></li><li class="footer-item"><a href="https://www.youtube.com/user/ELMABPM" target="_blank" class="footer-link"><img src="yt.svg" alt="youtube icon" class="footer-img"></a></li><li class="footer-item"><a href="https://vk.com/elma_bpm" target="_blank" class="footer-link"><img src="vk.svg" alt="vk icon" class="footer-img"></a></li><li class="footer-item"><a href="https://t.me/elmaday" target="_blank" class="footer-link"><img src="tg.svg" alt="telegram icon" class="footer-img"></a></li><li class="footer-item"><a href="https://dzen.ru/elma" target="_blank" class="footer-link"><img src="dzen.svg" alt="dzen icon" class="footer-img"></a></li>
<li class="footer-item">
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<a href="#" class="arrow-top"></a>
</div>
</footer>
<!-- <script type="text/javascript" src="jquery1.min.js"></script>-->
<iframe name="hmnavigation" style="display:none!important"></iframe>
<!--<script src="./jquery-ui.js"></script> -->
<script src="./jquery-ui.min.js"></script>
<!--script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script-->
<script src="./jquery.tocify.min.js"></script>
<script src="./TypoReporter.min.js"></script>
<script src="./google-search.js"></script>
<script src="./main.js"></script>
</body>
</html>