Heading level 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget sapien sed risus suscipit cursus. Quisque iaculis facilisis lacinia. Mauris euismod pellentesque tellus sit amet mollis. Nulla a scelerisque turpis, in gravida enim. Pellentesque sagittis faucibus elit, nec lobortis augue fringilla sed.

A second paragraph to demonstrate paragraph spacing. Aenean molestie ligula ac maximus eleifend. Cras facilisis mi id libero semper, nec pharetra neque sollicitudin. Nam nec lectus felis. Ut facilisis odio eu ipsum elementum, vel tempus nisi tincidunt. Vivamus vitae lectus et lacus pulvinar facilisis. Vivamus efficitur iaculis eleifend.

Heading level 2

Morbi elementum condimentum pretium. Sed sagittis lectus a sem scelerisque vulputate. Vestibulum fermentum suscipit lacinia. Ut eget sodales metus, id hendrerit augue. Curabitur mollis, risus ac vestibulum tempor, est massa blandit erat, eget maximus dolor erat vitae eros. Integer diam orci, placerat id ante in, congue lobortis orci.

Heading Level 3

Maecenas non eros vel diam ornare tincidunt. Mauris malesuada a urna a gravida. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam rhoncus mauris eu enim egestas, in eleifend diam commodo. Cras lectus libero, efficitur non vestibulum ac, ullamcorper a ante. Mauris consequat sed lorem.

This is a block quote.

And another line.

Here's a line (aka horizontal rule: or <hr>)

Here are some lists, displayed in multiple column

Simple unordered list with multiple levels

The individual list items are not wrapped in paragraph tags.

Unordered list item
Unordered list item with a nested list
- Nested unordered list item
- Nested unordered list item
Unordered list item
Unordered list item

Simple multi-level ordered list

These list items do not contain paragraphs.

Ordered list item
Ordered list item with a nested list
1. Ordered list item
2. Ordered list item
Ordered list item
Ordered list item

Some code

        <!-- HEADER -->
        <div id="header-wrapper">
          <header id="header" class="sqs-announcement-bar-dropzone">
            <div class="title-nav-wrapper">
              {.section website}
              <h1 data-content-field="site-title" data-annotation-alignment="bottom" class="site-title">
                <a href="/" id="top">
                {.section logoImageUrl}
                  <img src="{logoImageUrl}?format=original" alt="{siteTitle}" />
                {.or}
                  {siteTitle}
                {.end}
                </a>
              </h1>
              {.end}
              <a class="icon-menu" id="mobileMenu"></a>
              <!-- MAIN NAVIGATION -->
              <div id="desktopNav" data-content-field="navigation-mainNav" data-annotation-alignment="bottom left">
                <squarespace:navigation navigationId="mainNav" template="navigation" />
              </div>
            </div>
          </header>

Learn More

Style Guide

Heading level 1

Heading level 2

Heading Level 3

Head over to Pieces and see what's new.