Newsletter
-
Akkordeon -
Anker -
Audio-Player -
Bild -
Bot -
Breaking News -
Button -
Card -
Chip -
Copyright -
Details -
Exposé -
Fetch -
Flip-Card -
Footer -
Formular: Block -
Formular: Checkbox -
Formular: Combobox -
Formular: Fehlerliste -
Formular: Filter -
Formular: Fortschrittsanzeige -
Formular: Input -
Formular: Layouts -
Formular: Radio -
Formular: Select -
Formular: Switch -
Formular: Textfeld -
Formular: Upload -
Formular: Validierung -
Galerie -
Grid -
Header -
Hervorgehobener Link -
Hervorhebung -
Icon -
In-Page Navigation -
Infobox -
Karussell -
Kontakt -
Links -
Liste -
Logo -
Map -
Meldung -
Menü -
Modal -
Newsletter -
Pager -
Paginierung -
Quicklink-Liste -
Reiter -
Section -
Sidebar -
Skip Link -
Social Media -
Stack -
Stage -
Status -
Suche -
Tabelle -
Tag -
Tourismuszeile -
Video-Player -
Vorspann -
Zeitstempel -
Zitat
Newsletter Card
In dieser Variante steht die Newsletter-Card immer rechts von der Kontakt-Card.
Kontakt
Maria Magistrati
E-Mail: maria.magistrati@wien.gv.at
Telefon: +43 1 4000 xxxx
Newsletter
Unser Newsletter informiert Sie über Veranstaltungen, Publikationen und Neuigkeiten in den Bereichen Statistik und Innovation.
<wm-section highlight="true">
<wm-grid size="l">
<wm-card size="l">
<h3 slot="heading">Kontakt</h3>
<div slot="content">
<strong>Maria Magistrati</strong><br>
<p>
E-Mail: <a href="mailto:maria.magistrati@wien.gv.at">maria.magistrati@wien.gv.at</a><br>
Telefon: <a href="tel:004314000xxxx">+43 1 4000 xxxx</a>
</p>
<p>
<a href="#">Kontaktformular</a><br>
<a href="#">Über die Landesstatistik Wien</a>
</p>
</div>
</wm-card>
<wm-card size="l">
<h2 slot="heading">Newsletter</h2>
<div slot="content">
<p>Unser Newsletter informiert Sie über Veranstaltungen, Publikationen und Neuigkeiten in den Bereichen Statistik und Innovation.</p>
</div>
<div slot="postcontent">
<wm-button full="true" kind="primary" color="frischgruen" alignment="center">
<a href="#" class="wm-e-button">Abonnieren</a>
</wm-button>
</div>
</wm-card>
</wm-grid>
</wm-section>
Newsletter Section
Eine Newsletter Section sollte prinzipiell im vorgegeben Grünton (Frischgrün Light) eingesetzt werden. In Ausnahmefällen ist sie in Sonderaufritten auch in anderen Markenfarben Light möglich. Bitte dafür um kurze Abstimmung mit dem Handbuch-Team.
Bleib laufend informiert!
<wm-section highlight="frischgruen">
<h2>
<wm-icon width="32" iconid="email"></wm-icon>
Bleib laufend informiert!
</h2>
<form>
<wm-stack gap="">
<input type="email" name="email" placeholder="E-Mail-Adresse"/>
<wm-button color="frischgruen">
<a href="#" class="wm-e-button" style="white-space:nowrap;">
Anmelden
</a>
</wm-button>
</wm-stack>
<div>
<input type="checkbox" name="zustimmung_erhalt" id="dsvgo_analytics" value="1" required="required"/>
<label for="dsvgo_analytics">
Ja, ich stimme zu, dass die von mir oben angegebenen personenbezogenen Daten gemäß der
<a href='https://www.wien.gv.at/newsletter/wienat/datenschutz.html'>datenschutzrechtlichen Informationen</a>
verarbeitet und gespeichert werden. Ich kann diese Zustimmung jederzeit widerrufen.
<abbr title="Pflichtfeld">*</abbr>
</label>
</div>
</form>
</wm-section>
Kontakt
Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht
bietet?
handbuch@ma53.wien.gv.at