Example slides using S5

Simple Standards-Based Slide Show System

• S5 is a slide show format based entirely on XHTML, CSS, and JavaScript.

• You can run a complete slide show and have a printer-friendly version as well.

• The markup used for the slides is very simple, highly semantic, and completely accessible.

• Anyone familiar with CSS can create their own slide show theme.

• It's totally simple, and it's totally standards-driven.

Enumerated and Itemized Lists

The following is an example list:

1. The list starts here

2. This is the second item

   • italic

   • bold

   • monospace

3. S5 web site is located at http://meyerweb.com/eric/tools/s5/

Definition Lists

There are the following types of lists:

Ordered lists

start with a number or a letter followed by a colon. The list can be also automatically ordered if it starts with a # character.

Unordered lists

start with *, - or + character. All types of lists can be nested by default.

Definition lists

are marked up using appropriate indentation. They may be used for presenting new concepts and terms. As usual, the lists can be nested.

Listings

This is an example class definition:

class String
{
public:
    char *txt;
    String()
    {
        txt = new char[1];
        strcpy(txt, "");
    }
    String(char* t)
    {
        txt = new char[strlen(t)+1];
        strcpy(txt, t);
    }
    ~String()
    {
        delete [] txt;
    }
};

Quotes

Here is an example quote:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

And some text that follows:

• The first item

• The second item

Topics

There are several methods of creating objects.

x = new Object();

Containers

Sidebars

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Images

Obviously you can include images in your presentation:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tables

This is an example (simple) table:

Navigation