Colors

  • #007be4 Unibz
  • #f86b07 Comp Science
  • #ed331a Des Art
  • #6cc3ab Edu
  • #ac145a Eco
  • #1a8c64 Science Tech
  • #e1a22e Library
  • #ffffff
  • #dddddd
  • #000000

Fonts

Primary font: "FF DIN Pro Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

Primary font italic: "FF DIN Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

Primary font bold: "FF DIN Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

Secondary font: "freight-display-pro", Georgia, Times, "Times New Roman", serif;

Secondary font italic: "freight-display-pro", Georgia, Times, "Times New Roman", serif;

Secondary font bold: "freight-display-pro", Georgia, Times, "Times New Roman", serif;

Animations

Fade: Duration: 0.8s Easing: ease-out (Hover to see effect)
Movement: Duration: 0.8s Easing: cubic-bezier(.55,0,.1,1); (Hover to see effect)

Visibility

This text is hidden on smaller screens

This text is only visible on smaller screens

This text is hidden on medium screens only

This text is only visible on medium screens

This text is hidden on large screens

This text is only visible on large screens

Heading 1

Lorem ipsum dolor sit (37 characters)

Heading 2

Lorem ipsum dolor sit (37 characters)

Heading 3

Lorem ipsum dolor sit (37 characters)

Heading 4

Lorem ipsum dolor sit (37 characters)

Heading 5

Lorem ipsum dolor sit (37 characters)

Heading 6

Lorem ipsum dolor sit (37 characters)

Text Container

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Text Paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Text Blockquote

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Text Inline Elements

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

This text is deleted and This text is inserted

This text has a strikethrough

Superscript®

Subscript for things like H2O

This small text is small for for fine print, etc.

Abbreviation: HTML

Keybord input: Cmd + V

This text is a short inline quotation

This is a citation

The dfn element indicates a definition.

The mark element indicates a highlight

This is what inline code looks like.

This is sample output from a computer program

The variable element, such as x = y

Text Date

Text Time

Text Span

Lorem

Text Hr


Text Preformatted

P R E F O R M A T T E D T E X T
! " # $ % & ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~ 

Text Wrapper

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Unordered

  • This is a list item in an unordered list
  • An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
  • Lists can be nested inside of each other
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is the last list item

Ordered

  1. This is a list item in an ordered list
  2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
  3. Lists can be nested inside of each other
    1. This is a nested list item
    2. This is another nested list item in an ordered list
  4. This is the last list item

Image 4x3

Image 16x9

Image 1x1

Image 2x3

Avatar

Favicon

Forms Label

Forms Input Text

Forms Input Text Error

Forms Input Password

Forms Input Email

Forms Input Url

Forms Input Number

Forms Checkbox

Forms Radio Buttons

Forms Select Menu

Forms Input Textarea

Forms Input Number

Forms Input Date

Forms Input Range

Forms Input Week

Forms Input Month

Forms Input Datetime

Forms Input Datetime Local

Button Small

Lorem ipsum

Button Dark

Lorem ipsum

Button

Lorem ipsum

Button Big

Lorem ipsum

Button Alternate Small

Lorem ipsum

Button Alternate

Lorem ipsum

Button Alternate Big

Lorem ipsum

Button Disabled Small

Lorem ipsum

Button Disabled

Lorem ipsum

Button Disabled Big

Lorem ipsum

Button Text

Lorem ipsum

Button Text Alternate

Lorem ipsum

Button Text Primary

Lorem ipsum

Button Text Small

Lorem ipsum

Button Outline Active

Lorem ipsum

Button Outline

Lorem ipsum

Button Toggle

Button Medium

Lorem ipsum

Button Round

Button Text Small Primary

Lorem ipsum

Maps

Address

Free University of Bozen-Bolzano
Universitätsplatz 1 - piazza Università, 1
39100, Bozen Bolzano (BZ)
Italy
+39 0471 011000
+39 0471 011009

Post Header

Lorem

Lorem ipsum dolor sit (37 characters)

Lorem Lorem

Blockquote With Citation

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem

Grid System

Media Block

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum

Block Highlight

Block Glance

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Block Post

Lorem

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Block Event

Block Contact

Name of the office

Street or Square

City

Telephone

Fax

E-mail address
Opening hours

Dayname HH:MM - HH:MM

Dayname HH:MM - HH:MM

Block Timetable Item

Block Study Program

Block Job

Block Job Empty

Block Tender

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit (37 characters)
Lorem ipsum

Block Person

Block Lecture

Block Research

Figure

Figure With Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Embed With Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Video With Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Search Section

Lorem ipsum dolor sit (37 characters)

Nav

Nav Study Course

Nav Grid Bachelor

Nav Grid Master

Nav Grid Phd

Nav Grid Lifelong

Nav Mobile

Nav Pagination

Social Share

Filters

Filters Alone

Find Tools

Calendar Days

Mon 2 OCT
Tue 3 OCT
Wed 4 OCT
Thu 5 OCT
Fri 6 OCT
Sat 7 OCT
Sun 8 OCT
Mon 9 OCT
Tue 10 OCT
Wed 11 OCT
Thu 12 OCT
Fri 13 OCT
Fri 13 OCT
Sat 14 OCT
Sun 15 OCT
Mon 16 OCT
Tue 17 OCT
Wed 18 OCT
Thu 19 OCT
Fri 20 OCT
Sat 21 OCT
Sun 22 OCT
Mon 23 OCT
Tue 24 OCT
Wed 25 OCT
Thu 26 OCT
Fri 27 OCT
Sat 28 OCT
Sun 29 OCT
Mon 30 OCT
Tue 31 OCT
Wed 1 NOV
Thu 2 NOV

Calendar Month

October 2015
Mon Tue Wed Thu Fri Sat Sun
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1

Accordion

Lorem

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Accordion Open

Lorem

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Header

Article Body

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum
  • This is a list item in an unordered list
  • An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
  • Lists can be nested inside of each other
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is the last list item
  1. This is a list item in an ordered list
  2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
  3. Lists can be nested inside of each other
    1. This is a nested list item
    2. This is another nested list item in an ordered list
  4. This is the last list item

Hero

Hero Small

Banner

Banner Empty

Latest News

Lorem

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Latest Events

Magazine

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum

People Section

Lorem ipsum dolor sit (37 characters)

Lectures

Lorem ipsum dolor sit (37 characters)

Study Programs

Lorem ipsum dolor sit (37 characters)

Latest Highlights

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ni (210 characters)

Lorem ipsum

Search Find

Mon 2 OCT
Tue 3 OCT
Wed 4 OCT
Thu 5 OCT
Fri 6 OCT
Sat 7 OCT
Sun 8 OCT
Mon 9 OCT
Tue 10 OCT
Wed 11 OCT
Thu 12 OCT
Fri 13 OCT
Fri 13 OCT
Sat 14 OCT
Sun 15 OCT
Mon 16 OCT
Tue 17 OCT
Wed 18 OCT
Thu 19 OCT
Fri 20 OCT
Sat 21 OCT
Sun 22 OCT
Mon 23 OCT
Tue 24 OCT
Wed 25 OCT
Thu 26 OCT
Fri 27 OCT
Sat 28 OCT
Sun 29 OCT
Mon 30 OCT
Tue 31 OCT
Wed 1 NOV
Thu 2 NOV
October 2015
Mon Tue Wed Thu Fri Sat Sun
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1

Timetable Day

Lorem ipsum dolor sit (37 characters)