University Library University Digitisation Service

Style Testing

Example content page

This is a sample content page designed to show you how a standard content page is presented via The University of Melbourne Web Templates.

You can use this page to see many of the different styles available via the template. Please examine the source code of this page (and associated documentation at http://brand.unimelb.edu.au/docs) for important accessibility and markup details.


Much of the content here is completely made up and should really not be read in any detail. We've just added content to make it seem as if this is a normal page.

Heading Styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

To be recognised as the leading higher education institution within Australia in the area of student mobility within five years, with a reputation for outstanding service, high quality and distinctive international opportunities, high level of staff and student satisfaction, and providing significant contributions to policy and practice in the education abroad field. With a reputation for outstanding service, high quality and distinctive international opportunities.

To be recognised as the leading higher education institution within Australia in the area of student mobility within five years.


To be recognised as the leading higher education institution within Australia in the area of student mobility within five years, with a reputation for outstanding service, high quality and distinctive international opportunities, high level of staff and student satisfaction, and providing significant contributions to policy and practice in the education abroad field. With a reputation for outstanding service, high quality and distinctive international opportunities.

Icon styles

The styles below give you the ability to place emphasis on downloadable and playable media. There are also a range of button styles referencing social media. We will add to this over time.

Inline Links

Downloadwerkplaats_informations.pdf(21mb)

Downloadwerkplaats_informations.doc(21mb)

Downloadwerkplaats_informations.xls(21mb)

Downloadwerkplaats_informations.ppt(21mb)

Downloadwerkplaats_informations.mov(21mb)

Downloadwerkplaats_informations.mp3(21mb)

werkplaats_informations.pdf(21mb)


Downloadwerkplaats_informations.pdf(21mb)


Downloadwerkplaats_informations.doc(21mb)


Play ‘introduction speech’ video(21mb)


Play‘introduction
speech’ video(21mb)


RSS Feed



Code formatting

An example of inline <code> formatting.

 var balanced_parens = function(str) { var stack = arguments[1] || []; if (str.charAt(0) == '') return stack.length === 0; else if (str.charAt(0) == '{') stack.push(str); else if (str.charAt(0) == '}') if (!stack.pop()) return false; return arguments.callee.call(this, str.substring(1), stack); } var test_strings = [ "{ level 1 { { level 3 } level 2 { level 3 } } }", "{ level 1 { { { level 3 } level 2 { level 3 } } }", "{ level 1 { { level 3 } level 2 { level 3 } } } }" ]; for (var i = test_strings.length - 1; i >= 0; i--) { var str = test_strings[i]; console.log('"'+str+'" is '+(balanced_parens(str) ? 'well' : 'not well')+' balanced.'); as dasd asd asd asd asd asd asd }

Grid system

The grid system built into the templates allows you to create complex layouts quickly, consistently and easily.

There are 8 columns in the grid. On pages such as this one the last two are reserved for local navigation.

It is also possible to push content across using the push-n class if you would like to leave a gap between the left hand margin and the content you are inserting.


Ordered and unordered lists

The templates feature built in styling for ordered and unordered lists. This is an unordered list:


This is an ordered list:

  1. collect as much information about the new subject as possible, including contact hours, methods of assessment, a description of the topics covered and, importantly, credit point value;
  2. email or fax this subject information to the Faculty advisor from the department that teaches subject at Melbourne and ask for approval to do the relevant subject(s), when you write to the advisor, if there are time restrictions, such as you must finalise all your subject changes by a certain time, please explain that clearly to the advisor; and
  3. if approved, ask that copies of new subject approvals be sent also to Melbourne Global Mobility (and the Faculty advisor in your faculty where you are seeking credit for that subject, if the approval is not from that person), so that it can be noted on your file.

This is a small element which can be used for captions:

Table styling

No class

There are inbuilt styles for tables. Please use this code to ensure you create something that is accessible.
Contact method Contact details
Contact us For more information please see the contact us webpage.
Student centres or faculties Faculty advisors
Our overseas representatives Find a representative in your country
Download

Current study abroad and exchange brochure
Current newsletter for students and advisors

Additional information:
Study abroad and exchange student support office
See the Support Office for information on:
  • Arrival and airport reception
  • Melbourne Welcome
  • Enrolment and Orientation
Student Union The Student Union has a variety of services for students. You might like to check out the Clubs and societies (including the Melbourne University Student Exchange Club — MUSEx)

Table Class=grey (Legacy 07 style)

There are inbuilt styles for tables. Please use this code to ensure you create something that is accessible.
Contact method Contact details
Contact us For more information please see the contact us webpage.
Student centres or faculties Faculty advisors
Our overseas representatives Find a representative in your country
Download

Current study abroad and exchange brochure
Current newsletter for students and advisors

Additional information:
Study abroad and exchange student support office
See the Support Office for information on:
  • Arrival and airport reception
  • Melbourne Welcome
  • Enrolment and Orientation
Student Union The Student Union has a variety of services for students. You might like to check out the Clubs and societies (including the Melbourne University Student Exchange Club — MUSEx)

 

Table class=striped

There are inbuilt styles for tables. Please use this code to ensure you create something that is accessible.
Contact method Contact details
Contact us For more information please see the contact us webpage.
Student centres or faculties Faculty advisors
Our overseas representatives Find a representative in your country
Download

Current study abroad and exchange brochure
Current newsletter for students and advisors

Additional information:
Study abroad and exchange student support office
See the Support Office for information on:
  • Arrival and airport reception
  • Melbourne Welcome
  • Enrolment and Orientation
Student Union The Student Union has a variety of services for students. You might like to check out the Clubs and societies (including the Melbourne University Student Exchange Club — MUSEx)

 

Social Media contact points
Contact method Contact details
Twitter twitter.com/unimelb
Facebook facebook.com/melbuni
Youtube youtube.com/unimelb

Form and message styling

The following classes have been included to allow you to create attractive forms (and associated messages) with ease. These have been coded in an accessible fashion, so please examine source code to ensure compliance.

Don't forget to enter your password correctly.

There waz erros.

  • Username is required
  • Password is required

Congratulations!

  • Username is correct
  • Password is correct
Use this form to get in contact with us

Basic details

Gender

Gender

Gender

Requirements

Dietary Requirements

Requirements

What can we do for you?

What size head do you have?

top of page