_faq_2026.pug 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. include ./_plans_faq_tabs_2026
  2. include ../../_mixins/eyebrow
  3. include ../../_mixins/material_symbol
  4. - var managingYourSubscription = 'managingYourSubscription'
  5. - var overleafIndividualPlans = 'overleafIndividualPlans'
  6. - var overleafGroupPlans = 'overleafGroupPlans'
  7. .container.plans-faq
  8. .row
  9. .col-md-12.faq-heading-container
  10. h2
  11. +eyebrow(translate('frequently_asked_questions'))
  12. | #{translate("lets_answer_your_questions")}
  13. .row
  14. .col-xs-12
  15. .ol-tabs.plans-faq-tabs
  16. .nav-tabs-container
  17. ul.nav.nav-tabs(role='tablist')
  18. li(role='presentation')
  19. a.active(
  20. role='tab'
  21. data-bs-toggle='tab'
  22. href='#' + managingYourSubscription
  23. aria-controls=managingYourSubscription
  24. )
  25. | #{translate('managing_your_subscription')}
  26. li(role='presentation')
  27. a(
  28. role='tab'
  29. data-toggle='tab'
  30. data-bs-toggle='tab'
  31. href='#' + overleafIndividualPlans
  32. aria-controls=overleafIndividualPlans
  33. )
  34. | #{translate('overleaf_individual_plans')}
  35. li(role='presentation')
  36. a(
  37. role='tab'
  38. data-toggle='tab'
  39. data-bs-toggle='tab'
  40. href='#' + overleafGroupPlans
  41. aria-controls=overleafGroupPlans
  42. )
  43. | #{translate('overleaf_multi_license_plans')}
  44. .tab-content
  45. .tab-pane.active(role='tabpanel' id=managingYourSubscription)
  46. +managingYourSubscription
  47. .tab-pane(role='tabpanel' id=overleafIndividualPlans)
  48. +overleafIndividualPlans
  49. .tab-pane(role='tabpanel' id=overleafGroupPlans)
  50. +overleafGroupPlans