2022-06-14 05:37:33 -04:00
|
|
|
extends ../layout
|
2022-06-13 05:33:26 -04:00
|
|
|
|
|
|
|
|
include ./plans-marketing/_mixins
|
|
|
|
|
include ./plans-marketing/_tables
|
|
|
|
|
include ./plans-marketing/v2/_mixins
|
|
|
|
|
|
|
|
|
|
block vars
|
|
|
|
|
- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
|
2022-06-14 05:37:33 -04:00
|
|
|
- var suppressFooter = true
|
|
|
|
|
- var suppressNavbarRight = true
|
2022-06-13 05:33:26 -04:00
|
|
|
|
|
|
|
|
block append meta
|
|
|
|
|
meta(name="ol-recommendedCurrency" content=recommendedCurrency)
|
|
|
|
|
meta(name="ol-itm_content" content=itm_content)
|
|
|
|
|
|
|
|
|
|
block content
|
|
|
|
|
main.content.content-alt#main-content
|
|
|
|
|
.content-page
|
|
|
|
|
.plans
|
|
|
|
|
.container
|
|
|
|
|
.row
|
|
|
|
|
.col-md-12
|
|
|
|
|
.page-header.centered.plans-header.text-centered.top-page-header
|
|
|
|
|
h1.text-capitalize #{translate('choose_your_plan')}
|
|
|
|
|
|
|
|
|
|
//- TODO: add analytics by adding 2 arguments in the mixin below
|
|
|
|
|
+monthly_annual_switch()
|
|
|
|
|
|
|
|
|
|
.row.plans-v2-table-sticky-header.plans-v2-table-sticky-header-individual.sticky(data-ol-plans-v2-table-sticky-header='individual')
|
|
|
|
|
.plans-v2-table-sticky-header-item
|
|
|
|
|
span #{translate("personal")}
|
|
|
|
|
.plans-v2-table-sticky-header-item.plans-v2-table-sticky-header-item-highlighted
|
|
|
|
|
span #{translate("standard")}
|
|
|
|
|
.plans-v2-table-sticky-header-item
|
|
|
|
|
span #{translate("professional")}
|
|
|
|
|
.plans-v2-table-sticky-header-item
|
|
|
|
|
span #{translate("student")}
|
|
|
|
|
|
|
|
|
|
.row.plans-v2-table-container(data-ol-plans-v2-table-container='monthly')
|
|
|
|
|
.col-sm-12
|
|
|
|
|
.row
|
|
|
|
|
table.card.plans-v2-table.plans-v2-table-individual
|
|
|
|
|
+plans_v2_table('monthly', interstitialPaymentConfig)
|
|
|
|
|
|
|
|
|
|
.row.plans-v2-table-container(hidden data-ol-plans-v2-table-container='annual')
|
|
|
|
|
.col-sm-12
|
|
|
|
|
.row
|
|
|
|
|
table.card.plans-v2-table.plans-v2-table-individual
|
|
|
|
|
+plans_v2_table('annual', interstitialPaymentConfig)
|
|
|
|
|
|
|
|
|
|
//- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
|
|
|
|
|
.invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
|
|
|
|
|
|
|
|
|
|
!= moduleIncludes("contactModalGeneral-marketing", locals)
|
