_faq.pug 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. include ./_plans_faq_tabs
  2. include ../../_mixins/eyebrow
  3. include ../../_mixins/material_symbol
  4. - var managingYourSubscription = 'managingYourSubscription'
  5. - var overleafIndividualPlans = 'overleafIndividualPlans'
  6. - var overleafGroupPlans = 'overleafGroupPlans'
  7. .plans-faq
  8. .row.row-spaced-extra-large
  9. .col-md-12.faq-heading-container
  10. h2
  11. +eyebrow(translate('frequently_asked_questions'))
  12. | #{translate("your_questions_answered")}
  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_group_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
  51. .row
  52. .col-xs-12.plans-faq-support
  53. span #{translate('still_have_questions')}
  54. button(
  55. data-ol-open-contact-form-modal='general'
  56. data-bs-toggle='modal'
  57. data-bs-target='#contactUsModal'
  58. )
  59. span(style='margin-right: 4px') #{translate('contact_support')}
  60. +material-symbol('arrow_right_alt', 'icon-md')