_faq_new.pug 1.7 KB

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