Text with Image
Background None
Text with Image
Background White
Text with Image
Background BlueGradient, image first
Text with Image
Background LightBlueGradient, image first
Text Slice with Options for Columns and Text Alignment
This title and intro text are optional.
This section is for the content in columns only. There is no option to use a heading at the top of the copy because the alignment will be off across the columns. This slice has 2 columns with text left aligned.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
This section is for the content in columns only. There is no option to use a heading at the top of the copy because the alignment will be off across the columns. This slice has 3 columns with text center aligned.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
Text Slice for 2 or 3 Distinct Columns with Text Alignment
This title and intro text are optional.
Column 1 content. You can use all rich text elements. Set to left align text.
Column 2 content. You can use all rich text elements. Set to center align text.
Column 3 content. You can use all rich text elements. Set to left align text.
Text Slice for 2 or 3 Distinct Columns with Text Alignment
This title and intro text are optional. Col 3 Text is blank so there are only 2 columns set.
Column 1 content. You can use all rich text elements. Set to left align text.
Column 2 content. You can use all rich text elements. Set to center align text.
Text Clipped Bg
This is the slice with only one button.
StyledTextArea
Variation using Centered Content with no image.
Single button anchor link to JotForm below
Video Player
You will need the SRC link only from the EMBED CODE.
Video Player Row
This option allows multiple videos to be displayed in rows of 2 or 3.
Video Player Row
This option allows multiple videos to be displayed in rows of 2 or 3.
Team Row
This slice pulls a card layout from the selected content relationship field for Faculty Group, page type is "Team Group". This setup can be used for any group of people - the fields include: Name, position, email, phone, bio, image. The card shows an excerpt with a link to "Read more" text which is set with an option on this slice to make sense with the subject matter. Clicking on the image will also open the modal.
Senior Staff
Kelly Grover | she/her
President and CEO
Kelly is a proven leader with over 25 years of experience in the charitable, health and public sectors. Kelly joined Cystic Fibrosis Canada as the President and
Huda Al-Saedy | she/her
Chief Development Officer
Huda Al-Saedy is a purposeful non-profit leader who has grown organizational impact through strategic and innovative fundraising for over 20 years. She speciali
Phoebe Dey | she/her
Chief Marketing & Communications Officer
Phoebe Dey is a collaborative communication professional with 25 years of experience. Before joining Cystic Fibrosis Canada in late 2022, she spent 13 years wit
Paul Eckford | he/him
Chief Scientific Officer
Dr. Eckford holds a PhD in Biochemistry from the University of Guelph and has spent most of his career studying cystic fibrosis. Previously, he was a Postdoctor
1 / 2
Image Link to Media
The intro is optional - you can select the number of columns - mobile is always 1 column. This slice allows you to add an image placeholder for a link to a PDF, page or web link.
Text Default
This text slice is being used to introduce the Default and Button x 2 slice or Button x 3 variations below.
Text Default
This text slice is being used to introduce the Single Image slice below - a square image on its own. Compare the use of the Single Image slice with the option to include an image in the Text Default slice itself which allows linking the selected image to media, page, or website.
Text Default
This slice allows many options for showing text like this paragraph. The headings should be used in a hierarchy. The top level (showing as Text Default above) is always H2 and sub-headings are used in order:
Heading 3
Heading 4
Headings must always represent an actual heading and should NOT be used to style paragraph text.
Lists can be
- Bullets
or
- Numbers
You can add an image, which also has the option to add a link from that image.
Text Default
This slice allows many options for showing text like this paragraph. The headings should be used in a hierarchy. The top level (showing as Text Default above) is always H2 and sub-headings are used in order:
Heading 3
Heading 4
Headings must always represent an actual heading and should NOT be used to style paragraph text.
Lists can be
- Bullets
or
- Numbers
You can add an image, which also has the option to add a link from that image.
