Building websites in Recruitment templates
This website is a learning tool and reference point for T4 users who need to maintain and update websites using the Recruitment templates.
The Recruitment templates are used on all the major web pages across the University website, including the study sites (Undergraduate, Postgraduate and Postgraduate Research) and Faculty and Departments websites. These pages are responsive and work on both desktop and mobile devices. All new sites going forward will be built using this template set.
The quickest way to identify if your site is currently using this set of templates is to see if the title of the site appears in a long, green horizontal bar across the top of the page, and if the navigation menu appears on the left of the screen.
This site is a live demo of our Recruitment templates. The best way to test responsive pages is to visit them on various devices with different sized screens.
If the pages you look after use the older Approved Responsive templates please refer to the guidance on the Approved Responsive templates site instead.
Example pages
The Recruitment templates can provide a range of layout options for your content.
Example content page with image
Example page with carousel images
Live pages
Faculty of Health and Life Sciences
Templates
In T4 there is a template group called Recruitment templates that contains all of the responsive templates that you need to build a website. These templates have been tested and are all compatible with each other so please ensure you only use templates from this group.
| Template | Function | Additional features | Usage |
|---|---|---|---|
| Page Structure v2 | Core template for page (mandatory). Sets main header. One instance per page only | Can add text at the top of the page | This template is needed to set up a page |
| Page text | Add additional text to a page | Format text and include tables and links | This template is to add additional text between other templates (eg. to add a header above a set of Accordions) |
| Accordions | Break up content into vertically stacked boxes. | Can have multiple sets of accordions, broken up with headers. | Accordion head, Accordion panel (one for each pane) and Accordion footer templates are needed for an accordion set. Each Accordion panel needs a unique code |
| Tabs | Break up content into tabbed interface | Needs Tabs Container template to set up Tabs. Then Tab Entry template for each additional Tab. | |
| Panels | Add text, images and videos to vertical panels. Panels can be set at quarter, third, half or full width (max 4 in a row). | Can link to pages or pop up Modal windows | |
| Modal Windows | Pop up boxes that can be linked to from Panels or text on the same page. | Can be linked to from page text or Panels | |
| Carousels | Display multiple scrolling images or single images. | Can add captions and link to another page/website. | Use Carousel interface to set up the first image. Use Carousel Panel template to add additional images. |
| Quote | Add a quote with image and expandable text | You can have multiple quotes on a page but each quote needs a unique quote id | |
| Profile Set | Add a carousel of six profile photos with accompanying text | Can link to staff profiles pages and social media | Maximum six profiles. Each profile must have an image. |
| Highlight section | Add a coloured background to highlight key content such as panels, page text and quotes | Use the Highlight Section Top and Highlight Section Bottom templates to create a Highlight section |
