_plans_page_details_less.pug 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. .row
  2. .col-md-12
  3. .page-header.centered.plans-header.text-centered
  4. h1 #{translate("start_x_day_trial", {len:'{{trial_len}}'})}
  5. .row
  6. .col-md-8.col-md-offset-2
  7. p.text-centered #{translate("sl_benefits_plans")}
  8. .row.top-switch
  9. .col-md-6.col-md-offset-3
  10. +plan_switch('card')
  11. .col-md-2.text-right
  12. +currency_dropdown
  13. div(ng-show="showPlans")
  14. .row
  15. .col-md-10.col-md-offset-1
  16. .row
  17. .card-group.text-centered(ng-if="ui.view == 'monthly' || ui.view == 'annual'")
  18. .col-md-4
  19. .card.card-first
  20. .card-header
  21. h2 #{translate("personal")}
  22. .circle #{translate("free")}
  23. +features_free
  24. .col-md-4
  25. .card.card-highlighted
  26. .card-header
  27. h2 #{translate("collaborator")}
  28. .circle
  29. +price_collaborator
  30. +features_collaborator
  31. .col-md-4
  32. .card.card-last
  33. .card-header
  34. h2 #{translate("professional")}
  35. .circle
  36. +price_professional
  37. +features_professional
  38. .card-group.text-centered(ng-if="ui.view == 'student'")
  39. .col-md-4
  40. .card.card-first
  41. .card-header
  42. h2 #{translate("personal")}
  43. .circle #{translate("free")}
  44. +features_free
  45. .col-md-4
  46. .card.card-highlighted
  47. +card_student_monthly
  48. .col-md-4
  49. .card.card-last
  50. +card_student_annual
  51. .row.row-spaced
  52. p.text-centered #{translate("choose_plan_works_for_you", {len:'{{trial_len}}'})}
  53. .row
  54. .col-md-8.col-md-offset-2
  55. .alert.alert-info.text-centered
  56. | #{translate("interested_in_group_licence")}
  57. br
  58. a(href, ng-click="openGroupPlanModal()") #{translate("get_in_touch_for_details")}
  59. script(type="text/ng-template", id="groupPlanModalTemplate")
  60. .modal-header
  61. h3 #{translate("group_plan_enquiry")}
  62. .modal-body
  63. form.text-left.form(ng-controller="UniverstiesContactController", ng-submit="contactUs()")
  64. span(ng-show="sent == false && error == false")
  65. .form-group
  66. label#title9(for='Field9')
  67. | Name
  68. input#Field9.field.text.medium.span8.form-control(ng-model="form.name", maxlength='255', tabindex='1', onkeyup='')
  69. label#title11.desc(for='Field11')
  70. | Email
  71. .form-group
  72. input#Field11.field.text.medium.span8.form-control(ng-model="form.email", name='Field11', type='email', spellcheck='false', value='', maxlength='255', tabindex='2')
  73. label#title12.desc(for='Field12')
  74. | University / Company
  75. .form-group
  76. input#Field12.field.text.medium.span8.form-control(ng-model="form.university", name='Field12', type='text', value='', maxlength='255', tabindex='3', onkeyup='')
  77. label#title13.desc(for='Field13')
  78. | Position
  79. .form-group
  80. input#Field13.field.text.medium.span8.form-control(ng-model="form.position", name='Field13', type='text', value='', maxlength='255', tabindex='4', onkeyup='')
  81. .form-group
  82. input(ng-model="form.source", type="hidden", ng-init="form.source = '__ref__'; form.subject = 'General enquiry for larger ShareLaTeX use';")
  83. .form-group.text-center
  84. input#saveForm.btn-success.btn.btn-lg(name='saveForm', type='submit', ng-disabled="sending", value='Request a quote')
  85. span(ng-show="sent == true && error == false")
  86. p Request Sent, Thank you.
  87. span(ng-show="error")
  88. p Error sending request.
  89. .row
  90. .col-md-12
  91. .page-header.plans-header.plans-subheader.text-centered
  92. h2 #{translate("enjoy_these_features")}
  93. .col-md-4
  94. .card.features.text-centered
  95. i.fa.fa-file-text-o.fa-5x
  96. h4 #{translate("unlimited_projects")}
  97. p #{translate("create_unlimited_projects")}
  98. .col-md-4
  99. .card.features.text-centered
  100. i.fa.fa-clock-o.fa-5x
  101. h4 #{translate("full_doc_history")}
  102. p #{translate("never_loose_work")}
  103. .col-md-4
  104. .card.features.text-centered
  105. i.fa.fa-dropbox.fa-5x
  106. |    
  107. i.fa.fa-github.fa-5x
  108. h4 #{translate("sync_to_dropbox_and_github")}
  109. p #{translate("access_projects_anywhere")}