Das Design System für

Bluesun AG | Webagentur und Fotografie

Projekt
www.bluesun.ch

<h1> Über­schrift für Bluesun AG | Webagentur und Fotografie

<h2> Über­schrift für Bluesun AG | Webagentur und Fotografie

<h3> Über­schrift für Bluesun AG | Webagentur und Fotografie

<h4> Über­schrift für Bluesun AG | Webagentur und Fotografie

<h5> Über­schrift für Bluesun AG | Webagentur und Fotografie

<h6> Über­schrift für Bluesun AG | Webagentur und Fotografie

display-1

display-2

display-3

display-4

lead
Vincent van Gogh: Ich kann nichts dafür, dass meine Bilder sich nicht verkaufen lassen. Aber es wird die Zeit kommen, da die Menschen erkennen, dass sie mehr wert sind als das Geld für die Farbe.

Sie können das <mark> Tag verwenden, um Text hervorzuheben.

Sie können das <del> Tag verwenden, um Text als gelöschter Text darzustellen.

Sie können das <s> Tag verwenden, um den Text als nicht mehr korrekt oder gültig darzustellen.

Sie können das <ins> Tag verwenden, um Ergänzungen zu einem Dokument hervorzuheben.

Sie können das <u> Tag verwenden, um Text unterstrichen darzustellen.

Sie können das <small> Tag verwenden, um Text als Kleingedrucktes darzustellen.

Sie können das <strong> oder das <b> Tag verwenden, um Text fett darzustellen.

Sie können das <i> Tag verwenden, um Text kursiv darzustellen.

Sie können das <abbr> Tag für Abkürzungen verwenden.
attr UNO SRF

Mit dem <blockquote> Tag können Sie Zitate hervorheben.

Man lebt ruhiger, wenn man nicht alles sagt, was man weiss, nicht alles glaubt, was man hört und über den Rest einfach nur lächelt.

Mit dem <cite> Tag können Sie eine Quelle nennen.

Racing, competing, is in my blood, it's part of me, it's part of my life.

Ayrton Senna

text-left
Die Tiere empfinden wie der Mensch Freude und Schmerz, Glück und Unglück.

Charles Darwin

text-center
Das Glück ist das Einzige, das sich verdoppelt, wenn man es teilt.

Albert Schweitzer

text-right
Glück entsteht oft durch Aufmerksamkeit in kleinen Dingen, Unglück oft durch Vernachlässigung kleiner Dinge.

Wilhelm Busch

h1.class: text-primary

h2.class: text-primary

h3.class: text-primary

p.class: text-primary

h1.class: text-secondary

h2.class: text-secondary

h3.class: text-secondary

p.class: text-secondary

h1.class: text-success

h2.class: text-success

h3.class: text-success

p.class: text-success

h1.class: text-danger

h2.class: text-danger

h3.class: text-danger

p.class: text-danger

h1.class: text-warning

h2.class: text-warning

h3.class: text-warning

p.class: text-warning

h1.class: text-info

h2.class: text-info

h3.class: text-info

p.class: text-info

h1.class: text-light

h2.class: text-light

h3.class: text-light

p.class: text-light

h1.class: text-dark

h2.class: text-dark

h3.class: text-dark

p.class: text-dark

h1.class: text-body

h2.class: text-body

h3.class: text-body

p.class: text-body

h1.class: text-muted

h2.class: text-muted

h3.class: text-muted

p.class: text-muted

h1.class: text-white

h2.class: text-white

h3.class: text-white

p.class: text-white

h1.class: text-black-50

h2.class: text-black-50

h3.class: text-black-50

p.class: text-black-50

h1.class: text-white-50

h2.class: text-white-50

h3.class: text-white-50

p.class: text-white-50

h1.class: text-alpha

h2.class: text-alpha

h3.class: text-alpha

p.class: text-alpha

h1.class: text-beta

h2.class: text-beta

h3.class: text-beta

p.class: text-beta

h1.class: text-gamma

h2.class: text-gamma

h3.class: text-gamma

p.class: text-gamma

h1.class: text-delta

h2.class: text-delta

h3.class: text-delta

p.class: text-delta

h1.class: text-epsilon

h2.class: text-epsilon

h3.class: text-epsilon

p.class: text-epsilon

h1.class: text-zeta

h2.class: text-zeta

h3.class: text-zeta

p.class: text-zeta

h1.class: text-eta

h2.class: text-eta

h3.class: text-eta

p.class: text-eta

h1.class: text-theta

h2.class: text-theta

h3.class: text-theta

p.class: text-theta

h1.class: text-iota

h2.class: text-iota

h3.class: text-iota

p.class: text-iota

h1.class: text-kappa

h2.class: text-kappa

h3.class: text-kappa

p.class: text-kappa

h1.class: text-lambda

h2.class: text-lambda

h3.class: text-lambda

p.class: text-lambda

h1.class: text-mue

h2.class: text-mue

h3.class: text-mue

p.class: text-mue

h1.class: text-nue

h2.class: text-nue

h3.class: text-nue

p.class: text-nue

h1.class: text-xi

h2.class: text-xi

h3.class: text-xi

p.class: text-xi

h1.class: text-omikron

h2.class: text-omikron

h3.class: text-omikron

p.class: text-omikron

h1.class: text-pi

h2.class: text-pi

h3.class: text-pi

p.class: text-pi

h1.class: text-rho

h2.class: text-rho

h3.class: text-rho

p.class: text-rho

h1.class: text-sigma

h2.class: text-sigma

h3.class: text-sigma

p.class: text-sigma

h1.class: text-tau

h2.class: text-tau

h3.class: text-tau

p.class: text-tau

h1.class: text-ypsilon

h2.class: text-ypsilon

h3.class: text-ypsilon

p.class: text-ypsilon

h1.class: text-phi

h2.class: text-phi

h3.class: text-phi

p.class: text-phi

h1.class: text-chi

h2.class: text-chi

h3.class: text-chi

p.class: text-chi

h1.class: text-psi

h2.class: text-psi

h3.class: text-psi

p.class: text-psi

h1.class: text-omega

h2.class: text-omega

h3.class: text-omega

p.class: text-omega

h1.class: text-gray-100

h2.class: text-gray-100

h3.class: text-gray-100

p.class: text-gray-100

h1.class: text-gray-200

h2.class: text-gray-200

h3.class: text-gray-200

p.class: text-gray-200

h1.class: text-gray-300

h2.class: text-gray-300

h3.class: text-gray-300

p.class: text-gray-300

h1.class: text-gray-400

h2.class: text-gray-400

h3.class: text-gray-400

p.class: text-gray-400

h1.class: text-gray-500

h2.class: text-gray-500

h3.class: text-gray-500

p.class: text-gray-500

h1.class: text-gray-600

h2.class: text-gray-600

h3.class: text-gray-600

p.class: text-gray-600

h1.class: text-gray-700

h2.class: text-gray-700

h3.class: text-gray-700

p.class: text-gray-700

h1.class: text-gray-800

h2.class: text-gray-800

h3.class: text-gray-800

p.class: text-gray-800

h1.class: text-gray-900

h2.class: text-gray-900

h3.class: text-gray-900

p.class: text-gray-900

Link Basisfarbe

Link class: text-primary

Link class: text-secondary

Link class: text-success

Link class: text-danger

Link class: text-warning

Link class: text-info

Link class: text-light

Link class: text-dark

Link class: text-body

Link class: text-muted

Link class: text-white

Link class: text-black-50

Link class: text-white-50

Link class: text-alpha

Link class: text-beta

Link class: text-gamma

Link class: text-delta

Link class: text-epsilon

Link class: text-zeta

Link class: text-eta

Link class: text-theta

Link class: text-iota

Link class: text-kappa

Link class: text-lambda

Link class: text-mue

Link class: text-nue

Link class: text-xi

Link class: text-omikron

Link class: text-pi

Link class: text-rho

Link class: text-sigma

Link class: text-tau

Link class: text-ypsilon

Link class: text-phi

Link class: text-chi

Link class: text-psi

Link class: text-omega

---

RWD Design System
The corporate, responsive, typo and color management system made by Bluesun
Design System für Bluesun AG | Webagentur und Fotografie – Projekt: www.bluesun.ch