Presentation Title

Presentation Subtitle

Speaker’s Name

Hello There

reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do.

Vertical Slides

Slides can be nested inside of each other.

Use the Space key to navigate through all slides.

Basement Level 1

Nested slides are useful for adding additional detail underneath a high level horizontal slide.

Basement Level 2

That’s it, time to go back up.

Slides

Not a coder? Not a problem. There’s a fully-featured visual editor for authoring these, try it out at slides.com.

Point of View

Press ESC to enter the slide overview.

Hold down alt and click on any element to zoom in on it using zoom.js. Alt + click anywhere to zoom back out.

Touch Optimized

Presentations look great on touch devices, like mobile phones and tablets. Simply swipe through your slides.

Fragments

this
is
revealed
gradually

Pretty Code

function linkify( selector ) {
  if( supports3DTransforms ) {

    var nodes = document.querySelectorAll( selector );

    for( var i = 0, len = nodes.length; i &lt; len; i++ ) {
      var node = nodes[i];

      if( !node.className ) {
        node.className += ' roll';
      }
    }
  }
}

Marvelous List

No order here
Or here
Or here
Or here

Fantastic Ordered List

One is smaller than…
Two is smaller than…
Three!

Tabular Tables

Table 1. Table
Item	Value	Quantity
Apples	$1	7
Lemonade	$2	18
Bread	$3	2

Clever Quotes

“Four score and seven years ago our fathers brought forth on this continent a new nation…”

Address delivered at the dedication of the Cemetery at Gettysburg
— Abraham Lincoln

Speaker View

There’s a speaker view.

It includes a timer, preview of the upcoming slide as well as your speaker notes.

Press the S key to try it out.