Main Page

Example

1. Edit Page
   • Page Name: Toggled off
   • Custom Class: donation-pages
2. Hero Area - Container Element
   • Title: Giving to Finalsite
   • Custom Class: hero
   • Expand Design
     • Background Image: Example
3. Next Step - Content Element
   • Custom Class: next-step
   • Expand Design
     • Footer
       • Link to Make a Gift page with Callout Button style
4. Other Ways to Give - Shared Element
   • Other Ways to Give - Content Element
     • Title: Other Ways to Give
     • Custom Class: ways-give-intro
5. Other Types of Gifts - Shared Element
   • Other Types of Gifts - Content Element
     • Title: Other Types of Gifts
     • Custom Class: types-gifts-intro
6. Ways to Give Panel - Shared Element
   1. Ways to Give - Container Element
      • Title: Ways to Give
      • Custom Class: ways-give-panel
   2. Content Element(s)
      • Title: Title of way to give (i.e. Give Online Now)
      • Custom Class: used for specific icon, default setup assumes the icon matches the order of the elements
7. Types of Gifts Panel - Shared Element
   1. Types of Gifts - Container Element
      • Title: Types of Gifts
      • Custom Class: types-gifts-panel
   2. Content Element(s)
      • Title: Title of way to give (i.e. Annual Gifts)
      • Custom Class: used for specific icon, default setup assumes the icon matches the order of the elements
8. Callout Buttons - Shared Element
   • Content Element
     • Custom Class: callout-buttons
     • Content Editor
       • Each link is wrapped in a <p> & <a>
       • Each link has the Callout Button style applied
9. Blurb
   • Content Element
     • Title: Lorem ipsum Dolor Sit Amet
     • Custom Class: blurb
     • Content Editor
       • The first line of text has the Lead-In Text style applied
10. Spotlight
    • Three Column Layout Element
      • Custom Class: spotlight
      • Content Element
        • Title: Expe Suntur Quam Alignam Quiam Quatur
        • Expand Design
          • Background Image: Example
        • Content Editor
          • A line or two of content

Form Page

Example

1. Edit Page
   • Custom Class: donation-pages-form
2. Main Content
   • Content Editor
     • The first line of text has the Lead-In Text style applied
   • Form - Form Element
     • Select form
3. Donate Page Right - Right Banner
   1. Other Ways to Give - Shared Element
   2. Other Types of Gifts - Shared Element
   3. Ways to Give - Shared Element
   4. Types of Gifts - Shared Element
   5. Callout Button - Shared Element