plans-marketing.pug 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. extends ../layout-marketing
  2. include ./plans-marketing/_mixins
  3. include ./plans-marketing/_tables
  4. block vars
  5. - entrypoint = 'pages/user/subscription/plans'
  6. block append meta
  7. meta(name="ol-recommendedCurrency" content=recommendedCurrency)
  8. meta(name="ol-groupPlans" data-type="json" content=groupPlans)
  9. meta(name="ol-currencySymbols" data-type="json" content=groupPlanModalOptions.currencySymbols)
  10. meta(name="ol-itm_content" content=itm_content)
  11. block content
  12. main.content.content-alt#main-content
  13. .content-page
  14. .plans
  15. .container(ng-cloak)
  16. .row
  17. .col-md-12
  18. .page-header.centered.plans-header.text-centered
  19. h1.text-capitalize(ng-non-bindable) #{translate('get_instant_access_to')} #{settings.appName}
  20. .row
  21. .col-md-8.col-md-offset-2
  22. p.text-centered #{translate("sl_benefits_plans")}
  23. +allCardsAndControls()
  24. .row.row-spaced-large.text-centered
  25. .col-xs-12
  26. p.text-centered !{translate('also_provides_free_plan', {}, [{ name: 'a', attrs: { href: '/register' }}])}
  27. i.fa.fa-cc-mastercard.fa-2x(aria-hidden="true")  
  28. span.sr-only Mastercard accepted
  29. i.fa.fa-cc-visa.fa-2x(aria-hidden="true")  
  30. span.sr-only Visa accepted
  31. i.fa.fa-cc-amex.fa-2x(aria-hidden="true")  
  32. span.sr-only Amex accepted
  33. i.fa.fa-cc-paypal.fa-2x(aria-hidden="true")  
  34. span.sr-only Paypal accepted
  35. div.text-centered #{translate('change_plans_any_time')}<br/> #{translate('billed_after_x_days', {len:'7'})}
  36. br
  37. div.text-centered #{translate('subject_to_additional_vat')}<br/> #{translate('select_country_vat')}
  38. .row.row-spaced-large
  39. .col-md-8.col-md-offset-2
  40. .card.text-centered
  41. .card-header
  42. h2 #{translate('looking_multiple_licenses')}
  43. span #{translate('reduce_costs_group_licenses')}
  44. br
  45. br
  46. a.btn.btn-default(
  47. href="#groups"
  48. data-ol-open-group-plan-modal
  49. data-ol-location='callout'
  50. ) #{translate('find_out_more')}
  51. .row.row-spaced-large
  52. .col-sm-12
  53. .page-header.plans-header.plans-subheader.text-centered
  54. h2 #{translate('compare_plan_features')}
  55. .row
  56. .col-md-6.col-md-offset-3
  57. +plan_switch('table')
  58. .col-md-3.text-right
  59. +currency_dropdown
  60. .row(event-tracking="features-table-viewed" event-tracking-ga="subscription-funnel" event-tracking-trigger="scroll" event-tracking-send-once="true" event-tracking-label="exp-")
  61. .col-sm-12(data-ol-view='monthly')
  62. +table_premium
  63. .col-sm-12(hidden data-ol-view='annual')
  64. +table_premium
  65. .col-sm-12(hidden data-ol-view='student')
  66. +table_student
  67. include ./plans-marketing/_quotes
  68. include ./plans-marketing/_faq
  69. #bottom-cards.row.row-spaced(style="display: none;")
  70. .col-sm-12
  71. +allCardsAndControls(true, 'bottom')
  72. .row.row-spaced-large
  73. .col-md-12
  74. .plans-header.plans-subheader.text-centered
  75. h2.header-with-btn #{translate('still_have_questions')}
  76. button.btn.btn-default.btn-header.text-capitalize(
  77. data-ol-open-contact-form-modal="general"
  78. ) #{translate('get_in_touch')}
  79. .row.row-spaced
  80. include ./plans-marketing/_group_plan_modal
  81. != moduleIncludes("contactModalGeneral-marketing", locals)