Links provide multiple different styling options for links, with the options to include icons and background images.
Block setup
Elements to consider when building Links:
Link style
There are multiple styling options for the Links block:
-
Buttons: Links in a button format, displayed horizontally across the page
-
Navigation bar: Links in a horizontal navigation bar format. Best used with anchor links on the same page
-
Option links: Large boxed links, similar to a banner image with links. Works well with background images
-
Quick links: Center-aligned links with no bullets in front
-
Related links: Left-aligned links with bullets in front
Block appearance
The Links block has the option to include an icon and/or a background image.
The link colouring can be changed to faculty colours.
Section layout
The width of the section will affect the width of the Links block.
Block examples
Note: Not every link style is shown.
Option links
- A Links block placed within an extra-wide contained width section
- Options link style
- Links each have a custom image background and are set to different faculty colours (Engineering and Health)
Button links
- A Links block placed within an extra-wide contained width, two-column section
- Buttons link style
- Links each have an icon and a solid background colour
- A Links block placed within an extra-wide contained width, two-column section
- Navigation bar link style
- Links are set to different faculty colours (Math, Arts, and Environment)