PLEASE NOTE:
You are using an outdated browser that is no longer appropriate for modern web standards.
Please update (or change) your browser to view our site as it is intended to be seen.
Thank you.
Click here to go to yahoo.

Grids 1

A Source project file

This project has been built using only the free / core Source stacks. It demonstrates using different grids for various different purposes.

Features

Check out all the great features in the grid below. You'll see that even though the descriptive (lorem ipsum) text varies in length for each item, the component parts of each grid item is aligned (e.g. the top icons and the bottom buttons are all in line regardless of the content between them.

Get into gear

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

Get into gear

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Get into gear

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

Get into gear

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc.

Pricing

Here we are using the Grid stack to build a pricing table. You'll see that even with a small bank of stacks, Source (even just the core stacks) can be used to build some really impressive elements.

Get into gear

Great feature 1


Great feature 1


Great feature 1

Get into gear

Great feature 1


Great feature 1


Great feature 1


Extra feature 1

Get into gear

Great feature 1


Great feature 1


Great feature 1

Cards

Here we are using the Grid stack to build a pricing table. You'll see that even with a small bank of stacks, Source (even just the core stacks) can be used to build some really impressive elements.

Get into gear

Great feature 1


Great feature 1


Great feature 1

£20 /
month

Get into gear

Great feature 1


Great feature 1


Great feature 1


Extra feature 1

Get into gear

Great feature 1


Great feature 1


Great feature 1

image
Limelight

All of the lightboxes that are opened when you click on the different buttons on this page are powered by LimeLight.

It is...

image
Chroma

Chroma is a fantastic little utility stack. It lets you fix the postiion of elements on the screen (e.g. the Nav bar on this page uses Chroma's 'sticky' setting). Chroma also changes the background colour of the navigation bar as you scroll up and down the page. This is useful to tie in the Nav bar with different sections on the page.

Source Markdown

Useful styling options in a simple to use Markdown stack.

  • Ordered and Unordered Lists
    • with multiple levels
  • Links: Source web page
  • Text formatting: Bold and Italic.
  • Code snippets: .myClass{awesome stuff}

Source is a fantastic lightweight starting point for your RapidWeaver projects.

image
Limelight

All of the lightboxes that are opened when you click on the different buttons on this page are powered by LimeLight.

It is...

image
Chroma

Chroma is a fantastic little utility stack. It lets you fix the postiion of elements on the screen (e.g. the Nav bar on this page uses Chroma's 'sticky' setting). Chroma also changes the background colour of the navigation bar as you scroll up and down the page. This is useful to tie in the Nav bar with different sections on the page.

image
Limelight

All of the lightboxes that are opened when you click on the different buttons on this page are powered by LimeLight.

It is...

image
Chroma

Chroma is a fantastic little utility stack. It lets you fix the postiion of elements on the screen (e.g. the Nav bar on this page uses Chroma's 'sticky' setting). Chroma also changes the background colour of the navigation bar as you scroll up and down the page. This is useful to tie in the Nav bar with different sections on the page.