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)
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:
- 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;
- 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
- 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:
- For more information see the Australian Government Department of Foreign Affairs and Trade Online Registration webpage.
- For a full list of Australian missions overseas please go to the Australian Government Department of Foreign Affairs and Trade Australian Embassies, high commissions, consulates, multilateral missions and representative offices webpage.
Table styling
No class
| 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 |
| Additional information: Study abroad and exchange student support office |
See the Support Office for information on:
|
| 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)
| 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 |
| Additional information: Study abroad and exchange student support office |
See the Support Office for information on:
|
| 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
| 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 |
| Additional information: Study abroad and exchange student support office |
See the Support Office for information on:
|
| 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) |
| Contact method | Contact details |
|---|---|
| twitter.com/unimelb | |
| 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.