Grid System - Die Seitenteilung

[12] 1 Spaltig [Template]

Flexibler Inhalt - Erscheinungsbild Einrückung und Rahmen weißer Rahmen

Aufteilung im Verhältnis 100 %

Beim TYP einspaltig handelt es sich um ein Element welches den TEXT über die gesamte Seitenbreite fließen läßt. Bitte beachten Sie dass grundsätzlich bei der Auswahl eines Flexiblen Inhaltes für das GridSystem ein Rahmen gewählt werden muss. In diesem Fall wurde beim Tab Erscheinungsbild beim Pulldown Menu Einrückung und Rahmen die Funktion "weißer Rahmen" gewählt. Sobald der Rahmen angelegt worden ist können Sie mit dem Einfügen der Inhalte wie gewohnt weiter machen.

[8/4] 2 Spaltig [Template]

Flexibler Inhalt - Erscheinungsbild Einrückung und Rahmen weißer Rahmen

Aufteilung im Verhältnis 66 % zu 33 %

Mit diesem Element ist es möglich die Seite zu teilen. Dieses wird vermutlich Ihr Hauptelement werden.

Die linke Spalte bzw. Maincontent Bereich bietet Platz für die Hauptinhalte. Die rechte Spalte ist eine sogenannte FEAT Spalte und sollte nur für zusätzlich Informationen genutzt werden.

[MAIN CONTENT] Spalte links

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[FEAT CONTENT] Spalte rechts

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[6/6] 2 Spaltig [Template]

Flexibler Inhalt - Erscheinungsbild Einrückung und Rahmen weißer Rahmen

Aufteilung im Verhältnis 50 % zu 50 %

Mit diesem Element bieten Ihnen ebenso die Möglichkeit die Seite 2spaltig zu teilen. Hier jedoch im Verhältnis 50% zu 50%.

Hier ist sowohl die linke als auch die rechte Spalte für Hauptinhalte nutzbar.

[MAIN CONTENT] Spalte links

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[MAIN CONTENT] Spalte rechts

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

Flexibler Inhalt [4/4/4] 3 Spaltig [Template]

Flexibler Inhalt - Erscheinungsbild Einrückung und Rahmen weißer Rahmen

Aufteilung im Verhältnis 33 % / 33 % / 33 %

Dieses Element bieten Ihnen die Möglichkeit die Seite in 3 Spalten zu teilen.

Hier sind alle Spalte für HauptElemente aber auch FeatureElemente nutzbar.

[MAIN CONTENT] Spalte links

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[MAIN CONTENT] Spalte mitte

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

Carmen Krause
Project Manager
  • Crystal Cabin Award Association
  • c/o Hamburg Aviation, Wexstraße 7, D-20355 Hamburg Germany
  • +49 40 2270 1928
  • +49 172 455 5711
  • + 49 40 2270 19 784
  • carmen.krausehamburg-aviation.com

Carmen Krause

Project ManagerCrystal Cabin Award Association

Carmen Krause leads the Crystal Cabin Award project, and organises Hamburg Aviation’s presence at trade fairs.

  • Crystal Cabin Award Association
  • c/o Hamburg Aviation, Wexstraße 7, D-20355 Hamburg Germany
  • +49 40 2270 1928
  • +49 172 455 5711
  • + 49 40 2270 19 784
Carmen Krause

[MAIN CONTENT] Spalte rechts

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

Flexibler Inhalt [3/3/3/3] 4 Spaltig [Template]

Flexibler Inhalt - Erscheinungsbild Einrückung und Rahmen hellgrauer Rahmen

Aufteilung im Verhältnis 25 % / 25 % / 25 % / 25 %

Dieses Element bieten Ihnen die Möglichkeit die Seite in 4 Spalten zu teilen.

Hier sind alle Spalte für HauptElemente aber auch FeatureElemente nutzbar. Hier wurde auch demonstriert wie es aussieht wenn man die Rahmenfarbe ändert.

[MAIN CONTENT] Spalte links

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus.

[MAIN CONTENT] Spalte mitte links

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[MAIN CONTENT] Spalte mitte rechts

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[MAIN CONTENT] Spalte rechts

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

Flexibler Inhalt [3/3/3/3] 4 Spaltig [Template]

Flexibler Inhalt - Erscheinungsbild Einrückung und Rahmen hellgrauer Rahmen

[MAIN CONTENT] Spalte links

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[MAIN CONTENT] Spalte mitte links

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[MAIN CONTENT] Spalte mitte rechts

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.

[MAIN CONTENT] Spalte rechts

Proin pulvinar justo lacus, vitae varius dolor rhoncus at. Ut ac ante vitae enim vestibulum fermentum ac a mauris. Donec tristique, ligula et condimentum ultricies, felis nunc volutpat sapien, quis ullamcorper nisl turpis at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed enim et velit cursus facilisis a non nunc. Morbi eget libero ac quam sodales pharetra. Vivamus convallis hendrerit.