Full-width Sexy

Choose variation:

Slide 1

Inline Slide Title

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
Slide 2

Radio Button Choice

Slide 3
Slide 4
Slide 5

Thumbnail

Choose variation:

Image 1
Image 2
Image 3
Image 4
Image 5
Image 6
Image 7
Image 8

Flip

The flip transition it the best case scenario implementation for the initial Flip-Clock design. An animation closer to an actual flip-clock design may be possible in the future, but not at the time of this implementation.

The flip transition will not work in any version of Internet Explorer as this browser does not support CSS3 transitions to animate. This transition will default to a simple cross-fade when viewed in Internet Explorer.

Choose variation:

Slide 1

Inline Slide Title

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
Slide 2
Slide 3
Slide 4
Slide 5

Page Curl

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

Page Curl (Variation 1)

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

Page Curl (Variation 2)

Note: Variation 2 is experimental and will not reflect the rotation or vignette effect in Internet Explorer

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

Simple Slider

Choose variation:

Slide 1
Image 1
Slide 2
Image 2
Slide 3
Image 3
Slide 4
Image 4
Slide 5
Image 5
Slide 6
Image 6
Slide 7
Image 7
Slide 8
Image 8

All images used in this demo are licensed under Creative Commons for commercial use