interstitial-payment.pug 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. extends ../layout
  2. include ./plans-marketing/_mixins
  3. include ./plans-marketing/_tables
  4. include ./plans-marketing/v2/_mixins
  5. block vars
  6. - entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
  7. - var suppressFooter = true
  8. - var suppressNavbarRight = true
  9. block append meta
  10. meta(name="ol-recommendedCurrency" content=recommendedCurrency)
  11. meta(name="ol-itm_content" content=itm_content)
  12. block content
  13. main.content.content-alt#main-content
  14. .content-page
  15. .plans
  16. .container
  17. .row
  18. .col-md-12
  19. .page-header.centered.plans-header.text-centered.top-page-header
  20. h1.text-capitalize #{translate('choose_your_plan')}
  21. //- TODO: add analytics by adding 2 arguments in the mixin below
  22. +monthly_annual_switch()
  23. .row.plans-v2-table-sticky-header.plans-v2-table-sticky-header-individual.sticky(data-ol-plans-v2-table-sticky-header='individual')
  24. .plans-v2-table-sticky-header-item
  25. span #{translate("personal")}
  26. .plans-v2-table-sticky-header-item.plans-v2-table-sticky-header-item-highlighted
  27. span #{translate("standard")}
  28. .plans-v2-table-sticky-header-item
  29. span #{translate("professional")}
  30. .plans-v2-table-sticky-header-item
  31. span #{translate("student")}
  32. .row.plans-v2-table-container(data-ol-plans-v2-table-container='monthly')
  33. .col-sm-12
  34. .row
  35. table.card.plans-v2-table.plans-v2-table-individual
  36. +plans_v2_table('monthly', interstitialPaymentConfig)
  37. .row.plans-v2-table-container(hidden data-ol-plans-v2-table-container='annual')
  38. .col-sm-12
  39. .row
  40. table.card.plans-v2-table.plans-v2-table-individual
  41. +plans_v2_table('annual', interstitialPaymentConfig)
  42. //- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
  43. .invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
  44. != moduleIncludes("contactModalGeneral-marketing", locals)