Skip to main content

On this page you will find examples of the use and combination of the design elements ("Paragraphs") available in the new Drupal.

The icon tiles

...under each heading, you can also enter a short text about the page to be linked. Up to four tiles fit next to each other, after which a new line can be started with another icon tile element.

Sample link 1
Sample link 2
Sample link 3
Sample link 4

The icon tiles (2)

... also chic with always the same icon.

Exam registration
Request for extension of deadline
Application for a semester of leave
Application for de-registration

The icon tiles (3)

...with text

Uni-Shop
Your point of contact for merchandise
Unisport
Stay fit during your studies
Job portal
Earn money on the side

The image tiles

...same principle as with the icon tiles, only with images instead of icons

Image
Basteibrücke_Sächsische_Schweiz
Sample link 1
Image
Pyramide vor dem Louvre
Sample link 2
Image
Venedig Gondeln Stadtsilhouette
Sample link 3
Image
Stonehenge England
Sample link 4

The layout with the use of buttons

...can divide the page into up to four columns and thus also be used as an element for navigation.

Sample link 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

learn more

Sample link 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

learn more

Sample link 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

learn more

Sample link 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

learn more

...through the layout of pages, different elements can be combined with each other.

Image
Basteibrücke_Sächsische_Schweiz
Sample link 1
Image
Pyramide vor dem Louvre
Sample link 2
Image
Venedig Gondeln Stadtsilhouette
Sample link 3

All links

Sample link 4

loerem ipsum.

learn more

 

Layout with two text/image paragraphs (33%/67%)

 

Information on

Offer for the undecided

Lorem ipsum

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.

learn more


 

Specification of contacts

Text/image paragraph

Tabular overview

NameFunctionAddressPhoneEmail
Mrs Prof. LinkeInstitute DirectorAkademiestrasse 6, Room 0.02-3214muster [at] tu-freiberg [dot] de
Martha BäckerSecretariatAkademiestrasse 6, Room 0.03-1234muster [at] tu-freiberg [dot] de
Friedrich OppelScientific AssistantAkademiestrasse 6, Room 1.02-5678muster [at] tu-freiberg [dot] de

"Contact person" paragraph

Attention, contact persons must first be created by the central web editorial team and can only then be selected.

Contact person

We are happy to answer any questions you may have!

Alexander Winterstein
Central web coordinator, University Computer Centre, Bernhard-von-Cotta-Str. 1
alexander.winterstein [at] hrz.tu-freiberg.de + 49 3731 39-4785
Sabine Schellbach
Dezernentin Universitätskommunikation, Prüferstr. 2, R 3.406
kommunikation [at] tu-freiberg.de +49 3731 39-3461

 

Compress information (do not use inflationary information!)

1) Accordions (also possible in multiple columns)

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.

.

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.

.

2)Make downloads available


 

Quotes

Either as a quote paragraph

Image
Eine Frau mit kurzen Haaren, die freundlich in die Kamera lächelt.

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.

Martina Muster, Head of Project A

...Or with the quote in the editor

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.

Martina Muster, Head of Project A

 


 

Emphasising information

Infobox (only use temporarily!)

Attention, the examination period starts on 15 July 2024! Exam registration is possible in the self-service portal.

To the self-service portal

Button Large

Applications for Scholarship X can only be submitted until 25 November.

To the application form

Information on the application process