Slide with Bullets

  • Titles are formatted as Open Sans with bold applied and font size is set at 45
  • Title capitalization is title case
    • Subtitle capitalization is title case
  • Subtitle capitalization is title case
  • Titles and subtitles should never have a period at the end

Slide with Bullets that Build

Subtitle Placeholder

A list where items build:

  • Pressing 'h' will highlight code snippets
  • Pressing 'p' will toggle speaker notes on the current slide
  • Pressing 'f' will toggle fullscreen viewing

Another list, but items fade as they build:

  • Hover over me!
  • Hover over me!
  • Hover over me!

Slide with (Smaller Font)

  • Titles are formatted as Open Sans with bold applied and font size is set at 45
  • Title capitalization is title case
    • Subtitle capitalization is title case
  • Subtitle capitalization is title case
  • All links open in new tabs. To change that add a target="_self".

Code Slide (with Subtitle Placeholder)

Subtitle Placeholder

Press 'h' to highlight important sections of code (wrapped in <b>).

<script type='text/javascript'>
  // Say hello world until the user starts questioning
  // the meaningfulness of their existence.
  function helloWorld(world) {
    for (var i = 42; --i >= 0;) {
      alert('Hello ' + String(world));
    }
  }
</script>

Code Slide (Smaller Font)

// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
  for (var i = 42; --i >= 0;) {
    alert('Hello ' + String(world));
  }
}
<style>
  p { color: pink }
  b { color: blue }
</style>
<!DOCTYPE html>
<html>
<head>
  <title>My Awesome Page</title>
</head>
<body>
  <p>Hello world</p>
<body>
</html>

Slide with Speaker Notes

Press 'p' to toggle speaker notes.

Presenter Mode

Add ?presentme=true to the URL to enabled presenter mode. This setting is sticky, meaning refreshing the page will persist presenter mode.

Hit ?presentme=false to disable presenter mode.

Slide with Image

Description
source: place source info here

Slide with Image (Centered horz/vert)

Description
source: place source info here

Table Option A

Subtitle Placeholder

Column 1Column 2Column 3Column 4
Row 1placeholderplaceholderplaceholderplaceholder
Row 2placeholderplaceholderplaceholderplaceholder
Row 3placeholderplaceholderplaceholderplaceholder
Row 4placeholderplaceholderplaceholderplaceholder
Row 5placeholderplaceholderplaceholderplaceholder

Table Option A (Smaller Text)

Subtitle Placeholder

Column 1Column 2Column 3Column 4
Row 1placeholderplaceholderplaceholderplaceholder
Row 2placeholderplaceholderplaceholderplaceholder
Row 3placeholderplaceholderplaceholderplaceholder
Row 4placeholderplaceholderplaceholderplaceholder
Row 5placeholderplaceholderplaceholderplaceholder

Table Option B

Subtitle Placeholder

Header 1placeholderplaceholderplaceholder
Header 2placeholderplaceholderplaceholder
Header 3placeholderplaceholderplaceholder
Header 4placeholderplaceholderplaceholder
Header 5placeholderplaceholderplaceholder

Slide Styles

  • class="red"
  • class="red2"
  • class="red3"
  • class="blue"
  • class="blue2"
  • class="blue3"
  • class="green"
  • class="green2"
  • class="green3"
  • class="yellow"
  • class="yellow2"
  • class="yellow3"
  • class="gray"
  • class="gray2"
  • class="gray3"
  • class="gray4"

Segue Slide

Subtitle Placeholder

Full Image (with Optional Header)

www.flickr.com/photos/25797459@N06/5438799763/
This is an example of quote text.
Name
Company

Slide with Iframe

<Thank You!>

Important contact information goes here.