interstitial-payment.pug 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. extends ../layout
  2. include ./plans-marketing/v2/_mixins
  3. block vars
  4. - entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
  5. - var suppressFooter = true
  6. - var suppressNavbarRight = true
  7. block append meta
  8. meta(name="ol-recommendedCurrency" content=recommendedCurrency)
  9. meta(name="ol-itm_content" content=itm_content)
  10. block content
  11. main.content.content-alt#main-content
  12. .content-page
  13. .plans
  14. .container
  15. .row
  16. .col-md-12
  17. .page-header.centered.plans-header.text-centered.top-page-header
  18. h1.text-capitalize #{translate('choose_your_plan')}
  19. +monthly_annual_switch("monthly", "paywall-plans-page-toggle", '{}')
  20. +plans_v2_table_sticky_header(true, interstitialPaymentConfig)
  21. .row.plans-v2-table-container(data-ol-plans-v2-period='monthly')
  22. .col-sm-12
  23. .row
  24. table.card.plans-v2-table.plans-v2-table-individual
  25. +plans_v2_table('monthly', interstitialPaymentConfig)
  26. .row.plans-v2-table-container(hidden data-ol-plans-v2-period='annual')
  27. .col-sm-12
  28. .row
  29. table.card.plans-v2-table.plans-v2-table-individual
  30. +plans_v2_table('annual', interstitialPaymentConfig)
  31. //- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
  32. .invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
  33. if (showSkipLink)
  34. .row.row-spaced-small.text-center
  35. a(href='/project'
  36. event-tracking="skip-button-click"
  37. event-tracking-mb="true"
  38. event-tracking-trigger="click"
  39. event-segmentation='{"location": "interstitial-page"}'
  40. )
  41. | #{translate("continue_with_free_plan")}
  42. != moduleIncludes("contactModalGeneral-marketing", locals)