Layouts

Layouts:

There are two basic types of layouts basic and basic-sidebar they are defined in the body as a class.

Atom Prefix:

basic

HTML Code:

<body class="basic">

Example: Basic Template

Atom Prefix:

sidebar-left

HTML Code:

<body class="basic-sidebar-left">
...
<aside class="sidebar-left">
  <h2>sidebar</h2>
</aside>

Example: Sidebar-left

Atom Prefix:

sidebar-right

HTML Code:

<body class="basic-sidebar-right">
...
<aside class="sidebar-right">
  <h2>sidebar</h2>
</aside>

Example: Sidebar-right

Home
Quick Guide
Layouts
Navbars
Cards and media
Stormbreaker Essentials