Creating a call out box 

To create a new call out box for an individual page or section that you're editing, locate the _blocks subfolder within the section's parent folder to save the new block to. 

For example, if I'm editing the Future Students page in the future-students folder and wish to add a new call out box, I would create my new block in the future-students > _blocks-for-future-students folder.

  1. Navigate to the appropriate folder to save your block in.
  2. Select Add Content > Blocks > Call Out Box.
  3. Name the block according to block naming conventions: call-out-box-page-purpose.
  4. Confirm the block is being saved in the correct Placement Folder.
  5. Fill in the Label. This will be the header for the call out box.
  6. Skip the Label Icon selection.
  7. Select the Colour: red, blue or purple.
  8. Add Body Text. This will be the messaging on the call out box.
  9. Click Preview Draft > Submit > Check Content & Submit.
  10. Proceed through spell check, broken links and accessibility checker and click Finish.
  11. Add the call out box block to your page(s).

This is a call out box

This call-out block can be red, purple or blue.

Creating a call to action (cta)

To create a new CTA for an individual page or section that you're editing, locate the _blocks subfolder within the section's parent folder to save the new block to. 

For example, if I'm editing the Future Students page in the future-students folder and wish to add a new CTA, I would create my new block in the future-students > _blocks-for-future-students folder.

  1. Navigate to the appropriate folder to save your block in.
  2. Select Add Content > Blocks > CTA.
  3. Name the block according to block naming conventions: cta-version-page-purpose.
  4. Confirm the block is being saved in the correct Placement Folder.
  5. Select the Type. There is five CTA versions to select from: default, icon, large image, colour block image and full width image.
  6. Add a Title. This will be the CTA header.
  7. Add the Content. This will be the CTA messaging. 
  8. Fill in the Link details. Add a Label for the link, select the Type of link and input the link the CTA will direct to.
  9. Depending on the CTA Type selected, you will also have the option to add a corner accent (default version), add an image (large image, colour block image and full width image versions) or choose the mail icon alignment (icon version).
  10. Click Preview Draft > Submit > Check Content & Submit.
  11. Proceed through spell check, broken links and accessibility checker and click Finish.
  12. Add the CTA block to your page(s).

Default cta

This is an example of a default cta. Learn more
Aldred centre.

This is a large image cta

This is an example of a large image cta with the grey shape. You can remove it and flip the image.
Learn more
Hertiage hall

Color block cta

This is an example of a color block cta. You can choose from red, blue, purple.

Learn more

Icon cta

This is an example of an icon cta.
Learn more

This is a full width cta

A small amount of body copy is recommended.

Explore

Knowledge Base

a view of the moutains and stream in between

Oki, Âba wathtech, Danit'ada, Tawnshi, Hello.

SAIT is located on the traditional territories of the Niitsitapi (Blackfoot) and the people of Treaty 7 which includes the Siksika, the Piikani, the Kainai, the Tsuut’ina and the Îyârhe Nakoda of Bearspaw, Chiniki and Goodstoney.

We are situated in an area the Blackfoot tribes traditionally called Moh’kinsstis, where the Bow River meets the Elbow River. We now call it the city of Calgary, which is also home to the Métis Nation of Alberta.

Visit Natoysopoyiis Resource Centre