Patterns Kontaktinformationen Darstellung

Beachten Sie:

address-Elemente sind ausschließlich für die Bereitstellung von Kontaktdaten gedacht. Zum Auszeichnen beliebiger Adressen verwenden Sie herkömmlichen Article.

Die Darstellung der Kontaktinformationen gibt es in zwei Ausführungen, Inline(Responsive)- und Block

Mit entsprechenden css Klasse wird die Darstellung gewählt, für Inline: contact-info-list__row und für Block: contact-info-list__col.

Inline-Darstellung ist Responsive und wird bei kleineren Bildschirmen automatisch blockweise dargestellt.

Wer kann mir helfen? - Inline(Responsive) address

Telefon
040 1234 5678
Fax
040 1234 5679
E-Mail Adresse
kontakt@example.com
Öffnungszeiten
  • Montag–Freitag: 7:00–21:00 Uhr
  • Sammstag: 9:00–15:00 Uhr
Adresse

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

Rücksendungen an

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

    
Telefon
040 1234 5678
Fax
040 1234 5679
E-Mail Adresse
kontakt@example.com
Öffnungszeiten
  • Montag–Freitag: 7:00–21:00 Uhr
  • Sammstag: 9:00–15:00 Uhr
Adresse

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

Rücksendungen an

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

Wer kann mir helfen? - Block address

Telefon
040 1234 5678
Fax
040 1234 5679
E-Mail Adresse
kontakt@example.com
Öffnungszeiten
  • Montag–Freitag: 7:00–21:00 Uhr
  • Sammstag: 9:00–15:00 Uhr
Adresse

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

Rücksendungen an

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

    
Telefon
040 1234 5678
Fax
040 1234 5679
E-Mail Adresse
kontakt@example.com
Öffnungszeiten
  • Montag–Freitag: 7:00–21:00 Uhr
  • Sammstag: 9:00–15:00 Uhr
Adresse

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

Rücksendungen an

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

Darstellung herkömmlicher Adressen - Inline(Responsive) innerhalb von aricle

Telefon
040 1234 5678
Fax
040 1234 5679
E-Mail Adresse
kontakt@example.com
Adresse

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

Blockweise Darstellung ist auch möglich mit contact-info-list__col.

    
        

Darstellung herkömmlicher Adressen - Inline(Responsive) innerhalb von aricle

Telefon
040 1234 5678
Fax
040 1234 5679
E-Mail Adresse
kontakt@example.com
Adresse

Fiktives Unternehmen
Musterstraße 93
20000 Hamburg

OSI Hilfe Dialog