Skip to content
Snippets Groups Projects
Select Git revision
  • main default protected
1 result
Blame History Permalink
index.html 2.64 KiB 
<!DOCTYPE html>
<html lang="en">
  <head>
  <head>
    <!-- metaproperties -->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />

    <!-- css -->
    <link rel="stylesheet" href="reveal/reset.css" />
    <link rel="stylesheet" href="reveal/reveal.css" />
    <link rel="stylesheet" href="reveal/theme/white.css" />
    <link rel="stylesheet" href="theme/uab-rc.css" />

    <!-- metadata -->
    <title>UAB IT Research Computing</title>
  </head>

  <body>
    <div class="reveal">
      <div class="slides">
        <section data-background-color="var(--uab-dragons-lair-green)">
          <h1 class="title">YOUR TITLE SHOULD GO HERE</h1>
          <h4>Research Computing</h4>
          <h4><script> document.write(new Date().toLocaleDateString()); </script></h4>
        </section>

        <!-- SLIDES START HERE -->
        <!-- headers -->
        <section>
          <h1>Outline</h1>
          <h2>Outline</h2>
          <h3>Outline</h3>
          <h4>Outline</h4>
          <h5>Outline</h5>
          <h6>Outline</h6>
        </section>

        <!-- unordered list -->
        <section>
          <h1>Unordered List</h1>
          <ul>
            <li>Item #1</li>
            <li>Item #2</li>
            <li>Item #3</li>
          </ul>
        </section>

        <!-- ordered list -->
        <section>
          <h1>Ordered List</h1>
          <ol>
            <li>Item #1</li>
            <li>Item #2</li>
            <li>Item #3</li>
          </ol>
        </section>

        <!-- table -->
        <section>
          <h1>Table</h1>
          <table>
            <tr>
              <th></th>
              <th>Header #2</th>
              <th>Header #3</th>
            </tr>
            <tr>
              <td>Row 1</td>
              <td>1,1</td>
              <td>1,2</td>
            </tr>
            <tr>
              <td>Row 2</td>
              <td>2,2</td>
              <td>2,3</td>
            </tr>
          </table>
        </section>
        <!-- SLIDES END HERE -->
      </div>
    </div>

    <!-- footer -->
    <load-file replaceWith src="template/footer.html"></load-file>
    <!-- end footer -->

    <!-- scripts -->
    <script src="script/load-file.js"></script>
    <!-- end scripts -->

    <!-- reveal.js -->
    <script src="reveal/reveal.js"></script>
    <script src="plugin/notes/notes.js"></script>
    <script src="plugin/highlight/highlight.js"></script>
    <script type="module">
      import { wide_16_9 } from "./script/reveal-configs.js";
      Reveal.initialize(wide_16_9);
    </script>
    <!-- end reveal.js -->
  </body>
</html>