Instant Presentation

Showcase

Content tags

Content tags

Basic text tags

This is a paragraph with a link.

This is strong text.

This is emphasized text.

This is small text.

This is an inline quote.

Content tags

Alignment

Aligned to the left.

Centered.

Aligned to the right.

Content tags

Lists

Unordered list:

  • item one,
  • item two,
  • item three.

Ordered list:

  1. Item one.
  2. Item two.
  3. Item three.

Content tags

Code

Inline code:

git checkout -b dev

Block code:

Function.prototype.method = function(name, func) {
	this.prototype[name] = func;
	return this;
};

Content tags

Other

This is h5 headline
This is h6 headline

An hr line:


And blockquote:

I would rather be without a state than without a voice. Edward Snowden

Grid system

Grid system

Basics

Grid system in total has 4 columns. You can use col-1, col-2, col-3 and col-4, but the sum cannot exceed 4. Always insert col-* inside row. You can also use col-offset-*.

Grid system

Examples

I'm col-1.

I'm col-3.

Grid system

Examples

I'm col-2.

I'm col-1.

I'm col-1.

Grid system

Examples

I'm col-2 with col-offset-1.

Images

Images

Basics

Image cannot exceed 100% of its parent (then max-width is applied). You can insert images in 3 ways:

  1. Just image.
  2. Inside text (floated).
  3. Inside grid system.

Images

Just image

Images

Inside text

Use class float-left or float-right.

Hi, I'm a text with floated image.

Images

Inside grid system

Videos

Videos

Basics

You can also insert videos in your presentation. Remember about right format to support your browser. You can apply same rules for videos as for images.

Videos

Example

Video by Maria Boyarina under CC BY 3.0 license.

Slide types

Slide types

Basics

You've already seen title, section and standard slide. There is also a special slide that you can use to insert important information, joke, question or just to break the flow a bit.

Hello, I'm the special slide...

...also in italics...

...or bold.

Config

Config

Basics

There is Config variable inside index.html file. You can edit it to set up some global settings for presentation.

That's all. Thanks!