plans.pug 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. extends ../layout
  2. include _plans_page_mixins
  3. include _plans_page_tables
  4. block scripts
  5. script(type='text/javascript').
  6. window.recomendedCurrency = '#{recomendedCurrency}'
  7. window.abCurrencyFlag = '#{abCurrencyFlag}'
  8. block content
  9. .content.content-alt
  10. .plans(ng-controller="PlansController")
  11. .container(ng-cloak)
  12. .row
  13. .col-md-12
  14. .page-header.centered.plans-header.text-centered
  15. h1.text-capitalize #{translate('instant_access')}
  16. .row
  17. .col-md-8.col-md-offset-2
  18. p.text-centered #{translate("sl_benefits_plans")}
  19. .row.top-switch
  20. .col-md-6.col-md-offset-3
  21. +plan_switch('card')
  22. .col-md-2.text-right
  23. +currency_dropdown
  24. div(ng-show="showPlans")
  25. .row
  26. .col-md-10.col-md-offset-1
  27. .row
  28. .card-group.text-centered(ng-if="ui.view == 'monthly' || ui.view == 'annual'")
  29. .col-md-4
  30. .card.card-first
  31. .card-header
  32. h2 #{translate("personal")}
  33. h5.tagline #{translate("tagline_personal")}
  34. .circle #{translate("free")}
  35. +features_free
  36. .col-md-4
  37. .card.card-highlighted
  38. .best-value
  39. strong #{translate('best_value')}
  40. .card-header
  41. h2 #{translate("collaborator")}
  42. h5.tagline #{translate("tagline_collaborator")}
  43. .circle
  44. +price_collaborator
  45. +features_collaborator
  46. .col-md-4
  47. .card.card-last
  48. .card-header
  49. h2 #{translate("professional")}
  50. h5.tagline #{translate("tagline_professional")}
  51. .circle
  52. +price_professional
  53. +features_professional
  54. .card-group.text-centered(ng-if="ui.view == 'student'")
  55. .col-md-4
  56. .card.card-first
  57. .card-header
  58. h2 #{translate("personal")}
  59. h5.tagline #{translate("tagline_personal")}
  60. .circle #{translate("free")}
  61. +features_free
  62. .col-md-4
  63. .card.card-highlighted
  64. +card_student_annual
  65. .col-md-4
  66. .card.card-last
  67. +card_student_monthly
  68. .row.row-spaced-large.text-centered
  69. i.fa.fa-cc-mastercard.fa-2x  
  70. i.fa.fa-cc-visa.fa-2x  
  71. i.fa.fa-cc-amex.fa-2x  
  72. i.fa.fa-cc-paypal.fa-2x  
  73. div.text-centered #{translate('change_plans_any_time')}<br/> #{translate('billed_after_x_days', {len:'{{trial_len}}'})}
  74. .row.row-spaced-large
  75. .col-md-8.col-md-offset-2
  76. .card.text-centered
  77. .card-header
  78. h2 #{translate('looking_multiple_licenses')}
  79. span #{translate('reduce_costs_group_licenses')}
  80. br
  81. br
  82. a.btn.btn-info(href="/i/university/groups") #{translate('find_out_more')}
  83. div
  84. .row.row-spaced-large
  85. .col-sm-12
  86. .page-header.plans-header.plans-subheader.text-centered
  87. h2 #{translate('compare_plan_features')}
  88. .row
  89. .col-md-6.col-md-offset-3
  90. +plan_switch('table')
  91. .col-md-3.text-right
  92. +currency_dropdown
  93. .row(event-tracking="features-table-viewed" event-tracking-ga="subscription-funnel" event-tracking-trigger="scroll" event-tracking-send-once="true" event-tracking-label=`exp-{{plansVariant}}`)
  94. .col-sm-12(ng-if="ui.view != 'student'")
  95. +table_premium
  96. .col-sm-12(ng-if="ui.view == 'student'")
  97. +table_student
  98. .row.row-spaced-large
  99. .col-md-12
  100. .page-header.plans-header.plans-subheader.text-centered
  101. h2 #{translate('in_good_company')}
  102. .row
  103. .col-md-6
  104. div
  105. .row
  106. .col-md-3
  107. .circle-img
  108. img(src=buildImgPath('advocates/erdogmus.jpg') alt="Professor Erdogmus")
  109. .col-md-9
  110. blockquote
  111. p The ability to track changes and the real-time collaborative nature is what sets ShareLaTeX apart.
  112. footer Professor Erdogmus, Northeastern University
  113. .col-md-6
  114. div
  115. .row
  116. .col-md-3
  117. .circle-img
  118. img(src=buildImgPath('advocates/henderson.jpg') alt="Rob Henderson")
  119. .col-md-9
  120. blockquote
  121. p ShareLaTeX has proven to be a powerful and robust collaboration tool that is widely used in our School.
  122. footer Rob Henderson, School Of Informatics And Computing - Indiana University
  123. include _plans_faq
  124. .row.row-spaced-large
  125. .col-md-12
  126. .plans-header.plans-subheader.text-centered
  127. h2 #{translate('still_have_questions')}
  128. button.btn.btn-info.btn-header.text-capitalize(ng-controller="ContactGeneralModal" ng-click="openModal()") #{translate('get_in_touch')}
  129. != moduleIncludes("contactModalGeneral", locals)
  130. .row.row-spaced