Просмотр исходного кода

Website Redesign - Plans page main heading section (#18837)

* adding the main heading of the plans page

* removing some extra CSS and adding a max-width

GitOrigin-RevId: 78e8ab57826171505bb37e89e950dbd44ea1b3d1
Davinder Singh 2 лет назад
Родитель
Сommit
6f39e41461

+ 32 - 0
services/web/frontend/stylesheets/app/plans/plans-new-design.less

@@ -2,6 +2,38 @@
 @z-index-plans-new-tabs-content: 0;
 
 .plans-new-design {
+  .main-heading-section {
+    text-align: center;
+    max-width: 885px;
+    margin-left: auto;
+    margin-right: auto;
+
+    @media (max-width: @screen-xs-max) {
+      text-align: left;
+      padding: 0 16px;
+    }
+
+    .plans-page-heading {
+      margin-top: 8px;
+      margin-bottom: unset;
+      font-size: 3rem;
+      font-weight: 600;
+      line-height: 64px;
+      @media (max-width: @screen-xs-max) {
+        font-size: 2.25rem;
+        line-height: 48px;
+        padding-right: 5rem;
+      }
+    }
+
+    .plans-page-sub-heading {
+      font-size: 1.125rem;
+      line-height: 24px;
+      margin-top: 16px;
+      margin-bottom: unset;
+    }
+  }
+
   .plans-new-content {
     display: flex;
     flex-direction: column;

+ 3 - 0
services/web/locales/en.json

@@ -611,6 +611,7 @@
   "fit_to_width": "Fit to width",
   "fixed_width": "Fixed width",
   "fixed_width_wrap_text": "Fixed width, wrap text",
+  "flexible_plans_for_everyone": "Flexible plans for everyone—from individual students and researchers, to large businesses and universities.",
   "fold_line": "Fold line",
   "folder_location": "Folder location",
   "folders": "Folders",
@@ -682,6 +683,7 @@
   "get_more_compile_time": "Get more compile time",
   "get_most_subscription_by_checking_features": "Get the most out of your __appName__ subscription by checking out <0>__appName__’s features</0>.",
   "get_symbol_palette": "Get Symbol Palette",
+  "get_the_best_overleaf_experience": "Get the best Overleaf experience",
   "get_the_best_writing_experience": "Get the best writing experience",
   "get_the_most_out_headline": "Get the most out of __appName__ with features such as:",
   "get_track_changes": "Get track changes",
@@ -1291,6 +1293,7 @@
   "overleaf_history_system": "Overleaf History System",
   "overleaf_individual_plans": "Overleaf individual plans",
   "overleaf_labs": "Overleaf Labs",
+  "overleaf_plans_and_pricing": "overleaf plans and pricing",
   "overview": "Overview",
   "overwrite": "Overwrite",
   "overwriting_the_original_folder": "Overwriting the original folder will delete it and all the files it contains.",