How to Make Template B

Editing interface

Directions

1. Add a Text page element
2. Additional options:
   1. Bottom spacing: 5 (3.0rem | ~48px)
3. Text: Align center
   1. Embedded image: Size natural (at least 1300px wide)
   2. Heading 1: "Congratulations, Admitted Students!"
   3. Text size lead: "Accept your admission to the U of A and the [Insert College Name] in the Next Steps Center."
   4. "Take your next steps" button

Editing interface

Directions

1. Add Split Screen
2. Full Width: Checked
3. Image Order: Image Right
4. Background Color: Gray 100
5. Additional options
   1. Text Width: Content Width
   2. Bottom Spacing: 5 (3.0rem | ~48px)
6. Image: [Unique]
7. Text
   1. Paragraph Heading 2: Welcome to the University of Arizona [Insert College Name]!
   2. Style Text size Lead: Paragraph

Editing interface

Directions

1. Add Text
2. Additional options
   1. Bottom Spacing: Zero
3. Text
   1. Heading 2, Center aligned: "College Community Spotlight"

Editing interface

Directions

1. Add the Cards page element
2. Cards per row on desktop: 3
3. Card style: Borderless cards
4. Card title style: Title within card (default)
5. Card title level: H3 (subsection heading)
6. Card title display size: Default (H5 size)
7. Clickable cards: Checked
8. Additional options
   1. Cards per row on tablet: 1
   2. Cards per row on phone: 1
   3. Bottom Spacing: 5 (3.0rem | ~48px)
9. Card group title color: Default
10. Card group title: [Empty]
11. Add card
    1. Card background: White
    2. Media: [Unique]
    3. Card Title: [Unique]
    4. Card Title Alignment: Title left
    5. Card Body: [Unique]
    6. Card Link Title: [Unique]
    7. Card Link URL: [Unique]
    8. Card Link Style: Text link
12. "Add another item" and repeat for two more cards
13. Save

Editing interface

Directions

1. Add Text with Background
2. Full Width: Checked
3. Background Color: Gray 100
4. Background Pattern: None
5. Space Around Content: 5 (3.0rem | ~48px) - Default
6. Additional options
   1. Bottom Spacing: 5 (3.0rem | ~48px)
7. Text
   1. Paragraph Heading 2, Centered: Get Involved with [Insert School Name]
   2. Paragraph, Centered: [Unique]
   3. Bootstrap Grid: Column 2, Equal width on Large screens
      1. First column: Embed an image
      2. Second column:
         1. Heading 3: [Unique]
         2. Paragraph: [Unique]
         3. Text link: "Explore [insert involvement option]"
   4. Repeat bootstrap grid two more times

Editing interface

Directions

1. Add Text
2. Additional options
   1. Bottom Spacing: 5 (3.0rem | ~48px)
3. Text
   1. Heading 2: "Upcoming Events & Next Steps for Admitted Students"
   2. Bootstrap grid: Column 3, Equal width on large screens
      1. Within each column:
         1. Embed an image (size large)
         2. Heading 3: [Event or next step title]
         3. Paragraph: [Unique]
         4. Text link: [Unique]

Editing interface

Directions

1. Add Text with Background
2. Full Width: Checked
3. Background Color: Gray 100
4. Background Pattern: None
5. Space Around Content: 5 (3.0rem | ~48px) - Default
6. Additional options
   1. Bottom Spacing: Zero
7. Text
   1. Heading 2: "Contact Us"
   2. Text size lead: "Have a question about the University of Arizona [Insert College Name] or your next steps? Contact your recruitment manager."
   3. Bootstrap grid
      1. Column 2, Equal width on Medium size
      2. First column: Image, size large
      3. Second column:
         1. Text size lead: [Insert recruitment manager name]
         2. Bold: "Recruitment Manager"
         3. Button: "Email [Insert first name]"
         4. Paragraph: "Or call [Insert first name] at 520-555-5555"