Four Columns Page Type

A sample 4 column equal width section page type. Works great with images, listings, sitemaps, archived pages and links, galleries, up[dates, events etc.



Full Page Type

This a sample for Bone5 1-Column page type. A single content area…

Two Columns Page Type

Arteri5 sample page with twin equal sized column. Works great with…

Three Columns Page Type

A basic 3 equal width column layout created for Arteri5 suitable for…

Four Columns Page Type

A sample 4 column equal width section page type. Works great with…

Left Sidebar Page Type

This is Arteri5's sample left sidebar page type. It uses the one-third…

Blog Entry

This is the standard Arteri5's blog entry page with 2 sections, main…

Custom Block Templates

Custom templates included with arteri5 theme. Use overlays, colors…

Arteri5 Documentation

Arteri5 RWD concrete5 documentations and work-around. CSS classes,…

Quick Notes on Columns Page Type

Each columns is assigned to Skeleton classes. Width will be fixed inside the columns automaticlally when using any blocks with concrete5.

Length of column varies on contents inserted within.

Use spacer add-ons, Design editing feature to add paddings and margins to suit desire gutters


responsive_concrete5_framework.jpg

Responsive Grid

Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!

concret_responsive_foundation.jpg

Style Agnostic

Skeleton is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.

This page shows all of the typography styles and settings in action. If you would like to read more detailed information on inserting the included typography into your content

This is a heading

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is a H1 Header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is a H2 Header

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.


pageSection-bottom

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus, tortor vel vehicula pharetra, massa tellus elementum nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus, tortor vel pharetra, massa tellus elementum nunc

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus, tortor vel vehicula pharetra, massa tellus elementum nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus, tortor vel pharetra, massa tellus elementum nunc