Page Title | Site Name

Sidebar

Preface

Main

HTML

									
										<div class="layout-panels-sidebar preface main sidebar">
  <div class="layout-preface">
    <p style="background:#333;color:#fff;padding:1em">Preface</p>
  </div>
  <div class="layout-main">
    <p style="background:#333;color:#fff;padding:1em">Main</p>
  </div>
  <div class="layout-sidebar">
    <p style="background:#333;color:#fff;padding:1em">Sidebar</p>
  </div>
</div>

Sidebar Without Sidebar

Preface

Main

HTML

									
										<div class="layout-panels-sidebar preface main sidebar-empty">
  <div class="layout-preface">
    <p style="background:#333;color:#fff;padding:1em">Preface</p>
  </div>
  <div class="layout-main">
    <p style="background:#333;color:#fff;padding:1em">Main</p>
  </div>
</div>

Three Column

Preface

First

Second

Third

HTML

									
										<div class="layout-panels-three-column preface first second third">
  <div class="layout-preface">
    <p style="background:#333;color:#fff;padding:1em">Preface</p>
  </div>
  <div class="layout-first">
    <p style="background:#333;color:#fff;padding:1em">First</p>
  </div>
  <div class="layout-second">
    <p style="background:#333;color:#fff;padding:1em">Second</p>
  </div>
  <div class="layout-third">
    <p style="background:#333;color:#fff;padding:1em">Third</p>
  </div>
</div>

Three Column Without One Column

Preface

First

Second

HTML

									
										<div class="layout-panels-three-column preface first second third-empty">
  <div class="layout-preface">
    <p style="background:#333;color:#fff;padding:1em">Preface</p>
  </div>
  <div class="layout-first">
    <p style="background:#333;color:#fff;padding:1em">First</p>
  </div>
  <div class="layout-second">
    <p style="background:#333;color:#fff;padding:1em">Second</p>
  </div>
</div>

Three Column Without Two Columns

Preface

First

HTML

									
										<div class="layout-panels-three-column preface first second-empty third-empty">
  <div class="layout-preface">
    <p style="background:#333;color:#fff;padding:1em">Preface</p>
  </div>
  <div class="layout-first">
    <p style="background:#333;color:#fff;padding:1em">First</p>
  </div>
</div>