Справочники, инструменты, документация

JavaScript: Создание презентаций HTML с помощью Reveal.js

Reveal.js — очень мощная платформа для создания HTML-презентаций, поскольку она имеет множество расширенных функций. С помощью Reveal.js вы можете создать презентацию, поддерживающую мобильные жесты, такие как сведение и скольжение.
<!DOCTYPE html>
<html lang="en" >
<head>
 <meta charset="UTF-8">
 <title>revealjs demo</title>
 <link rel='stylesheet' href='./reveal.min.css'>
<link rel='stylesheet' href='./black.min.css'>

</head>
<body>
<!-- partial:index.partial.html -->
<div class="reveal">
 <div class="slides">
 <section>Слайд 1</section>
        <section data-background="#4d7e65" data-background-transition="zoom">Sayfa 1</section>
 <section>Слайд 2</section>
 <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png">Sayfa 3</section>
        <section>Спасибо за просмотр</section>
 <section>
  <section id="fragments">
   <h2>Фрагменты</h2>
   <p>Нажми на следующую стрелку...</p>
   <p class="fragment">... чтобы пройти через ...</p>
   <p><span class="fragment">... </span> <span class="fragment">фрагмент</span> <span class="fragment">слайда.</span></p>

   <aside class="notes">
   На этом слайде есть фрагменты, которые также просматриваются пошагово в окне заметок.
   </aside>
  </section>
 </section>
        <section>Конец</section>
 </div>
</div>
<!-- partial -->
<script src='./reveal.min.js'></script>
<script src="./script.js"></script>

</body>
</html>

Скачать пример