Skip to content

Commit a8455db

Browse files
lbartoli79lbartoli79
committed
Update comparison table
1 parent ee771ae commit a8455db

File tree

2 files changed

+61
-47
lines changed

2 files changed

+61
-47
lines changed

‎www/templates/account/plans/upgrade-plan.php‎

Lines changed: 25 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -88,8 +88,9 @@
8888
<div class="card-section">
8989
<table class="comparison-table">
9090
<thead>
91-
<tr style="height: 1px">
91+
<tr>
9292
<th>
93+
<div class="h2">Compare Plans</div>
9394
</th>
9495
<th scope="col">
9596
<span>Starter Plan</span>
@@ -115,9 +116,9 @@
115116
<tbody>
116117
<tr>
117118
<th scope="col">Monthly Test Runs</th>
118-
<td>300</td>
119-
<td>As per plan</td>
120-
<td>As per contract</td>
119+
<td class="info">300</td>
120+
<td class="info">As per plan</td>
121+
<td class="info">As per contract</td>
121122
</tr>
122123

123124
<tr>
@@ -178,7 +179,7 @@
178179
<i class="icon x-in-circle-temp" aria-hidden="true"></i>
179180
<span class="visually-hidden">No</span>
180181
</td>
181-
<td>
182+
<td class="info">
182183
Ask your account team
183184
</td>
184185
</tr>
@@ -193,16 +194,16 @@
193194
<i class="icon x-in-circle-temp" aria-hidden="true"></i>
194195
<span class="visually-hidden">No</span>
195196
</td>
196-
<td>
197+
<td class="info">
197198
Ask your account team
198199
</td>
199200
</tr>
200201

201202
<tr>
202203
<th scope="col">Locations</th>
203204
<td>30</td>
204-
<td>40<sup><a href="#fn1" id="ref1">*</a></sup></td>
205205
<td>40<sup><a href="#fn1" id="ref2">*</a></sup></td>
206+
<td>40<sup><a href="#fn1" id="ref1">*</a></sup></td>
206207
</tr>
207208

208209
<tr>
@@ -318,7 +319,7 @@
318319
<i class="icon check" aria-hidden="true"></i>
319320
<span class="visually-hidden">Yes</span>
320321
</td>
321-
<td>
322+
<td class="info">
322323
Coming Soon
323324
</td>
324325
</tr>
@@ -349,7 +350,7 @@
349350
<i class="icon check" aria-hidden="true"></i>
350351
<span class="visually-hidden">Yes</span>
351352
</td>
352-
<td>
353+
<td class="info">
353354
Coming Soon
354355
</td>
355356
</tr>
@@ -396,14 +397,14 @@
396397
<i class="icon check" aria-hidden="true"></i>
397398
<span class="visually-hidden">Yes</span>
398399
</td>
399-
<td>
400-
Coming soon
400+
<td class="info">
401+
Coming Soon
401402
</td>
402403
</tr>
403404

404405
<tr>
405406
<th scope="col">Scripted Test</th>
406-
<td>
407+
<td class="info">
407408
<i class="icon check" aria-hidden="true"></i><small>(limited to 3 steps)</small>
408409
<span class="visually-hidden">Yes</span>
409410
</td>
@@ -475,7 +476,7 @@
475476
<i class="icon x-in-circle-temp" aria-hidden="true"></i>
476477
<span class="visually-hidden">No</span>
477478
</td>
478-
<td>
479+
<td class="info">
479480
Ask your account team
480481
</td>
481482
</tr>
@@ -490,20 +491,20 @@
490491
<i class="icon x-in-circle-temp" aria-hidden="true"></i>
491492
<span class="visually-hidden">No</span>
492493
</td>
493-
<td>
494+
<td class="info">
494495
Ask your account team
495496
</td>
496497
</tr>
497498

498499
<tr>
499500
<th scope="col">Support</th>
500-
<td>
501+
<td class="info">
501502
Forums
502503
</td>
503-
<td>
504+
<td class="info">
504505
Dedicated Support
505506
</td>
506-
<td>
507+
<td class="info">
507508
Assigned CSM team
508509
</td>
509510
</tr>
@@ -512,11 +513,15 @@
512513
<th scope="col"></th>
513514
<td></td>
514515
<td>
515-
<div class="need-help">Need a custom plan?</div>
516-
<a class="button signup-button" href="https://www.product.webpagetest.org/contact">Contact Us</a>
516+
<div class="help">
517+
<div class="need-help info">Need a custom plan?</div>
518+
<a class="button signup-button" href="https://www.product.webpagetest.org/contact">Contact Us</a>
519+
</div>
517520
</td>
518521
<td>
519-
<a class="button signup-button" href="https://www.product.webpagetest.org/expert-plan">Talk to Us</a>
522+
<div class="help">
523+
<a class="button signup-button" href="https://www.product.webpagetest.org/expert-plan">Talk to Us</a>
524+
</div>
520525
</td>
521526
</tr>
522527

‎www/templates/account/signup/step-1.php‎

Lines changed: 36 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@
7171
</thead>
7272

7373
<tbody>
74-
<tr>
74+
<tr class="prices">
7575
<th scope="col">Price</th>
7676
<td>
7777
<form method="POST" action="/signup">
@@ -83,25 +83,30 @@
8383
</td>
8484
<td>
8585
<span class="visually-hidden">Sign up for a Pro Plan</span>
86-
<button id="submit-pro-plan" class="signup-button" type="submit" form="pro-plan-form">Start for $<span data-id="plan-price"><?= count($annual_plans) > 0 ? $annual_plans[0]->getAnnualPrice() : "" ?></span><span class="unit" data-id="plan-cycle">/year</span></button>
86+
<button id="submit-pro-plan" class="signup-button" type="submit" form="pro-plan-form">
87+
<span>
88+
Start for $<span data-id="plan-price"><?= count($annual_plans) > 0 ? $annual_plans[0]->getAnnualPrice() : "" ?></span><span class="unit" data-id="plan-cycle">/year</span>
89+
</span>
90+
</button>
8791
</td>
8892
<td>
8993
<span class="visually-hidden">Sign up for an Expert Plan</span>
9094
<a href="https://www.product.webpagetest.org/expert-plan" id="submit-expert-plan" class="button signup-button">
91-
Start for $<span data-id="plan-price"><?= $expert_plan['monthly'] > 0 ? $expert_plan['monthly'] : "" ?></span><span class="unit" data-id="plan-cycle">/month</span>
92-
<div>
93-
<small>
94-
Billed at $<?= number_format($expert_plan['monthly'] > 0 ? $expert_plan['monthly'] * 12 : 0) ?>/year
95-
</small>
96-
</div>
95+
<span>
96+
Start for $<span data-id="plan-price"><?= $expert_plan['monthly'] > 0 ? $expert_plan['monthly'] : "" ?></span><span class="unit" data-id="plan-cycle">/month</span>
97+
<br/>
98+
<small>
99+
Billed at $<?= number_format($expert_plan['monthly'] > 0 ? $expert_plan['monthly'] * 12 : 0) ?>/year
100+
</small>
101+
</span>
97102
</a>
98103
</td>
99104
</tr>
100105
<tr>
101106
<th scope="col">Monthly Test Runs</th>
102-
<td>300</td>
103-
<td>As per plan</td>
104-
<td>As per contract</td>
107+
<td class="info">300</td>
108+
<td class="info">As per plan</td>
109+
<td class="info">As per contract</td>
105110
</tr>
106111

107112
<tr>
@@ -162,7 +167,7 @@
162167
<i class="icon x-in-circle-temp" aria-hidden="true"></i>
163168
<span class="visually-hidden">No</span>
164169
</td>
165-
<td>
170+
<td class="info">
166171
Ask your account team
167172
</td>
168173
</tr>
@@ -177,16 +182,16 @@
177182
<i class="icon x-in-circle-temp" aria-hidden="true"></i>
178183
<span class="visually-hidden">No</span>
179184
</td>
180-
<td>
185+
<td class="info">
181186
Ask your account team
182187
</td>
183188
</tr>
184189

185190
<tr>
186191
<th scope="col">Locations</th>
187192
<td>30</td>
188-
<td>40<sup><a href="#fn1" id="ref1">*</a></sup></td>
189193
<td>40<sup><a href="#fn1" id="ref2">*</a></sup></td>
194+
<td>40<sup><a href="#fn1" id="ref1">*</a></sup></td>
190195
</tr>
191196

192197
<tr>
@@ -302,7 +307,7 @@
302307
<i class="icon check" aria-hidden="true"></i>
303308
<span class="visually-hidden">Yes</span>
304309
</td>
305-
<td>
310+
<td class="info">
306311
Coming Soon
307312
</td>
308313
</tr>
@@ -333,7 +338,7 @@
333338
<i class="icon check" aria-hidden="true"></i>
334339
<span class="visually-hidden">Yes</span>
335340
</td>
336-
<td>
341+
<td class="info">
337342
Coming Soon
338343
</td>
339344
</tr>
@@ -380,14 +385,14 @@
380385
<i class="icon check" aria-hidden="true"></i>
381386
<span class="visually-hidden">Yes</span>
382387
</td>
383-
<td>
384-
Coming soon
388+
<td class="info">
389+
Coming Soon
385390
</td>
386391
</tr>
387392

388393
<tr>
389394
<th scope="col">Scripted Test</th>
390-
<td>
395+
<td class="info">
391396
<i class="icon check" aria-hidden="true"></i><small>(limited to 3 steps)</small>
392397
<span class="visually-hidden">Yes</span>
393398
</td>
@@ -459,7 +464,7 @@
459464
<i class="icon x-in-circle-temp" aria-hidden="true"></i>
460465
<span class="visually-hidden">No</span>
461466
</td>
462-
<td>
467+
<td class="info">
463468
Ask your account team
464469
</td>
465470
</tr>
@@ -474,20 +479,20 @@
474479
<i class="icon x-in-circle-temp" aria-hidden="true"></i>
475480
<span class="visually-hidden">No</span>
476481
</td>
477-
<td>
482+
<td class="info">
478483
Ask your account team
479484
</td>
480485
</tr>
481486

482487
<tr>
483488
<th scope="col">Support</th>
484-
<td>
489+
<td class="info">
485490
Forums
486491
</td>
487-
<td>
492+
<td class="info">
488493
Dedicated Support
489494
</td>
490-
<td>
495+
<td class="info">
491496
Assigned CSM team
492497
</td>
493498
</tr>
@@ -496,11 +501,15 @@
496501
<th scope="col"></th>
497502
<td></td>
498503
<td>
499-
<div class="need-help">Need a custom plan?</div>
500-
<a class="button signup-button" href="https://www.product.webpagetest.org/contact">Contact Us</a>
504+
<div class="help">
505+
<div class="need-help info">Need a custom plan?</div>
506+
<a class="button signup-button" href="https://www.product.webpagetest.org/contact">Contact Us</a>
507+
</div>
501508
</td>
502509
<td>
503-
<a class="button signup-button" href="https://www.product.webpagetest.org/expert-plan">Talk to Us</a>
510+
<div class="help">
511+
<a class="button signup-button" href="https://www.product.webpagetest.org/expert-plan">Talk to Us</a>
512+
</div>
504513
</td>
505514
</tr>
506515

0 commit comments

Comments
 (0)