Call-to-action buttons

University-wide student call-to-action button styles are available for use in ANU websites and applications. If you would like a button considered for addition to the collection below, please let us know.

Related styles

Student enquiries

To direct future students to the central enquiry form, please follow the instructions below to produce an 'Enquire now' button.

The code below uses a class to invoke a central script which creates the button, and it also contains a text link as a fallback for when JavaScript is not available. If you have any problems implementing the buttons on your site, please let us know.

Using Drupal?

If the button is not appearing in your Drupal site, please note these compatibility fix instructions.

University buttons

University Enquire now button

Any ANU site can use the University button using one of the code snippets below.

If you would like to place the button in a narrow column (see grid), use the following code:

<div class="narrow">
  <div class="anu-enq-uni">
&raquo; <a href="http://www.anu.edu.au/contact/">
Enquire now</a>
  </div>
</div>
   

If you would like to place the button in a column with a different width (wide in the example below), use the following code:

<div class="wide">
  <div class="anu-enq-uni w-narrow">
&raquo; <a href="http://www.anu.edu.au/contact/">
Enquire now</a>
  </div>
</div>
   

College colours

Colleges and the areas within them can either use a University button as described above or a college-coloured button using the code snippets below.

ANU College of Asia & the Pacific (CAP)

College-coloured CAP Enquire now button

If you would like to place the button in a narrow column (see grid), use the following code:

<div class="narrow">
  <div class="anu-enq-cap">
&raquo; <a href="http://www.anu.edu.au/contact/">
Enquire now</a>
  </div>
</div>
   

If you would like to place the button in a column with a different width (wide in the example below), use the following code:

<div class="wide">
  <div class="anu-enq-cap w-narrow">
&raquo; <a href="http://www.anu.edu.au/contact/">
Enquire now</a>
  </div>
</div>
   

Apply now

There is a similarly-styled 'apply now' button available. Unlike the enquire now button, this button is coded as an ordinary linked image.

For example, any ANU site can use the University button:

Apply now

  <a href="http://applyonline.anu.edu.au/">
    <img alt="Apply now" onmouseout="this.src='//style.anu.edu.au/_anu/4/images/apply/anu-apply-uni.png'" onmouseover="this.src='//style.anu.edu.au/_anu/4/images/apply/anu-apply-uni-over.png'" src="//style.anu.edu.au/_anu/4/images/apply/anu-apply-uni.png" class="w-narrow">
  </a>
 

College-coloured buttons are also available, using the College's abbreviation (see the tabs in the Enquire now section above) instead of 'uni' in the code snippet above.

Updated:  18 August 2017/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle