sciware

Flatiron Theme Demo

Reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation demos the *Flatiron Theme*

Spacer

This paragraph text is <div class="spacer"></div> separated by a spacer.

The spacer is 20px high, you can layer a few of them together.

Slide Center Alignment

To vertically align a single slide to the center of the page, add .slide: class="center" to a comment next to the slide header element in the markdown of this page.

You can also use this method to apply a class to any element by adding .element class="whatever-class-you-want" in a comment directly to the right of the element in question.

	
## Slide Top Alignment

Slide Center Alignment

If you wish to center all the slides vertically, change center: false to center: true in the Reveal.initialize({}) function in _layouts/slides.html.

	
Reveal.initialize({
    dependencies: [
      { src: "/reveal.js/plugin/markdown/marked.js" },
    ],
    center: true
});

Paragraph Alignment

This is regular paragraph text to which no default has been applied. The default is center.

This is a left 👈 aligned paragraph.

This is a right 👉 aligned paragraph.

	
This is a left 👈 aligned paragraph.
This is a right 👉 aligned paragraph.

Documentation and Support