About the Jack Stack

Jack - Joe Workman

Your new best friend for layout & styling
Jack will be that trusted utility that you will use all the time, over and over again. There are a lot of stacks out there that do general styles such as shadows, backgrounds, transparency, borders, etc. Jack is all of these and more built into one amazing stack. It also ships with 300+ background tile and border frame images. Jack will be your new best friend.

Key Features

What Doesn't It Do? - One of the most versatile stacks out there. This will easily replace 3-4 competitor's stack with just one!
Backgrounds, Shadows & Borders OH MY! Yes, Jack can do all that and more. Hover Effects, Circle Images, Horizontal/Vertical Scrolling, Rotation, and we can go on!!
Tons of Free Extras
Ships with over 300+ background tiles and border frame images. You can find them in the Images Library in the Stacks Library!
Hover Stack!
The Hover stack in an extra stack and lets you do a ton of cool options.

Below ar e my fooling around examples with Jack, and the other pages are "stolen" from Joe Workman's examples. I did notice things worked better with the Foundation 1 Theme applied.

Backgrounds

Gradient,
Content Box,
Fixed Position

Writing in Markdown format is a simple and fast way to add styled text to your web pages.

* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`

* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`

**Background Image, Content Box, Fixed Scroll**
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`

Image,
Border Box,
Fixed Position
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`

**Background Image, Content Box, Fixed Scroll**
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`

Single Color,
Padding Box,
Fixed Scroll
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`

**Background Image, Content Box, Fixed Scroll**
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`
* Ordered and Unordered Lists.
* Simple Links: [Stacks](https://yourhead.com/stacks) can use [Markdown Syntax](https://daringfireball.net/projects/markdown/syntax) too.
* Simple formatting: **Bold** and *Italic*.
* Code snippets: `10 PRINT "HELLO WORLD"`

Background

Borders

Ridge, 20 px, Orange, Rounded

Groove, 20 px, Blue

Outset 20 px, Green

Inset, 20 px, Black

Circle Images

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Rotation Effects

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.