Neuheiten

Section Default .section

Background: .bg.primary <div class="bg primary">... </div>
.bg + mögliche Hintergrundfarben .primary, .success, .warning, .danger, .info

Section xs .section-xs

Section SM .section-sm

Background: .bg.success <div class="bg success">... </div>

Section MD .section-md

Background: .bg.danger <div class="bg danger">... </div>

Section LG .section-lg

Background: .bg.info <div class="bg info">... </div>

Section XXL .section-xxl

Background: .bg.warning <div class="bg warning">... </div>

Typo


h1. Überschriften Zusätzlicher Text

h2. Überschriften Zusätzlicher Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

h3. Überschriften Zusätzlicher Text

h4. Überschriften Zusätzlicher Text

h5. Überschriften Zusätzlicher Text
h6. Überschriften Zusätzlicher Text
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

COLOR

.color-primary Primary Text Color

.color-success Success Text Color

.color-warning Warning Text Color

.color-danger Danger Text Color

.color-info Info Text Color

.color-gray-dark Gray Dark Text Color

.color-gray-light Gray Light Text Color

Buttons


Anleitung für Buttons:

<a href="#" class="btn btn-default">...</a>

<a href="#" class="btn btn-primary">...</a>

<a href="#" class="btn btn-success">...</a>

<a href="#" class="btn btn-info">...</a>

<a href="#" class="btn btn-warning">...</a>

<a href="#" class="btn btn-danger">...</a>

<a href="#" class="btn btn-link">...</a>

Ghost Buttons

Anleitung für Ghost Buttons:

<a href="#" class="btn btn-primary btn-ghost">...</a>

Button Größen

Button Small .btn-sm



Button Small .btn-lg




Warenkorb Button:
Zur Kasse Button:

Icons


  •   <span class="fgsv-icon icon-book"> </span>
  •   <span class="fgsv-icon icon-newsletter">  </span>
  •   <span class="fgsv-icon icon-pdf"> </span>
  •   <span class="fgsv-icon icon-street"> </span>
  •   <span class="fgsv-icon icon-highway"> </span>
  •   <span class="fgsv-icon icon-trafic-light"> </span>
  •   <span class="fgsv-icon icon-maps"> </span>
  •   <span class="fgsv-icon icon-libra"> </span>
  •   <span class="fgsv-icon icon-cars"> </span>
  •   <span class="fgsv-icon icon-tools"> </span>
  •   <span class="fgsv-icon icon-arrows"> </span>
  •   <span class="fgsv-icon icon-garden"> </span>
  •   <span class="fgsv-icon icon-alert"> </span>

Formulare


Select

Login formular


Example block-level help text here.

Checkboxen