[Презентация] html тілі туралы негізгі мағлұматтар

Бекжан Маралов

Автор Презентации

Не подходит Презетация?

Создайте свою быстро и легко. Используйте нейросети, готовые шаблоны и голосового ИИ-помощника

Транскрипция презентации

Слайд 1: html тілі туралы негізгі мағлұматтар

HTML (HyperText Markup Language) - мәтін форматтарының бірі. Бұл форматтық қатынастардың бірі - әрбір элементтің түрін және функцијунын анықтайтын markup tags. HTML elementlere blog, video, image, text және diğer elementlərдің түріндегі markup tags жасалған. HTML elementleri element attributes мен attribute values тізімімен өңдеуге болады. HTML elementlerinin arasında tag, end tag және void tag elementleri аталады. HTML elementlerinin түрлері: block elements, inline elements және void elements. HTML elementlerinin түрін анықтайтын markup tagsдың қолдануынша, HTML elementleri қорытындылықтағы тақырыптарды қорытындылайды және böylece elementler web saytlarinda таңдайды.

Слайд 2: HTML: Турлықтамалар және өкімет

HTML (HyperText Markup Language) - мәтін форматсыздігіндегі басшы қатынас тіл. Біздің интернет-жүктеушілердің қолданыстарындағы бірнеше сайтын дамытуға қызмет ететін құралы. HTML туралы ойынша қызмет ететін құралы болса, оның арқасында әрбір элементтің түрін, ауытқылуын және ауытқылудың мәнін білуге болады.

Слайд 3: HTML Elements: Атаулар және оның аумағы

HTML элементы: теги и их атрибуты HTML (HyperText Markup Language) - язык разметки гипертекста, который используется для создания веб-страниц и веб-приложений. Он состоит из парных тегов, которые определяют структуру и содержание документа. Каждый тег имеет свои атрибуты, которые позволяют управлять поведением элемента на странице. Некоторые из основных HTML элементов включают: 1. `` - определяет тип документа и версию HTML. 2. `` - оборачивающий тег всего документа. 3. `` - содержит метаданные страницы, такие как название, ссылки на стили и скрипты. 4. `` - определяет заголовок страницы. 5. `<body>` - содержит основной контент страницы. 6. `<h1>` - `<h6>` - заголовки различных уровней. 7. `<p>` - абзац. 8. `<a>` - гиперссылка. 9. `<img>` - изображение. 10. `<div>` - контейнер для группировки элементов. Каждый элемент имеет свои уникальные атрибуты, которые могут быть использованы для управления его свойствами, такими как цвет, размер шрифта, положение на странице и многое другое.</div> </div> </div><div class="RichText__block"> <div class="RichText__block__row"> <h2 class="RichTextTitle f-d-header-3 f-m-label-heading">Слайд 4: HTML Tags: Атаулар және оның аумағы</h2> </div><div class="RichText__block__row"> <div class="RichTextParagraph f-d-button-m-150 f-m-paragraph-s">HTML (HyperText Markup Language) - мәтін форматтық тілдік түріндегі тіл. Біздің танымдық мамандардың өзіндегі html тегтері мен оның аумағы - бірегей элементтерін қояды. Тегтердің аумағы - тілдік түрін, аумақтары - тілдік элементтерін білеуге арналған түрлі түрде. Html тегтерінің аумағы - тілдік элементтерін білеуге арналған түрлі түрде.</div> </div> </div><div class="RichText__block"> <div class="RichText__block__row"> <h2 class="RichTextTitle f-d-header-3 f-m-label-heading">Слайд 5: HTML Attributes: Атаулардың атрибуты</h2> </div><div class="RichText__block__row"> <div class="RichTextParagraph f-d-button-m-150 f-m-paragraph-s">HTML атрибуты (атаулардың атрибуты) - это ключевые элементы, которые определяют поведение и внешний вид элементов веб-страницы. Они указываются внутри тегов и могут включать в себя различные параметры, такие как цвет фона, размер шрифта, ссылки и многое другое. Эти атрибуты позволяют разработчикам создавать интерактивные и визуально привлекательные веб-страницы, адаптированные под различные устройства и браузеры.</div> </div> </div><div class="RichText__block hidden"> <div class="RichText__block__row"> <h2 class="RichTextTitle f-d-header-3 f-m-label-heading">Слайд 6: HTML Entities: Мемлекеттік символлардың HTML entity kodlarы</h2> </div><div class="RichText__block__row"> <div class="RichTextParagraph f-d-button-m-150 f-m-paragraph-s">HTML entities (мемлекеттік символлардың HTML entity kodlarы) - это коды, которые используются для представления специальных символов в HTML документе. Они представляют собой последовательность символов, начинающихся с амперсанда (&) и заканчивающихся точкой (.). Например, ' - это код для одинарной кавычки. Использование HTML entities позволяет избежать проблем с отображением специальных символов в различных браузерах и на разных устройствах. Кроме того, они обеспечивают безопасность, предотвращая возможные атаки через вставку вредоносного кода.</div> </div> </div> <button class="RichText__more button ButtonIcon black"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">Посмотреть все</span></button> </e-rich-text> <script type="module">class t extends HTMLElement{#e=null;connectedCallback(){this.#e=this.querySelector(".RichText__more"),this.#e?.addEventListener("click",this.#t,{once:!0})}disconnectedCallback(){this.#e?.removeEventListener("click",this.#t)}#t=()=>{this.querySelectorAll(".RichText__block").forEach(e=>{e.classList.remove("hidden")}),this.#e?.remove()}}customElements.get("e-rich-text")||customElements.define("e-rich-text",t);</script> </div> </div> <div class="PresentationTranscription__right-wrapper"> <div class="PresentationTranscription__use"> <div class="PresentationTranscription__use__title"> <span class="PresentationTranscription__use__title__text f-d-label-heading f-m-label-heading">Заберите Презентацию бесплатно</span> <span class="PresentationTranscription__use__title__free f-d-label-heading">FREE</span> </div> <div class="PresentationTranscription__use__description f-d-paragraph-m f-m-paragraph-s">Зарегистрируйтесь и отредактируйте её под свои задачи за пару минут.</div> <div class="UsePresentation"> <input type="hidden" name="id" value="137879"> <input type="hidden" name="is_template" value="false"> <a href="/auth/login?presentation_copy=137879" data-router-ignore="true" class="UsePresentation__button submit-button button ButtonPrimary fill smallText"> <svg class="ButtonPrimary__icon" data-name="slide-edit"> <use xlink:href="/static_site/sprite.svg#sprite:slide-edit"></use> </svg> <span class="ButtonPrimary__text f-d-paragraph-l f-m-paragraph-m">Использовать презентацию</span> </a> </div> </div> <div class="PresentationTranscription__right"> <div class="PresentationTranscription__templates"> <div class="PresentationTranscription__templates__title f-d-label-heading f-m-label-heading">Похожие презентации</div> <div class="PresentationTranscription__templates__list"> <div class="ImagesCard"> <e-billboard class="ImagesCard__content"> <a class="ImagesCard__link" href="/presentation-605659" title draggable="false"></a> <div class="ImagesCard__item current current-active" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/cover_img.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/0.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/1.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/2.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/3.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/4.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/5.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/6.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/7.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/8.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/9.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/10.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/11.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/12.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7669/slides/13.png" width="1200" height="780"/></div> </div> <div class="ImagesCard__button ImagesCard__button_left"> <e-billboard-step-button title="Предыдущее изображение" class="button ButtonCircle blueHover fill border"><svg class="ButtonCircle__icon" data-name="left"> <use xlink:href="/static_site/sprite.svg#sprite:left"></use> </svg> </e-billboard-step-button> </div> <div class="ImagesCard__button ImagesCard__button_right"> <e-billboard-step-button title="Следующее изображение" class="button ButtonCircle blueHover fill border"><svg class="ButtonCircle__icon" data-name="right"> <use xlink:href="/static_site/sprite.svg#sprite:right"></use> </svg> </e-billboard-step-button> </div> </e-billboard> </div><div class="ImagesCard"> <e-billboard class="ImagesCard__content"> <a class="ImagesCard__link" href="/presentation-605599" title draggable="false"></a> <div class="ImagesCard__item current current-active" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/cover_img.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/0.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/1.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/2.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/3.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/4.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/5.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/6.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/7.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/8.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/9.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/10.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/11.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/12.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/13.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7668/slides/14.png" width="1200" height="780"/></div> </div> <div class="ImagesCard__button ImagesCard__button_left"> <e-billboard-step-button title="Предыдущее изображение" class="button ButtonCircle blueHover fill border"><svg class="ButtonCircle__icon" data-name="left"> <use xlink:href="/static_site/sprite.svg#sprite:left"></use> </svg> </e-billboard-step-button> </div> <div class="ImagesCard__button ImagesCard__button_right"> <e-billboard-step-button title="Следующее изображение" class="button ButtonCircle blueHover fill border"><svg class="ButtonCircle__icon" data-name="right"> <use xlink:href="/static_site/sprite.svg#sprite:right"></use> </svg> </e-billboard-step-button> </div> </e-billboard> </div><div class="ImagesCard"> <e-billboard class="ImagesCard__content"> <a class="ImagesCard__link" href="/presentation-605507" title draggable="false"></a> <div class="ImagesCard__item current current-active" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7667/cover_img.png" width="1200" height="780"/></div> </div> </e-billboard> </div><div class="ImagesCard"> <e-billboard class="ImagesCard__content"> <a class="ImagesCard__link" href="/presentation-605366" title draggable="false"></a> <div class="ImagesCard__item current current-active" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7665/cover_img.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7665/slides/14.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7665/slides/15.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7665/slides/16.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7665/slides/17.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7665/slides/18.png" width="1200" height="780"/></div> </div><div class="ImagesCard__item" data-billboard-item> <div class="ImagesCard__item__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="https://slider-ai.ru/static/cloud/basic_template/7665/slides/19.png" width="1200" height="780"/></div> </div> <div class="ImagesCard__button ImagesCard__button_left"> <e-billboard-step-button title="Предыдущее изображение" class="button ButtonCircle blueHover fill border"><svg class="ButtonCircle__icon" data-name="left"> <use xlink:href="/static_site/sprite.svg#sprite:left"></use> </svg> </e-billboard-step-button> </div> <div class="ImagesCard__button ImagesCard__button_right"> <e-billboard-step-button title="Следующее изображение" class="button ButtonCircle blueHover fill border"><svg class="ButtonCircle__icon" data-name="right"> <use xlink:href="/static_site/sprite.svg#sprite:right"></use> </svg> </e-billboard-step-button> </div> </e-billboard> </div> </div> <a href="/presentations" class="PresentationTranscription__templates__button button ButtonPrimary fill smallTextOnMobile"> <svg class="ButtonPrimary__icon" data-name="table-edit"> <use xlink:href="/static_site/sprite.svg#sprite:table-edit"></use> </svg> <span class="ButtonPrimary__text f-d-button-l f-m-paragraph-m">Все презентации</span> </a> </div> </div> </div> </div> <e-templates-preview id="templates" class="TemplatesPreview"> <h2 class="TemplatesPreview__heading f-d-header-1"> <span class="TemplatesPreview__heading__part1"> <span class="TemplatesPreview__heading__part1__text">Шаблоны</span> <e-scroll-region class="TemplatesPreview__heading__part1__images" style="--total:3" aria-hidden="true"> <span style="--index:0" class="TemplatesPreview__heading__part1__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/templates-preview/6.jpg" width="154" height="107"/></span><span style="--index:1" class="TemplatesPreview__heading__part1__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/templates-preview/5.jpg" width="154" height="107"/></span><span style="--index:2" class="TemplatesPreview__heading__part1__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/templates-preview/4.jpg" width="154" height="107"/></span> </e-scroll-region> </span> <span class="TemplatesPreview__heading__part2">презентаций, доступные бесплатно в редакторе Slider Ai</span> </h2> <div class="TemplatesPreview__mobile-heading f-d-header-mobile">Бесплатные шаблоны в редакторе Slider</div> <div class="TemplatesPreview__main-item"> <div class="TemplatesPreview__main-item Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/templates-preview/main.jpg" width="1773" height="997"/></div> </div> <div class="TemplatesPreview__panel">  <e-scroll-region class="TemplatesPreview__panel__list" data-culling-element=".TemplatesPreview"> <div class="TemplatesPreview__panel__list__item"> <div class="TemplatesPreview__panel__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt="Шаблон презентации" src="/static_site/images/templates-preview/1.jpg" width="541" height="348"/></div> </div><div class="TemplatesPreview__panel__list__item"> <div class="TemplatesPreview__panel__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt="Шаблон презентации" src="/static_site/images/templates-preview/2.jpg" width="541" height="348"/></div> </div><div class="TemplatesPreview__panel__list__item"> <div class="TemplatesPreview__panel__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt="Шаблон презентации" src="/static_site/images/templates-preview/3.jpg" width="541" height="348"/></div> </div><div class="TemplatesPreview__panel__list__item"> <div class="TemplatesPreview__panel__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt="Шаблон презентации" src="/static_site/images/templates-preview/4.jpg" width="541" height="348"/></div> </div><div class="TemplatesPreview__panel__list__item"> <div class="TemplatesPreview__panel__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt="Шаблон презентации" src="/static_site/images/templates-preview/5.jpg" width="541" height="348"/></div> </div><div class="TemplatesPreview__panel__list__item"> <div class="TemplatesPreview__panel__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt="Шаблон презентации" src="/static_site/images/templates-preview/6.jpg" width="541" height="348"/></div> </div> </e-scroll-region> </div> <a href="/templates" class="TemplatesPreview__button button ButtonPrimary fill"> <svg class="ButtonPrimary__icon" data-name="slide-edit"> <use xlink:href="/static_site/sprite.svg#sprite:slide-edit"></use> </svg> <span class="ButtonPrimary__text f-d-button-l f-m-button-m">Все шаблоны</span> </a> </e-templates-preview> <script type="module" src="/static_site/_astro/TemplatesPreview.astro_astro_type_script_index_0_lang.BwXQoUto.js"></script> <e-functions class="Functions"> <div class="Functions__editor Editor" data-nosnippet data-header-no-overlay="true"> <div class="Editor__background"></div> <div class="EditorTop" slot="top"> <div class="EditorTop__shadow"></div> <div class="EditorTop__left"> <div class="EditorTop__button EditorTop__back"> <svg class="EditorTop__button__icon" data-name="left"> <use xlink:href="/static_site/sprite.svg#sprite:left"></use> </svg> </div> <div class="EditorTop__document">Презентация диз...</div> <div class="EditorTop__divider"></div> <div class="EditorTop__history"> <div class="EditorTop__button EditorTop__history__step"> <svg class="EditorTop__button__icon EditorTop__history__step__icon" data-name="action-undo"> <use xlink:href="/static_site/sprite.svg#sprite:action-undo"></use> </svg> </div> <div class="EditorTop__button EditorTop__history__step"> <svg class="EditorTop__button__icon EditorTop__history__step__icon" data-name="action-redo"> <use xlink:href="/static_site/sprite.svg#sprite:action-redo"></use> </svg> </div> </div> </div> <div class="EditorTop__features"> <div class="EditorTop__feature"> <div class="EditorTop__feature__inner"> <svg class="EditorTop__feature__icon" data-name="text"> <use xlink:href="/static_site/sprite.svg#sprite:text"></use> </svg> <div class="EditorTop__feature__name">Текст</div> </div> </div><div class="EditorTop__feature"> <div class="EditorTop__feature__inner"> <svg class="EditorTop__feature__icon" data-name="media"> <use xlink:href="/static_site/sprite.svg#sprite:media"></use> </svg> <div class="EditorTop__feature__name">Медиа</div> </div> </div><div class="EditorTop__feature"> <div class="EditorTop__feature__inner"> <svg class="EditorTop__feature__icon" data-name="shapes"> <use xlink:href="/static_site/sprite.svg#sprite:shapes"></use> </svg> <div class="EditorTop__feature__name">Фигуры</div> </div> </div><div class="EditorTop__feature"> <div class="EditorTop__feature__inner"> <svg class="EditorTop__feature__icon" data-name="table"> <use xlink:href="/static_site/sprite.svg#sprite:table"></use> </svg> <div class="EditorTop__feature__name">Таблица</div> </div> </div><div class="EditorTop__feature"> <div class="EditorTop__feature__inner"> <svg class="EditorTop__feature__icon" data-name="diagramm"> <use xlink:href="/static_site/sprite.svg#sprite:diagramm"></use> </svg> <div class="EditorTop__feature__name">Диаграммы</div> </div> </div><div class="EditorTop__feature"> <div class="EditorTop__feature__inner"> <svg class="EditorTop__feature__icon" data-name="3d-models"> <use xlink:href="/static_site/sprite.svg#sprite:3d-models"></use> </svg> <div class="EditorTop__feature__name">3D модели</div> </div> </div> </div> <div class="EditorTop__right"> <div class="EditorTop__coins EditorCoins"> <svg class="EditorCoins__icon" data-name="coin"> <use xlink:href="/static_site/sprite.svg#sprite:coin"></use> </svg> <div class="EditorCoins__amount">500</div> </div> <div class="EditorTop__divider"></div> <div class="EditorTop__actions"> <div class="EditorTop__button EditorTop__action"> <svg class="EditorTop__button__icon EditorTop__action__icon" data-name="info"> <use xlink:href="/static_site/sprite.svg#sprite:info"></use> </svg> </div><div class="EditorTop__button EditorTop__action"> <svg class="EditorTop__button__icon EditorTop__action__icon" data-name="brush"> <use xlink:href="/static_site/sprite.svg#sprite:brush"></use> </svg> </div><div class="EditorTop__button EditorTop__action"> <svg class="EditorTop__button__icon EditorTop__action__icon" data-name="download"> <use xlink:href="/static_site/sprite.svg#sprite:download"></use> </svg> </div> </div> <div class="EditorTop__divider"></div> <div class="EditorTop__button EditorTop__play"> <svg class="EditorTop__button__icon" data-name="play"> <use xlink:href="/static_site/sprite.svg#sprite:play"></use> </svg> </div> <div class="EditorTop__create EditorButton magic"> <svg class="EditorButton__icon" data-name="stars"> <use xlink:href="/static_site/sprite.svg#sprite:stars"></use> </svg> <span class="EditorButton__text">Создать</span> </div> </div> </div> <div class="Editor__flex"> <div class="EditorLeft" slot="flex"> <div class="EditorLeft__shadow"></div> <div class="EditorLeft__templates hidden-scrollbar"> <div class="EditorLeft__template active" style="--index:0"> <div class="EditorLeft__template__image-wrapper"> <div class="EditorLeft__template__loading"></div> <div class="EditorLeft__template__image"> <div class="EditorLeft__template__image__element Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/presentation.jpg" width="236" height="142"/></div> </div> <div class="EditorLeft__template__cancel-button EditorButton blue"> <svg class="EditorButton__icon" data-name="close-s"> <use xlink:href="/static_site/sprite.svg#sprite:close-s"></use> </svg> <span class="EditorButton__text">Отмена</span> </div> </div> <div class="EditorLeft__template__number">1</div> </div> </div> <div class="EditorLeft__EditorButtonBlock EditorButtonBlock"> <div class="EditorButtonBlock__button EditorButton magic"> <svg class="EditorButton__icon" data-name="plus-s"> <use xlink:href="/static_site/sprite.svg#sprite:plus-s"></use> </svg> <span class="EditorButton__text">Добавить слайд</span> </div> </div> </div><div class="Functions__presentation"> <div class="Functions__presentation__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/presentation.jpg" width="1598" height="832"/></div> <div class="Functions__presentation__texts"> <div class="Functions__presentation__title">Добро<br> пожаловать<br>в Slider Ai</div> <div class="Functions__presentation__logo"> <svg class="Functions__presentation__logo__icon" data-name="slider"> <use xlink:href="/static_site/sprite.svg#sprite:slider"></use> </svg> </div> </div> </div> </div> </div> <div class="Functions__content"> <h2 class="Functions__heading f-d-header-2 f-m-header-mobile"> <span class="Functions__heading__slider"> <span class="Functions__heading__slider__text">Slider Ai</span> <span class="Functions__heading__slider__icon1 FunctionIcon"> <span class="FunctionIcon__icon Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/icon1-orange.svg" width="20" height="20"/></span> </span> <span class="Functions__heading__slider__icon2 FunctionIcon"> <span class="FunctionIcon__icon Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/icon2-orange.svg" width="20" height="20"/></span> </span> </span> <span>наполнен функциями</span> <span class="Functions__heading__desktop">для всех, кто работает с презентациями</span> </h2> <div class="Functions__bento hidden-scrollbar"> <div class="Functions__bento__content"> <div class="Functions__bento__side"> <div class="Functions__bento__line"> <div class="Functions__bento__item Functions__bento__item_1"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/1.png" width="500" height="500"/></div> </div> </div> <div class="Functions__bento__line"> <div class="Functions__bento__item Functions__bento__item_2"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/2.png" width="500" height="500"/></div> </div> <div class="Functions__bento__item Functions__bento__item_3"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/3.png" width="500" height="500"/></div> </div> <div class="Functions__bento__item Functions__bento__item_4"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/4.png" width="500" height="500"/></div> </div> </div> <div class="Functions__bento__line"> <div class="Functions__bento__item Functions__bento__item_5"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/5.png" width="500" height="500"/></div> </div> </div> </div> <div class="Functions__bento__presentation"> <div class="Functions__bento__presentation__content"> <div class="Functions__bento__presentation__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/presentation.jpg" width="1598" height="832"/></div> <div class="Functions__bento__presentation__title">Добро<br> пожаловать<br>в Slider Ai</div> <svg class="Functions__bento__presentation__icon" data-name="slider"> <use xlink:href="/static_site/sprite.svg#sprite:slider"></use> </svg> </div> </div> <div class="Functions__bento__side"> <div class="Functions__bento__line"> <div class="Functions__bento__item Functions__bento__item_6"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/6.png" width="500" height="500"/></div> </div> </div> <div class="Functions__bento__line"> <div class="Functions__bento__item Functions__bento__item_7"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/7.png" width="500" height="500"/></div> </div> <div class="Functions__bento__item Functions__bento__item_8"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/8.png" width="500" height="500"/></div> </div> <div class="Functions__bento__item Functions__bento__item_9"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/9.png" width="500" height="500"/></div> </div> <div class="Functions__bento__item Functions__bento__item_10"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/10.png" width="500" height="500"/></div> </div> </div> <div class="Functions__bento__line"> <div class="Functions__bento__item Functions__bento__item_11"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/11.png" width="500" height="500"/></div> </div> </div> <div class="Functions__bento__line"> <div class="Functions__bento__item Functions__bento__item_12"> <div class="Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/functions/items/12.png" width="500" height="500"/></div> </div> </div> </div> </div> </div> <a href="/auth/login" data-router-ignore="true" class="Functions__button button ButtonPrimary fill"> <svg class="ButtonPrimary__icon" data-name="stars"> <use xlink:href="/static_site/sprite.svg#sprite:stars"></use> </svg> <span class="ButtonPrimary__text f-d-button-l f-m-button-m">Попробовать Slider Ai</span> </a> </div> </e-functions> <script type="module" src="/static_site/_astro/Functions.astro_astro_type_script_index_0_lang.Cz_wPX0-.js"></script> <section id="reviews" class="Trust"> <h2 class="Trust__heading f-d-header-1 f-m-header-mobile">Нам доверяют</h2> <e-trust-slider class="TrustSlider"> <div class="TrustSlider__list"> <div class="TrustSlider__list__scroll"> <div class="TrustSlider__list__item" style="--index:0"> <div class="ReviewCard"> <div class="ReviewCard__content ReviewContent"> <div class="ReviewContent__head"> <div class="ReviewContent__head__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/reviews/1-2.jpg" width="110" height="110"/></div> <div class="ReviewContent__head__right"> <div class="ReviewContent__name-wrapper"> <div class="ReviewContent__name f-d-header-3 f-m-label-heading">Кирилл В</div> <div class="ReviewContent__position f-d-header-3 f-m-label-heading">трафик-менеджер</div> </div> </div> </div> <div class="ReviewContent__body"> <div class="ReviewContent__text f-d-paragraph-m f-m-paragraph-s">В редакторе я в основном оформляю свои кейсы для демонстрации клиентам. Как правило, использую готовый шаблон, прикрепляю документы и генерю презентацию как черновик, а потом уже добавляю данные по кейсам в виде диаграмм для наглядности, дорабатываю текст, визуал, но даже так времени это занимает на...</div> </div> </div> <e-popover-button target="review-kirill-v" class="ReviewCard__more button ButtonIcon white"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">Читать полностью</span></e-popover-button> </div> </div><div class="TrustSlider__list__item" style="--index:1"> <div class="ReviewCard"> <div class="ReviewCard__content ReviewContent"> <div class="ReviewContent__head"> <div class="ReviewContent__head__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/reviews/3-2.jpg" width="110" height="110"/></div> <div class="ReviewContent__head__right"> <div class="ReviewContent__name-wrapper"> <div class="ReviewContent__name f-d-header-3 f-m-label-heading">Сергей Н</div> <div class="ReviewContent__position f-d-header-3 f-m-label-heading">Руководитель компании</div> </div> </div> </div> <div class="ReviewContent__body"> <div class="ReviewContent__text f-d-paragraph-m f-m-paragraph-s">Я в дизайне вообще ничего не понимаю, поэтому мне очень помогает функция, когда я могу просто накидать сырой текст на слайды, а затем все это причесать с помощью ии. Минут за 15 можно сделать аккуратную и стильную презентацию. Это реально сильно экономит силы и время.</div> </div> </div> </div> </div><div class="TrustSlider__list__item" style="--index:2"> <div class="ReviewCard"> <div class="ReviewCard__content ReviewContent"> <div class="ReviewContent__head"> <div class="ReviewContent__head__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/reviews/4-2.jpg" width="110" height="110"/></div> <div class="ReviewContent__head__right"> <div class="ReviewContent__name-wrapper"> <div class="ReviewContent__name f-d-header-3 f-m-label-heading">Анна К</div> <div class="ReviewContent__position f-d-header-3 f-m-label-heading">бренд-менеджер</div> </div> </div> </div> <div class="ReviewContent__body"> <div class="ReviewContent__text f-d-paragraph-m f-m-paragraph-s">Slider Ai для нас спасение при подготовке презентаций стратегии и отчетов для клиентов. В отличии от других редакторов, которыми мы с командой пользовались раньше, здесь не нужно быть дизайнером, чтобы создавать красивые презентации, за которые не стыдно перед важными клиентами.</div> </div> </div> </div> </div><div class="TrustSlider__list__item" style="--index:3"> <div class="ReviewCard"> <div class="ReviewCard__content ReviewContent"> <div class="ReviewContent__head"> <div class="ReviewContent__head__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/reviews/5-2.jpg" width="110" height="110"/></div> <div class="ReviewContent__head__right"> <div class="ReviewContent__name-wrapper"> <div class="ReviewContent__name f-d-header-3 f-m-label-heading">Ирина М</div> <div class="ReviewContent__position f-d-header-3 f-m-label-heading">отдел маркетинга</div> </div> </div> </div> <div class="ReviewContent__body"> <div class="ReviewContent__text f-d-paragraph-m f-m-paragraph-s">Как руководитель отдела, ценю, что с помощью Slider Ai все презентации команды выходят в едином корпоративном стиле. Это укрепляет бренд и выглядит профессионально. Встроенные диаграммы, особенно каскадные и Ганта, незаменимы для визуализации данных. Настройка бренд-кита заняла у нас 15 минут, и теп...</div> </div> </div> <e-popover-button target="review-irina-m" class="ReviewCard__more button ButtonIcon white"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">Читать полностью</span></e-popover-button> </div> </div><div class="TrustSlider__list__item" style="--index:4"> <div class="ReviewCard"> <div class="ReviewCard__content ReviewContent"> <div class="ReviewContent__head"> <div class="ReviewContent__head__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/reviews/6-2.jpg" width="110" height="110"/></div> <div class="ReviewContent__head__right"> <div class="ReviewContent__name-wrapper"> <div class="ReviewContent__name f-d-header-3 f-m-label-heading">Ольга М</div> <div class="ReviewContent__position f-d-header-3 f-m-label-heading">бизнес-тренер</div> </div> </div> </div> <div class="ReviewContent__body"> <div class="ReviewContent__text f-d-paragraph-m f-m-paragraph-s">В редакторе Slider Ai мне проще делать презентации для своих выступлений, потому что нужно по минимуму что-то делать вручную, много функций, которые позволяют просто нажать на кнопку и получить готовый результат. Плюсом есть возможность добавить видео прямо на слайды, а еще использовать 3D модели, р...</div> </div> </div> <e-popover-button target="review-olga-m" class="ReviewCard__more button ButtonIcon white"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">Читать полностью</span></e-popover-button> </div> </div> </div> </div> <div class="TrustSlider__bullets"> <div> <button title="слайд номер 0"></button><button title="слайд номер 1"></button><button title="слайд номер 2"></button><button title="слайд номер 3"></button><button title="слайд номер 4"></button> </div> </div> </e-trust-slider> <e-popover data-open-global-class="stop-scroll" data-popover="true" id="review-kirill-v" class="ReviewModal Modal"> <div class="Modal__scroll hidden-scrollbar" data-outside> <div class="Modal__content"> <e-popover-button title="Закрыть" target="review-kirill-v" class="Modal__close-button button ButtonCircle black stroke"><svg class="ButtonCircle__icon" data-name="plus"> <use xlink:href="/static_site/sprite.svg#sprite:plus"></use> </svg> </e-popover-button> <div class="ModalContentPlane light"> <div class="ReviewModal__content ReviewContent"> <div class="ReviewContent__head"> <div class="ReviewContent__head__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/reviews/1-2.jpg" width="110" height="110"/></div> <div class="ReviewContent__head__right"> <div class="ReviewContent__name-wrapper"> <div class="ReviewContent__name f-d-header-3 f-m-label-heading">Кирилл В</div> <div class="ReviewContent__position f-d-header-3 f-m-label-heading">трафик-менеджер</div> </div> </div> </div> <div class="ReviewContent__body"> <div class="ReviewContent__text f-d-paragraph-m f-m-paragraph-s">В редакторе я в основном оформляю свои кейсы для демонстрации клиентам. Как правило, использую готовый шаблон, прикрепляю документы и генерю презентацию как черновик, а потом уже добавляю данные по кейсам в виде диаграмм для наглядности, дорабатываю текст, визуал, но даже так времени это занимает намного меньше, чем в старом добром PowerPoint. Удобно, что не нужно переходить на другие сервисы, типа ии или стоков, в процессе подготовки слайдов, все в одном окне.</div> </div> </div> </div> </div> </div> </e-popover><e-popover data-open-global-class="stop-scroll" data-popover="true" id="review-irina-m" class="ReviewModal Modal"> <div class="Modal__scroll hidden-scrollbar" data-outside> <div class="Modal__content"> <e-popover-button title="Закрыть" target="review-irina-m" class="Modal__close-button button ButtonCircle black stroke"><svg class="ButtonCircle__icon" data-name="plus"> <use xlink:href="/static_site/sprite.svg#sprite:plus"></use> </svg> </e-popover-button> <div class="ModalContentPlane light"> <div class="ReviewModal__content ReviewContent"> <div class="ReviewContent__head"> <div class="ReviewContent__head__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/reviews/5-2.jpg" width="110" height="110"/></div> <div class="ReviewContent__head__right"> <div class="ReviewContent__name-wrapper"> <div class="ReviewContent__name f-d-header-3 f-m-label-heading">Ирина М</div> <div class="ReviewContent__position f-d-header-3 f-m-label-heading">отдел маркетинга</div> </div> </div> </div> <div class="ReviewContent__body"> <div class="ReviewContent__text f-d-paragraph-m f-m-paragraph-s">Как руководитель отдела, ценю, что с помощью Slider Ai все презентации команды выходят в едином корпоративном стиле. Это укрепляет бренд и выглядит профессионально. Встроенные диаграммы, особенно каскадные и Ганта, незаменимы для визуализации данных. Настройка бренд-кита заняла у нас 15 минут, и теперь все слайды автоматически соответствуют нашему фирменному стилю.</div> </div> </div> </div> </div> </div> </e-popover><e-popover data-open-global-class="stop-scroll" data-popover="true" id="review-olga-m" class="ReviewModal Modal"> <div class="Modal__scroll hidden-scrollbar" data-outside> <div class="Modal__content"> <e-popover-button title="Закрыть" target="review-olga-m" class="Modal__close-button button ButtonCircle black stroke"><svg class="ButtonCircle__icon" data-name="plus"> <use xlink:href="/static_site/sprite.svg#sprite:plus"></use> </svg> </e-popover-button> <div class="ModalContentPlane light"> <div class="ReviewModal__content ReviewContent"> <div class="ReviewContent__head"> <div class="ReviewContent__head__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/reviews/6-2.jpg" width="110" height="110"/></div> <div class="ReviewContent__head__right"> <div class="ReviewContent__name-wrapper"> <div class="ReviewContent__name f-d-header-3 f-m-label-heading">Ольга М</div> <div class="ReviewContent__position f-d-header-3 f-m-label-heading">бизнес-тренер</div> </div> </div> </div> <div class="ReviewContent__body"> <div class="ReviewContent__text f-d-paragraph-m f-m-paragraph-s">В редакторе Slider Ai мне проще делать презентации для своих выступлений, потому что нужно по минимуму что-то делать вручную, много функций, которые позволяют просто нажать на кнопку и получить готовый результат. Плюсом есть возможность добавить видео прямо на слайды, а еще использовать 3D модели, раньше никогда, кстати их не использовала, а оказалось, что классный инструмент, чтобы произвести вау эффект на зрителей, погрузить так сказать в историю. </div> </div> </div> </div> </div> </div> </e-popover> </section> <script type="module" src="/static_site/_astro/Trust.astro_astro_type_script_index_0_lang.DEQ8bcBe.js"></script> <e-try data-header-no-overlay="true" class="Try"> <div class="Try__theme-change" data-header-white-theme></div> <h2 class="Try__heading Try__heading_desktop f-d-header-1 f-m-header-mobile">Ваша следующая великая работа всего в одном шаге от вас</h2> <div aria-hidden="true" class="Try__heading Try__heading_mobile f-d-header-1 f-m-header-mobile">Быстрые и эффективные презентации</div> <div class="Try__button"> <a href="/auth/login" data-router-ignore="true" class="button ButtonPrimary fill"> <svg class="ButtonPrimary__icon" data-name="stars"> <use xlink:href="/static_site/sprite.svg#sprite:stars"></use> </svg> <span class="ButtonPrimary__text f-d-button-l f-m-button-m">Попробовать Slider Ai</span> </a> </div> <e-scroll-region class="Try__pointer-area"> <div class="Try__image-wrapper"> <div class="Try__image Image loadAnimation background"><div class="ItemLoading"></div><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt="Интерфейс редактора Slider Ai" src="/static_site/images/try/program.jpg" width="1600" height="800"/></div> </div> <div class="Try__image-button"> <div class="Try__image-button__inner"> <a href="/auth/login" data-router-ignore="true" class="button ButtonPrimary fill"> <svg class="ButtonPrimary__icon" data-name="stars"> <use xlink:href="/static_site/sprite.svg#sprite:stars"></use> </svg> <span class="ButtonPrimary__text f-d-button-l f-m-button-m">Попробовать Slider Ai</span> </a></div></div> </e-scroll-region> <e-video-screen srcset="/static_site/video/ideas.mp4#t=0.1" lazy="true" release-pause="true" loop="true" muted="true" playsinline="true" preload="metadata" class="Try__video VideoScreen"> <div class="VideoScreen__button"> <button title="Начать проигрывание" class="VideoScreen__button__play button ButtonCircle blue fill largerOnMobile"><svg class="ButtonCircle__icon" data-name="play"> <use xlink:href="/static_site/sprite.svg#sprite:play"></use> </svg> </button> </div> </e-video-screen> <script type="module" src="/static_site/_astro/VideoScreen.astro_astro_type_script_index_0_lang.Dbvkyig3.js"></script> </e-try> <script type="module" src="/static_site/_astro/Try.astro_astro_type_script_index_0_lang.CKH42Hh0.js"></script> <footer class="Footer dark" data-header-hide data-header-white-theme> <div class="Footer__top layout-grid"> <div class="FooterCol dark"> <div class="FooterCol__title f-d-paragraph-m">Карта сайта</div> <ul class="FooterCol__list f-d-paragraph-s"> <li class="FooterCol__item"> <a class="FooterCol__item__link" href="/templates">Шаблоны</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="/blog">Блог</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="/plans">Лицензии</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="/#reviews">Отзывы</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="/#faq">Вопросы</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="/auth/login" data-router-ignore="true">Личный кабинет</a> </li> </ul> </div> <div class="FooterCol largeGap dark"> <div class="FooterCol__title f-d-paragraph-m">Связаться</div> <ul class="FooterCol__list f-d-paragraph-s"> <li class="FooterCol__item"> <a class="FooterCol__item__link" href="mailto:info@slider-ai.ru">info@slider-ai.ru</a> <span class="FooterCol__item__descr">по вопросам сотрудничества и лицензирования</span> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="https://vk.com/slider_presentations">VK</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="https://t.me/slider_presentations">Telegram</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="https://rutube.ru/channel/38953012/">RuTube</a> </li> </ul> </div> <div class="FooterCol dark"> <div class="FooterCol__title f-d-paragraph-m">Адрес</div> <ul class="FooterCol__list f-d-paragraph-s"> <li class="FooterCol__item"> <span class="FooterCol__item__descr">г. Тюмень, ул. Циолковского, д. 9, помещ. 11</span> </li> </ul> </div> <div class="FooterCol dark"> <div class="FooterCol__title f-d-paragraph-m">Юридическая информация</div> <ul class="FooterCol__list f-d-paragraph-s"> <li class="FooterCol__item"> <a class="FooterCol__item__link" href="/privacy-policy">Политика обработки персональных данных</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="/soglasie">Согласие на обработку данных</a> </li><li class="FooterCol__item"> <a class="FooterCol__item__link" href="https://slider-ai.ru/docs/slider-public-docs/public-ofert.pdf" data-router-ignore="true">Публичная оферта</a> </li> </ul> </div> </div> <div class="Footer__middle"> <svg class="Footer__middle__icon" data-name="skolkovo"> <use xlink:href="/static_site/sprite.svg#sprite:skolkovo"></use> </svg> <div class="Footer__middle__slide Image loadAnimation"><img class="Image__AstroImage" draggable="false" loading="lazy" decoding="async" alt src="/static_site/images/slider-dark-blue.svg" width="1838" height="560"/></div> </div> <div class="Footer__bottom layout-grid f-d-paragraph-s"> <div class="Footer__bottom__item">ООО «Слайдер Презентации» Все права защищены</div><div class="Footer__bottom__item">ИНН: 7203518506</div><div class="Footer__bottom__item">Регистрационный номер вреестр ЭВМ: 2022682777</div><div class="Footer__bottom__item">Номер в реестре резидентов фонда Сколково: 1124629</div> </div> </footer> </e-smooth-scroll> <e-popover data-open-global-class="stop-scroll" data-popover="true" id="connect" class="ConnectModal Modal"> <div class="Modal__scroll hidden-scrollbar" data-outside> <div class="Modal__content"> <e-popover-button title="Закрыть" target="connect" class="Modal__close-button button ButtonCircle black stroke"><svg class="ButtonCircle__icon" data-name="plus"> <use xlink:href="/static_site/sprite.svg#sprite:plus"></use> </svg> </e-popover-button> <div class="ConnectModal__content ModalContentPlane dark"> <div class="ConnectModal__title f-d-header-3 f-m-label-heading">Хотите внедрить Slider Ai в компанию?</div> <div class="ConnectModal__description f-d-paragraph-m f-m-paragraph-s">Заполните форму, личный менеджер проведет вам демонстрацию и ответит на все вопросы по безопасности, интеграции и стоимости</div> <e-connect-form data-response-modal="connect-response" data-path="https://artrange-digital.bitrix24.ru/bitrix/services/main/ajax.php" data-ym-target="b2b_form" data-close-popover="true" data-url-parameters="true" class="ConnectModal__form Form"> <form class="Form__native" novalidate> <div class="ConnectModal__inputs"> <input class="hidden" type="hidden" name="sec" value="usw6r9"><script type="module">class s extends HTMLElement{#n=null;#t=null;#e=[];#a=null;get value(){return this.dataset.type==="select"?this.#e.find(e=>e.checked)?.value||"":this.#e[0]?.value||""}changeType(e){this.setAttribute("data-type",e),this.#e.forEach(t=>{t.setAttribute("type",e)})}connectedCallback(){this.#h(),document.addEventListener("spaBeforeUpdate",this.#c),document.addEventListener("spaAfterUpdate",this.#u)}disconnectedCallback(){this.#r(),document.removeEventListener("spaBeforeUpdate",this.#c),document.removeEventListener("spaAfterUpdate",this.#u)}#h(){this.#n=this.querySelector(".Input__input"),this.#e=[...this.querySelectorAll("input"),...this.querySelectorAll("textarea")],this.#e.forEach(e=>{e.addEventListener("input",this.#s),e.addEventListener("change",this.#s),e.addEventListener("invalid",this.#l)}),this.#a=this.querySelector(".Input__eye"),this.#a?.addEventListener("click",this.#d),this.#t=this.querySelector(".Input__popover__search__input"),this.#t?.addEventListener("input",this.#i),this.#t?.addEventListener("change",this.#i)}#r(){this.#e.forEach(e=>{e.removeEventListener("input",this.#s),e.removeEventListener("change",this.#s),e.removeEventListener("invalid",this.#l)}),this.#a?.removeEventListener("click",this.#d),this.#t?.removeEventListener("input",this.#i),this.#t?.removeEventListener("change",this.#i)}#o(){this.#e.forEach(e=>{e.setCustomValidity("")}),this.classList.remove("invalid"),this.classList.toggle("has-value",!!this.value),this.dataset.type==="select"&&this.#n&&(this.#n.textContent=this.value)}#s=()=>{this.#o()};#l=e=>{this.dataset.type==="select"&&e.preventDefault(),this.classList.add("invalid")};#d=()=>{this.dataset.type==="password"?this.changeType("text"):this.changeType("password")};#i=()=>{const e=this.#t.value;this.#e.forEach(t=>{t.value.toLowerCase().includes(e.toLowerCase())?t.parentElement.style.display="":t.parentElement.style.display="none"})};#c=()=>{this.#e.forEach(e=>{e.value=""})};#u=()=>{this.#r(),this.#h()}}customElements.get("e-input")||customElements.define("e-input",s);</script><input class="hidden" type="hidden" name="id" value="100"><e-input data-type="text" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><input class="Input__input" type="text" name="name" required autocomplete="name"><span class="Input__placeholder"><span class="Input__placeholder__text">Имя*</span></span></label></e-input><e-input data-type="text" data-validators="[{"regEx":"^(?!.*(?<!\\S)(?:детский сад|детсад|ясли|ясельный|дошкольный|дошк|мбдоу|гбдоу|доу|школа|школьный|общеобразовательный|сош|оош|нош|гимназия|гимназический|лицей|лицейский|кадетский корпус|кадет|суворовское училище|нахимовское училище|школа-интернат|интернат|коррекционная школа|специальная школа|начальная школа|средняя школа|основная школа|мбоу|гбоу|маоу|гаоу|мкоу|гкоу|колледж|техникум|училище|профессиональный лицей|профлицей|профессиональное училище|пу|пл|поу|спо|гбпоу|гапоу|огбпоу|чпоу|апоу|университет|институт|академия|вуз|высшее образование|высшая школа|факультет|кафедра|аспирантура|докторантура|магистратура|бакалавриат|специалитет|фгбоу во|фгБОУ|фгаоу во|огбу во|нгу|мгу|спбгу|вше|национальный исследовательский университет|федеральный университет|дополнительное образование|доп образование|дополнительное профессиональное|курсы повышения квалификации|переподготовка|дпо|до|мбу до|гбу до|цдо|учебный центр|центр повышения квалификации|школа искусств|музыкальная школа|художественная школа|спортивная школа|детская школа|юношеская школа|образовательный центр|учебно-методический центр|ресурсный центр|инновационный центр|сколково|образовательная платформа|онлайн-школа|интернет-школа|дистанционная школа|репетитор|репетиторство|тьютор|тьюторство|оу|оо|поу|во|впо|нпо|спо|до|дпо|доп|фг|гб|ма|ка|бу|ку|ау|гбоу|гбпоу|гбдоу|гбу до|мбоу|мбпоу|мбдоу|мбу до|фгбоу|фгбпоу|фгбдоу|фгаоу|огаоу|оаоу|чпоу|чдоу|чоу|ано|оано|ип|индивидуальный предприниматель|самозанятый|студент|студенты|студенческий|студентка|школьник|школьники|школьница|ученик|ученица|учащийся|преподаватель|преподаватели|преподавательский|учитель|учителя|учительский|педагог|педагоги|воспитатель|воспитатели|куратор|тьютор|методист|аспирант|аспиранты|докторант|соискатель|абитуриент|абитуриенты|выпускник|выпускники|профессор|доцент|академик|ректор|проректор|декан|завуч|директор школы|классный руководитель|родитель|родители|законный представитель|обучающийся|обучающиеся|воспитанник|воспитанники|образование|образовательный|образовательная|образовательное|обучение|учебный|учебная|учебное|учебно|учеба|учиться|учусь|учимся|педагогический|педагогика|методический|методика|образовательная программа|учебная программа|рабочая программа|фгос|федеральный государственный образовательный стандарт|аттестация|аккредитация|лицензия|образовательная лицензия|диплом|аттестат|сертификат|свидетельство|грамота|экзамен|зачёт|зачет|сессия|контрольная|лабораторная|домашнее задание|дз|урок|уроки|пара|пары|расписание|класс|группа|курс|семестр|триместр|четверть|каникулы|педагогический совет|педсовет|родительское собрание|математика|алгебра|геометрия|физика|химия|биология|история|география|обществознание|литература|язык|лингвистика|иностранный язык|английский|немецкий|французский|китайский|информатика|программирование|компьютер|ит|цифровые технологии|физкультура|спорт|музыка|изо|технология|труд|начальные классы|дошкольное образование|коррекционная педагогика|логопедия|дефектология|психология|социальная педагогика|онлайн-образование|дистанционное обучение|онлайн-курс|вебинар|образовательный проект|просветительский|просвещение|детский центр|развивающий центр|центр развития|подготовка к школе|подготовка к егэ|подготовка к огэ|репетитор по|занятия с|индивидуальные занятия|групповые занятия|образовательные услуги|услуги в сфере образования|учебные материалы|учебник|учебное пособие|методичка|школьный бюджет|грант на образование|образовательный грант|стипендия|бюджетное место|целевое обучение|детский садик|садик|ясли-сад|группа продленного дня|гпд|начальная школа-детский сад|школа раннего развития|развивашки|лицей при|гимназия при|школа при вузе|университетская гимназия|инженерная школа|медицинский колледж|педагогический колледж|художественный колледж|музыкальный колледж|спортивный колледж|военное училище|морской колледж|речное училище|духовная семинария|духовная академия|медресе|хедер|автошкола|школа вождения|учебный комбинат|учебно-производственный комбинат|центр внешкольной работы|цвр|дом творчества|дворец пионеров|станция юных техников|сют|станция юннатов|детско-юношеский центр|дворец молодежи|молодежный центр|студенческий клуб|образовательный консорциум|учебно-научный центр|нц|унц|базовая кафедра|опорный вуз|региональный учебный центр|корпоративный университет|учебный центр компании|академия компании|школа лидера|школа резерва|кадровый резерв|обучение персонала|переподготовка кадров|повышение квалификации специалистов|профессиональная переподготовка|курсы для педагогов|курсы для учителей|методическое объединение|районный методический кабинет|рмк|городской методический центр|гмц|институт развития образования|академия повышения квалификации|апк|ипк|ипкро|учебно-методическое объединение|умо|федеральный учебно-методический центр|ресурсный учебно-методический центр|румц|адаптивные технологии|инклюзивное образование|инклюзия|овз|ограниченные возможности здоровья|тфокс|типографика|спецшкола|вечерняя школа|заочная школа|семейное образование|хоумскулинг|анскулинг|онлайн-репетитор|платформа для обучения|лмс|система дистанционного обучения|сдо|электронная школа|электронный журнал|электронный дневник|дневник\\.ру|мэш|мос\\.ру|госуслуги образование|фрдо|федеральный реестр|мероприятие для педагогов|конференция для учителей|форум образования|педагогический марафон|урок года|воспитатель года|лучший учитель|олимпиада|всероссийская олимпиада|школьная олимпиада|конкурс учителей|образовательный стандарт|примерная программа|календарно-тематическое планирование|кпт|поурочное планирование|технологическая карта урока|фгос до|фгос ноо|фгос ооо|фгос соо|фгос спо|фгос во|профстандарт|профессиональный стандарт)(?!\\S)).*$","error":"Данная форма предназначена только для корпоративного подключения. Если вы хотите использовать Slider Ai в образовательных или частных целях, пожалуйста, зарегистрируйте учетную запись <u>Slider Ai</u>.","onErrorKey":"corporate-offer-denied"}]" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><input class="Input__input" type="text" name="company" required autocomplete><span class="Input__placeholder"><span class="Input__placeholder__text">Компания*</span></span></label></e-input><e-input data-type="email" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><input class="Input__input" type="email" name="email" required autocomplete="email"><span class="Input__placeholder"><span class="Input__placeholder__text">Электронная почта*</span></span></label></e-input><e-input data-type="text" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><input class="Input__input" type="text" name="phone" required autocomplete="tel"><span class="Input__placeholder"><span class="Input__placeholder__text">Телефон*</span></span></label></e-input><e-input data-type="textarea" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><textarea class="Input__input hidden-scrollbar" name="comment"></textarea><span class="Input__placeholder"><span class="Input__placeholder__text">Комментарий</span></span></label></e-input> </div> <div class="ConnectModal__form__errors" data-connect-modal-errors> </div> <a href="/auth/login/" data-router-ignore="true" class="ConnectModal__form__button ConnectModal__submit-register ButtonSubmit submit-button button ButtonIcon blue"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">Зарегистрироваться в Slider Ai</span></a> <button data-router-ignore="true" type="submit" class="ConnectModal__form__button ConnectModal__submit-send ButtonSubmit submit-button orange button ButtonIcon orange"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">Отправить</span></button> <div class="ConnectModal__form__policy SmallText f-d-label-text">Нажимая на кнопку, Вы принимаете <a data-router-ignore href="https://slider-ai.ru/docs/slider-public-docs/public-ofert.pdf">Публичную оферту</a> и <a href="/privacy-policy">политику конфиденциальности</a>.</div> </form> <div class="Form__error f-d-button-s" data-form-error></div></e-connect-form> <script type="module" src="/static_site/_astro/Form.astro_astro_type_script_index_0_lang.wfq3cmls.js"></script> </div> </div> </div> </e-popover> <e-popover data-open-global-class="stop-scroll" data-popover="true" id="connect-response" class="ResponseModal Modal"> <div class="Modal__scroll hidden-scrollbar" data-outside> <div class="Modal__content"> <e-popover-button title="Закрыть" target="connect-response" class="Modal__close-button button ButtonCircle black stroke"><svg class="ButtonCircle__icon" data-name="plus"> <use xlink:href="/static_site/sprite.svg#sprite:plus"></use> </svg> </e-popover-button> <div class="ResponseModal__content ModalContentPlane dark"> <div class="ResponseModal__title f-d-header-3 f-m-label-heading">Ваша заявка уже рассматривается нашей командой</div><div class="ResponseModal__description f-d-paragraph-m f-m-paragraph-s">Скоро мы с вами свяжемся!</div><a href="/" data-popover-close="connect-response" class="ResponseModal__button button ButtonIcon blue"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">На главную</span></a> </div> </div> </div> </e-popover> <script type="module" src="/static_site/_astro/ConnectModal.astro_astro_type_script_index_0_lang.-PthR3Mf.js"></script> <div class="Popups"> <e-cookies class="Cookies"> <div class="Cookies__title f-d-paragraph-m f-m-paragraph-s">Мы используем <a href="/privacy-policy">файлы cookie</a>, чтобы улучшить работу сайта</div> <button class="button Cookies__button f-d-button-s">ОK</button> </e-cookies> <script type="module" src="/static_site/_astro/Cookies.astro_astro_type_script_index_0_lang.DtQ5wI2c.js"></script> </div> <e-action-response class="ActionResponse"> <div class="ActionResponse__text f-d-paragraph-m">Форма успешно отправлена</div> </e-action-response> <script type="module">class t extends HTMLElement{#e=null;#t;constructor(){super(),this.addEventListener("click",()=>{this.classList.remove("active")})}show(e){clearTimeout(this.#t),this.#e&&(this.#e.innerHTML=e),this.classList.add("active"),this.#t=setTimeout(()=>{this.classList.remove("active")},4e3)}connectedCallback(){this.#e=this.querySelector(".ActionResponse__text")}disconnectedCallback(){clearTimeout(this.#t)}}customElements.get("e-action-response")||customElements.define("e-action-response",t);</script> <e-popover data-open-global-class="stop-scroll" data-popover="true" id="connect" class="ConnectModal Modal"> <div class="Modal__scroll hidden-scrollbar" data-outside> <div class="Modal__content"> <e-popover-button title="Закрыть" target="connect" class="Modal__close-button button ButtonCircle black stroke"><svg class="ButtonCircle__icon" data-name="plus"> <use xlink:href="/static_site/sprite.svg#sprite:plus"></use> </svg> </e-popover-button> <div class="ConnectModal__content ModalContentPlane dark"> <div class="ConnectModal__title f-d-header-3 f-m-label-heading">Хотите внедрить Slider Ai в компанию?</div> <div class="ConnectModal__description f-d-paragraph-m f-m-paragraph-s">Заполните форму, личный менеджер проведет вам демонстрацию и ответит на все вопросы по безопасности, интеграции и стоимости</div> <e-connect-form data-response-modal="connect-response" data-path="https://artrange-digital.bitrix24.ru/bitrix/services/main/ajax.php" data-ym-target="b2b_form" data-close-popover="true" data-url-parameters="true" class="ConnectModal__form Form"> <form class="Form__native" novalidate> <div class="ConnectModal__inputs"> <input class="hidden" type="hidden" name="sec" value="usw6r9"><input class="hidden" type="hidden" name="id" value="100"><e-input data-type="text" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><input class="Input__input" type="text" name="name" required autocomplete="name"><span class="Input__placeholder"><span class="Input__placeholder__text">Имя*</span></span></label></e-input><e-input data-type="text" data-validators="[{"regEx":"^(?!.*(?<!\\S)(?:детский сад|детсад|ясли|ясельный|дошкольный|дошк|мбдоу|гбдоу|доу|школа|школьный|общеобразовательный|сош|оош|нош|гимназия|гимназический|лицей|лицейский|кадетский корпус|кадет|суворовское училище|нахимовское училище|школа-интернат|интернат|коррекционная школа|специальная школа|начальная школа|средняя школа|основная школа|мбоу|гбоу|маоу|гаоу|мкоу|гкоу|колледж|техникум|училище|профессиональный лицей|профлицей|профессиональное училище|пу|пл|поу|спо|гбпоу|гапоу|огбпоу|чпоу|апоу|университет|институт|академия|вуз|высшее образование|высшая школа|факультет|кафедра|аспирантура|докторантура|магистратура|бакалавриат|специалитет|фгбоу во|фгБОУ|фгаоу во|огбу во|нгу|мгу|спбгу|вше|национальный исследовательский университет|федеральный университет|дополнительное образование|доп образование|дополнительное профессиональное|курсы повышения квалификации|переподготовка|дпо|до|мбу до|гбу до|цдо|учебный центр|центр повышения квалификации|школа искусств|музыкальная школа|художественная школа|спортивная школа|детская школа|юношеская школа|образовательный центр|учебно-методический центр|ресурсный центр|инновационный центр|сколково|образовательная платформа|онлайн-школа|интернет-школа|дистанционная школа|репетитор|репетиторство|тьютор|тьюторство|оу|оо|поу|во|впо|нпо|спо|до|дпо|доп|фг|гб|ма|ка|бу|ку|ау|гбоу|гбпоу|гбдоу|гбу до|мбоу|мбпоу|мбдоу|мбу до|фгбоу|фгбпоу|фгбдоу|фгаоу|огаоу|оаоу|чпоу|чдоу|чоу|ано|оано|ип|индивидуальный предприниматель|самозанятый|студент|студенты|студенческий|студентка|школьник|школьники|школьница|ученик|ученица|учащийся|преподаватель|преподаватели|преподавательский|учитель|учителя|учительский|педагог|педагоги|воспитатель|воспитатели|куратор|тьютор|методист|аспирант|аспиранты|докторант|соискатель|абитуриент|абитуриенты|выпускник|выпускники|профессор|доцент|академик|ректор|проректор|декан|завуч|директор школы|классный руководитель|родитель|родители|законный представитель|обучающийся|обучающиеся|воспитанник|воспитанники|образование|образовательный|образовательная|образовательное|обучение|учебный|учебная|учебное|учебно|учеба|учиться|учусь|учимся|педагогический|педагогика|методический|методика|образовательная программа|учебная программа|рабочая программа|фгос|федеральный государственный образовательный стандарт|аттестация|аккредитация|лицензия|образовательная лицензия|диплом|аттестат|сертификат|свидетельство|грамота|экзамен|зачёт|зачет|сессия|контрольная|лабораторная|домашнее задание|дз|урок|уроки|пара|пары|расписание|класс|группа|курс|семестр|триместр|четверть|каникулы|педагогический совет|педсовет|родительское собрание|математика|алгебра|геометрия|физика|химия|биология|история|география|обществознание|литература|язык|лингвистика|иностранный язык|английский|немецкий|французский|китайский|информатика|программирование|компьютер|ит|цифровые технологии|физкультура|спорт|музыка|изо|технология|труд|начальные классы|дошкольное образование|коррекционная педагогика|логопедия|дефектология|психология|социальная педагогика|онлайн-образование|дистанционное обучение|онлайн-курс|вебинар|образовательный проект|просветительский|просвещение|детский центр|развивающий центр|центр развития|подготовка к школе|подготовка к егэ|подготовка к огэ|репетитор по|занятия с|индивидуальные занятия|групповые занятия|образовательные услуги|услуги в сфере образования|учебные материалы|учебник|учебное пособие|методичка|школьный бюджет|грант на образование|образовательный грант|стипендия|бюджетное место|целевое обучение|детский садик|садик|ясли-сад|группа продленного дня|гпд|начальная школа-детский сад|школа раннего развития|развивашки|лицей при|гимназия при|школа при вузе|университетская гимназия|инженерная школа|медицинский колледж|педагогический колледж|художественный колледж|музыкальный колледж|спортивный колледж|военное училище|морской колледж|речное училище|духовная семинария|духовная академия|медресе|хедер|автошкола|школа вождения|учебный комбинат|учебно-производственный комбинат|центр внешкольной работы|цвр|дом творчества|дворец пионеров|станция юных техников|сют|станция юннатов|детско-юношеский центр|дворец молодежи|молодежный центр|студенческий клуб|образовательный консорциум|учебно-научный центр|нц|унц|базовая кафедра|опорный вуз|региональный учебный центр|корпоративный университет|учебный центр компании|академия компании|школа лидера|школа резерва|кадровый резерв|обучение персонала|переподготовка кадров|повышение квалификации специалистов|профессиональная переподготовка|курсы для педагогов|курсы для учителей|методическое объединение|районный методический кабинет|рмк|городской методический центр|гмц|институт развития образования|академия повышения квалификации|апк|ипк|ипкро|учебно-методическое объединение|умо|федеральный учебно-методический центр|ресурсный учебно-методический центр|румц|адаптивные технологии|инклюзивное образование|инклюзия|овз|ограниченные возможности здоровья|тфокс|типографика|спецшкола|вечерняя школа|заочная школа|семейное образование|хоумскулинг|анскулинг|онлайн-репетитор|платформа для обучения|лмс|система дистанционного обучения|сдо|электронная школа|электронный журнал|электронный дневник|дневник\\.ру|мэш|мос\\.ру|госуслуги образование|фрдо|федеральный реестр|мероприятие для педагогов|конференция для учителей|форум образования|педагогический марафон|урок года|воспитатель года|лучший учитель|олимпиада|всероссийская олимпиада|школьная олимпиада|конкурс учителей|образовательный стандарт|примерная программа|календарно-тематическое планирование|кпт|поурочное планирование|технологическая карта урока|фгос до|фгос ноо|фгос ооо|фгос соо|фгос спо|фгос во|профстандарт|профессиональный стандарт)(?!\\S)).*$","error":"Данная форма предназначена только для корпоративного подключения. Если вы хотите использовать Slider Ai в образовательных или частных целях, пожалуйста, зарегистрируйте учетную запись <u>Slider Ai</u>.","onErrorKey":"corporate-offer-denied"}]" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><input class="Input__input" type="text" name="company" required autocomplete><span class="Input__placeholder"><span class="Input__placeholder__text">Компания*</span></span></label></e-input><e-input data-type="email" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><input class="Input__input" type="email" name="email" required autocomplete="email"><span class="Input__placeholder"><span class="Input__placeholder__text">Электронная почта*</span></span></label></e-input><e-input data-type="text" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><input class="Input__input" type="text" name="phone" required autocomplete="tel"><span class="Input__placeholder"><span class="Input__placeholder__text">Телефон*</span></span></label></e-input><e-input data-type="textarea" class="ConnectModal__input Input f-d-paragraph-s dark"><label class="Input__label"><textarea class="Input__input hidden-scrollbar" name="comment"></textarea><span class="Input__placeholder"><span class="Input__placeholder__text">Комментарий</span></span></label></e-input> </div> <div class="ConnectModal__form__errors" data-connect-modal-errors> </div> <a href="/auth/login/" data-router-ignore="true" class="ConnectModal__form__button ConnectModal__submit-register ButtonSubmit submit-button button ButtonIcon blue"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">Зарегистрироваться в Slider Ai</span></a> <button data-router-ignore="true" type="submit" class="ConnectModal__form__button ConnectModal__submit-send ButtonSubmit submit-button orange button ButtonIcon orange"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">Отправить</span></button> <div class="ConnectModal__form__policy SmallText f-d-label-text">Нажимая на кнопку, Вы принимаете <a data-router-ignore href="https://slider-ai.ru/docs/slider-public-docs/public-ofert.pdf">Публичную оферту</a> и <a href="/privacy-policy">политику конфиденциальности</a>.</div> </form> <div class="Form__error f-d-button-s" data-form-error></div></e-connect-form> </div> </div> </div> </e-popover> <e-popover data-open-global-class="stop-scroll" data-popover="true" id="connect-response" class="ResponseModal Modal"> <div class="Modal__scroll hidden-scrollbar" data-outside> <div class="Modal__content"> <e-popover-button title="Закрыть" target="connect-response" class="Modal__close-button button ButtonCircle black stroke"><svg class="ButtonCircle__icon" data-name="plus"> <use xlink:href="/static_site/sprite.svg#sprite:plus"></use> </svg> </e-popover-button> <div class="ResponseModal__content ModalContentPlane dark"> <div class="ResponseModal__title f-d-header-3 f-m-label-heading">Ваша заявка уже рассматривается нашей командой</div><div class="ResponseModal__description f-d-paragraph-m f-m-paragraph-s">Скоро мы с вами свяжемся!</div><a href="/" data-popover-close="connect-response" class="ResponseModal__button button ButtonIcon blue"> <span class="ButtonIcon__icon__name f-d-button-s f-m-button-s">На главную</span></a> </div> </div> </div> </e-popover> <div class="Loading" data-preserve> <e-loading class="Loading__scale"></e-loading> <script type="module">class e extends HTMLElement{connectedCallback(){document.addEventListener("spaBeforeFetch",this.#e),document.addEventListener("formStartSubmit",this.#e),document.addEventListener("spaAfterUpdate",this.#t),document.addEventListener("formEndSubmit",this.#t)}disconnectedCallback(){document.removeEventListener("spaBeforeFetch",this.#e),document.removeEventListener("formStartSubmit",this.#e),document.removeEventListener("spaAfterUpdate",this.#t),document.removeEventListener("formEndSubmit",this.#t)}#e=()=>{this.classList.remove("loading","loaded"),setTimeout(()=>{this.classList.add("loading")},10)};#t=()=>{setTimeout(()=>{this.classList.add("loaded")},20)}}customElements.get("e-loading")||customElements.define("e-loading",e);</script> </div> </body></html>