index.html

<!doctype html>
<html lang="en">

<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

   <title>My Presentation Template</title>

   <link rel="stylesheet" href="reveal.js/dist/reset.css">
   <link rel="stylesheet" href="reveal.js/dist/reveal.css">
   <link rel="stylesheet" href="reveal.js/dist/theme/black.css">
   <link rel="stylesheet" href="css/custom.css">

   <!-- Theme used for syntax highlighted code -->
   <link rel="stylesheet" href="reveal.js/plugin/highlight/monokai.css">
</head>

<body>
   <div class="reveal">
      <div class="slides">
         <section>
            <h2>My Presentation Template</h2>
            (using <a href="https://revealjs.com/">reveal.js</a>)
         </section>
         <section data-markdown="slides/01.md" data-separator="^\r?\n---\r?\n$"
            data-separator-vertical="^\r?\n--\r?\n$">
         </section>
      </div>
   </div>

   <script src="reveal.js/dist/reveal.js"></script>
   <script src="reveal.js/plugin/notes/notes.js"></script>
   <script src="reveal.js/plugin/markdown/markdown.js"></script>
   <script src="reveal.js/plugin/highlight/highlight.js"></script>
   <script>
      // More info about initialization & config:
      // - https://revealjs.com/initialization/
      // - https://revealjs.com/config/
      Reveal.initialize({
         hash: true,
         slideNumber: true,
         pdfSeparateFragments: false,
         pdfMaxPagesPerSlide: 1,
         // Learn about plugins: https://revealjs.com/plugins/
         plugins: [RevealMarkdown, RevealHighlight, RevealNotes],
         //width: "80%",
         //height: "100%",
      });
   </script>
</body>

</html>