App UI: Cards 2 Column V1

Compatible Templates

  • Nexus Portal - App UI Client Portal

  • Nexus Portal - App UI Partner Portal

  • Nexus Portal - App UI Home Screens 1

  • Nexus Portal - App UI Demo

  • Nexus Portal - App UI Knowledge Base

  • Nexus Portal - App UI Onboarding

  • Nexus Portal - App UI Course Login

Hubspot

  1. 1. Go to Edit Page

  2. 2. Paste "App UI: Cards 2 Column v1" into input

    Paste "App UI: Cards 2 Column v1" into input

Hubspotpreview-na1

  1. 3. Drag highlighted option

    You can drop it anywhere in Drag and Drop Section

    Drag highlighted option

  2. 4. Adjust Spacing

    Adjust Spacing

Hubspotpreview-na1

  1. 5. Click on Alignment and spacing

    Click on Alignment and spacing

  2. 6. Click on Margin

    Click on Margin

  3. 7. Type "50"

    Type "50"

  4. 8. Click the Module

    Click the Module

  5. 9. Update any Fields

    Update any Fields

  6. 10. Click on Card…

    Click on Card…

Hubspotpreview-na1

  1. 11. Update Image

    Update Image

Hubspot

  1. 12. Search "image"

    Search "image"

  2. 13. Type "TAG"

    Type "TAG"

  3. 14. Type "Course Title"

    Type "Course Title"

  4. 15. Update Progress Bar

    Update Progress Bar

  5. 16. Type any number from 1-100

    Please take note that Personalize Token is also valid like for example {{ personalization_token('contact.partner_sales', '40') }}

    Type any number from 1-100

  6. 17. Update Description

    Update Description

  7. 18. Update Author

    Update Author

  8. 19. Update "Style" if needed

    Update "Style" if needed

  9. 20. Click Preview

    Click Preview

  10. 21. Sample Output

    Sample Output