Elements - sandalmakingbook

Headings

h1-h6 heading titles

H1 ~ lorem ipsum dolor sit amet

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui.

H2 ~ lorem ipsum dolor sit amet

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui.

H3 ~ lorem ipsum dolor sit amet

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui.

H4 ~ lorem ipsum dolor sit amet

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui.

H5 ~ lorem ipsum dolor sit amet

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui.

H6 ~ lorem ipsum dolor sit amet

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui.

Paragraphs

paragraph & inline texts

Basic Paragraph – aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui. Proin a orci varius, iaculis erat aliquet, auctor orci. In sed enim purus. Suspendisse non velit eu quam faucibus iaculis blandit quis neque. Sed lacinia ornare mollis. Aenean ullamcorper velit eget nibh pharetra

Lead Paragraph – aliquam id vehicula metus, non suscipit dui. Cras tincidunt, sapien eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui. Proin a orci varius, iaculis erat aliquet, auctor orci. In sed enim purus. Suspendisse non velit eu quam faucibus iaculis blandit quis neque. Sed lacinia ornare mollis.

Small Paragraph – aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus z eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui. Proin a orci varius, iaculis erat aliquet, auctor orci. In sed enim purus. Suspendisse non velit eu quam faucibus iaculis blandit quis neque. Sed lacinia ornare mollis. Aenean ullamcorper velit eget nibh pharetra

Bold Paragraph – aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui. Proin a orci varius, iaculis erat aliquet, auctor orci. In sed enim purus. Suspendisse non velit eu quam faucibus iaculis blandit quis neque. Sed lacinia ornare mollis.

Italic Paragraph – aliquam id vehicula metus, non suscipit dui ursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui. Proin a orci varius, iaculis erat aliquet, auctor orci. In sed enim purus. Suspendisse non velit eu quam faucibus iaculis blandit quis neque. Sed lacinia ornare mollis. Aenean ullamcorper velit eget nibh pharetra

Other Inline Paragraph Style – aliquam id vehicula metus, non suscipit dui cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis, dui elit iaculis arcu, a sodales velit dolor non dui. Proin a orci varius, iaculis erat aliquet, auctor orci. In sed enim purus. Suspendisse non velit eu quam faucibus iaculis blandit quis neque sed lacinia ornare mollis. Aenean ullamcorper velit eget nibh pharetra

Quotes

blockquote styles

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis Johnatan Doe Junior

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis Johnatan Doe Junior

Aliquam id vehicula metus, non suscipit dui. Cras tincidunt, mi maximus cursus faucibus, sapien nunc pharetra eros, ut efficitur justo lectus a mauris. Aliquam sollicitudin nulla nisi, at semper ex sagittis sit amet. Fusce molestie, felis et luctus mattis Johnatan Doe Junior

Listings

list elements

Unordered

  • Proin a orci varius, iaculis erat
  • Fusce molestie, felis et luctus
  • Aliquam sollicitudin nulla nisi at
    • Vehicula metus, non suscipit
    • Sodales et maximus sapien
  • In sed enim purus suspendisse
  • Proin a orci varius, iaculis

Ordered

  1. Proin a orci varius, iaculis erat
  2. Fusce molestie, felis et luctus
  3. Aliquam sollicitudin nulla nisi at
    • Vehicula metus, non suscipit
    • Sodales et maximus sapien
  4. In sed enim purus suspendisse
  5. Proin a orci varius, iaculis

With Icons

  • Proin a orci varius, iaculis erat
  • Fusce molestie, felis et luctus
  • Aliquam sollicitudin nulla nisi at
  • Vehicula metus, non suscipit etos
  • Dorci seto varius, iaculis erat
  • Molestie dolores felis et luctus
  • Sicula dolor metus suscipit eta

Columns

responsive column layouts

.col-sm-12
.col-sm-6
.col-sm-6
.col-sm-4
.col-sm-4
.col-sm-4
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2