1<link href="{assetPath file='store.css'}" rel="stylesheet">
2
3<div class="landing-page ssl">
4
5 <div class="hero">
6 <div class="container">
7 <h2>{lang key="store.ssl.landingPage.title"}</h2>
8 <h3>{lang key="store.ssl.landingPage.tagline1"}<br>{lang key="store.ssl.landingPage.tagline2"}</h3>
9
10 </div>
11 </div>
12
13 <div class="validation-levels">
14 <div class="container">
15 <h3>{lang key="store.ssl.landingPage.chooseLevel"}</h3>
16 <div class="row">
17 <div class="col-sm-6 col-md-4">
18 <div class="item">
19 <h4>{lang key="store.ssl.landingPage.dv"}</h4>
20 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/ssl-dv-icon.png">
21 <span>{lang key="store.ssl.landingPage.dvSubtitle"}</span>
22 <p>{lang key="store.ssl.landingPage.dvInformation"}</p>
23 <a href="{routePath('store-product-group', $routePathSlug, 'dv')}" class="btn">{lang key="store.ssl.landingPage.buy"}</a>
24 </div>
25 </div>
26 <div class="col-sm-6 col-md-4">
27 <div class="item">
28 <h4>{lang key="store.ssl.landingPage.ov"}</h4>
29 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/ssl-ov-icon.png">
30 <span>{lang key="store.ssl.landingPage.ovSubtitle"}</span>
31 <p>{lang key="store.ssl.landingPage.ovInformation"}</p>
32 <a href="{routePath('store-product-group', $routePathSlug, 'ov')}" class="btn">{lang key="store.ssl.landingPage.buy"}</a>
33 </div>
34 </div>
35 <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-0">
36 <div class="item">
37 <h4>{lang key="store.ssl.landingPage.ev"}</h4>
38 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/ssl-ev-icon.png">
39 <span>{lang key="store.ssl.landingPage.evSubtitle"}</span>
40 <p>{lang key="store.ssl.landingPage.evInformation"}</p>
41 <a href="{routePath('store-product-group', $routePathSlug, 'ev')}" class="btn">{lang key="store.ssl.landingPage.buy"}</a>
42 </div>
43 </div>
44 </div>
45 <p class="help-me-choose">
46 <a href="#"><i class="fas fa-arrow-down"></i> {lang key="store.ssl.shared.helpMeChoose"}</a>
47 </p>
48 </div>
49 </div>
50
51 {include file="$template/store/ssl/shared/nav.tpl" current=""}
52
53 <div class="content-block what-is-ssl standout">
54 <div class="container">
55
56 <div class="row">
57 <div class="col-sm-4 col-md-3 col-sm-push-8 col-md-push-9 text-right hidden-xs">
58 <br><br>
59 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/ssl-multi.png">
60 </div>
61 <div class="col-sm-8 col-md-9 col-sm-pull-4 col-md-pull-3">
62
63 <h2>{lang key="store.ssl.landingPage.what"}</h2>
64
65 <div class="text-center visible-xs">
66 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/ssl-multi.png">
67 <br><br>
68 </div>
69
70 <p>{lang key="store.ssl.landingPage.whatInfo"}</p>
71
72 <ul>
73 <li>
74 <i class="fas fa-check-circle"></i>
75 {lang key="store.ssl.landingPage.secureConnection"}
76 </li>
77 <li>
78 <i class="fas fa-check-circle"></i>
79 {lang key="store.ssl.landingPage.encrypts"}
80 </li>
81 <li>
82 <i class="fas fa-check-circle"></i>
83 {lang key="store.ssl.landingPage.padlock"}
84 </li>
85 <li>
86 <i class="fas fa-check-circle"></i>
87 {lang key="store.ssl.landingPage.authenticates"}
88 </li>
89 </ul>
90
91 <p>{lang key="store.ssl.landingPage.certTypeInfo" dvLink=routePath('store-product-group', $routePathSlug, 'dv') ovLink=routePath('store-product-group', $routePathSlug, 'ov') evLink=routePath('store-product-group', $routePathSlug, 'ev')}</p>
92
93 </div>
94 </div>
95
96 </div>
97 </div>
98
99 <div class="content-block ssl-benefits standout">
100 <div class="container">
101
102 <h2>{lang key="store.ssl.landingPage.benefits.title"}</h2>
103
104 <h4>{lang key="store.ssl.landingPage.benefits.subtitle"}</h4>
105
106 <p>{lang key="store.ssl.landingPage.benefits.higherResults"}</p>
107
108 <p>{lang key="store.ssl.landingPage.benefits.reasons"}:</p>
109
110 <div class="row">
111 <div class="col-md-2 col-sm-4">
112 <i class="fas fa-globe"></i>
113 {lang key="store.ssl.landingPage.benefits.encrypt"}
114 </div>
115 <div class="col-md-2 col-sm-4">
116 <i class="fas fa-user"></i>
117 {lang key="store.ssl.landingPage.benefits.privacy"}
118 </div>
119 <div class="col-md-2 col-sm-4">
120 <i class="fas fa-credit-card"></i>
121 {lang key="store.ssl.landingPage.benefits.secure"}
122 </div>
123 <div class="col-md-2 col-sm-4">
124 <i class="fas fa-lock"></i>
125 {lang key="store.ssl.landingPage.benefits.https"}
126 </div>
127 <div class="col-md-2 col-sm-4">
128 <i class="fas fa-trophy"></i>
129 {lang key="store.ssl.landingPage.benefits.legitimacy"}
130 </div>
131 <div class="col-md-2 col-sm-4">
132 <i class="fas fa-search"></i>
133 {lang key="store.ssl.landingPage.benefits.seo"}
134 </div>
135 </div>
136
137 </div>
138 </div>
139
140 <div class="standout-1">
141 <div class="container browser">
142 <h3>{lang key="store.ssl.landingPage.browser.title"}</h3>
143 <div class="browser-image">
144 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/browser-warning.jpg">
145 </div>
146 </div>
147 <div class="browser-notice">
148 <div class="wrapper-container">
149 <div class="wrapper">
150 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/padlock-x.png">
151 {lang key="store.ssl.landingPage.browser.insecureNotice"}
152 </div>
153 </div>
154 </div>
155 </div>
156 <div class="clearfix"></div>
157
158 <div class="content-block competitive-upgrade-promo">
159 <div class="container">
160 {lang key="store.ssl.landingPage.secureInMinutes"}
161 </div>
162 </div>
163
164 <div class="content-block standout">
165 <div class="container">
166 <h2>{lang key="store.ssl.landingPage.evs.upgradeTitle"}</h2>
167 <p>{lang key="store.ssl.landingPage.evs.description"}</p>
168 <p>{lang key="store.ssl.landingPage.evs.whatIs"}</p>
169 <br>
170 <div class="row text-center">
171 <div class="col-sm-6 col-md-4">
172 <div class="item">
173 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/shopfront-dv.png">
174 <h4>{lang key="store.ssl.landingPage.dv"}</h4>
175 </div>
176 </div>
177 <div class="col-sm-6 col-md-4">
178 <div class="item">
179 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/shopfront-ov.png">
180 <h4>{lang key="store.ssl.landingPage.ov"}</h4>
181 </div>
182 </div>
183 <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-0">
184 <div class="item">
185 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/shopfront-ev.png">
186 <h4>{lang key="store.ssl.landingPage.ev"}</h4>
187 </div>
188 </div>
189 </div>
190 <br>
191 <p class="text-center"><a href="{routePath('store-product-group', $routePathSlug, 'ev')}" class="btn btn-default">{lang key="store.ssl.landingPage.evs.learn"}</a></p>
192 </div>
193 </div>
194
195 <div class="content-block detailed-info" id="sslDetail">
196 <div class="container">
197
198 <div class="panel">
199 <div class="panel-heading">
200 <h4 data-toggle="collapse" data-parent="#accordion" href="#collapseHelpMeChoose" class="panel-title expand">
201 <span class="arrow"><i class="fas fa-chevron-down"></i></span>
202 <a href="#">{lang key="store.ssl.landingPage.help.title"}</a>
203 </h4>
204 </div>
205 <div id="collapseHelpMeChoose" class="panel-collapse collapse in">
206 <div class="panel-body">
207
208 <p>{lang key="store.ssl.landingPage.help.guide"}</p>
209
210 <div class="row help-me-choose">
211 <div class="col-sm-4">
212 <h4>{lang key="store.ssl.landingPage.help.dv.title"}</h4>
213
214 <ul>
215 <li>{lang key="store.ssl.landingPage.help.dv.verify"}</li>
216 <li>{lang key="store.ssl.landingPage.help.dv.issued"}</li>
217 <li>{lang key="store.ssl.landingPage.help.dv.compliance"}</li>
218 </ul>
219
220 <p class="ideal">{lang key="store.ssl.landingPage.help.dv.for"}</p>
221
222 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/card-library.png" class="img-responsive">
223
224 <p class="ssl-types-expl">{lang key="store.ssl.landingPage.help.dv.type"}</p>
225
226 <a href="{routePath('store-product-group', $routePathSlug, 'dv')}" class="btn btn-primary btn-block">{lang key="store.ssl.landingPage.help.dv.browse"}</a>
227 </div>
228 <div class="col-sm-4">
229 <h4>{lang key="store.ssl.landingPage.help.ov.title"}</h4>
230
231 <ul>
232 <li>{lang key="store.ssl.landingPage.help.ov.verify"}</li>
233 <li>{lang key="store.ssl.landingPage.help.ov.issued"}</li>
234 <li>{lang key="store.ssl.landingPage.help.ov.compliance"}</li>
235 </ul>
236
237 <p class="ideal">{lang key="store.ssl.landingPage.help.ov.for"}</p>
238
239 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/card-driving.png" class="img-responsive">
240
241 <p class="ssl-types-expl">{lang key="store.ssl.landingPage.help.ov.type"}</p>
242
243 <a href="{routePath('store-product-group', $routePathSlug, 'ov')}" class="btn btn-primary btn-block">{lang key="store.ssl.landingPage.help.ov.browse"}</a>
244 </div>
245 <div class="col-sm-4">
246 <h4>{lang key="store.ssl.landingPage.help.ev.title"}</h4>
247
248 <ul>
249 <li>{lang key="store.ssl.landingPage.help.ev.verify"}</li>
250 <li>{lang key="store.ssl.landingPage.help.ev.issued"}</li>
251 <li>{lang key="store.ssl.landingPage.help.ev.compliance"}</li>
252 </ul>
253
254 <p class="ideal">{lang key="store.ssl.landingPage.help.ev.for"}</p>
255
256 <img src="{$WEB_ROOT}/assets/img/marketconnect/symantec/card-passport.png" class="img-responsive">
257
258 <p class="ssl-types-expl">{lang key="store.ssl.landingPage.help.ev.type"}</p>
259
260 <a href="{routePath('store-product-group', $routePathSlug, 'ev')}" class="btn btn-primary btn-block">{lang key="store.ssl.landingPage.help.ev.browse"}</a>
261 </div>
262 </div>
263
264 </div>
265 </div>
266 </div>
267 <div class="panel">
268 <div class="panel-heading">
269 <h4 data-toggle="collapse" data-parent="#accordion" href="#collapseAllCerts" class="panel-title expand">
270 <span class="arrow"><i class="fas fa-chevron-right"></i></span>
271 <a href="#">{lang key="store.ssl.landingPage.viewAll"}</a>
272 </h4>
273 </div>
274 <div id="collapseAllCerts" class="panel-collapse collapse">
275 <div class="panel-body">
276
277 {include file="$template/store/ssl/shared/currency-chooser.tpl"}
278
279 <ul class="ssl-certs-all">
280 {if count($certificates) > 0}
281 {foreach $certificates as $type => $products}
282 {foreach $products as $product}
283 <li>
284 <div class="row">
285 <div class="col-sm-6">
286 <h4>{$product->name}</h4>
287 <p>{$product->description}</p>
288 </div>
289 <div class="col-sm-3 col-sm-offset-1">
290 <div class="padded-cell price">
291 {lang key='from'}<br>
292 <strong>{$product->pricing()->best()->yearlyPrice()}</strong>
293 </div>
294 </div>
295 <div class="col-sm-2">
296 <div class="padded-cell">
297 <form method="post" action="{routePath('cart-order')}">
298 <input type="hidden" name="pid" value="{$product->id}">
299 <button type="submit" class="btn btn-success btn-block">{lang key="store.ssl.landingPage.buyNow"}</button>
300 </form>
301 <a href="{routePath("store-product-group", $routePathSlug, $type)}">{lang key="learnmore"}</a>
302 </div>
303 </div>
304 </div>
305 </li>
306 {/foreach}
307 {/foreach}
308 {elseif $inPreview}
309 <div class="lead text-center">
310 {lang key="store.ssl.shared.noProducts"}
311 </div>
312 {/if}
313 </ul>
314
315 </div>
316 </div>
317 </div>
318
319 <div class="panel">
320 <div class="panel-heading">
321 <h4 class="panel-title expand" data-toggle="collapse" data-parent="#accordion" data-target="#collapseMultiYear">
322 <span class="arrow"><i class="fas fa-chevron-down"></i></span>
323 {lang key='store.ssl.landingPage.multiYear.title'}
324 </h4>
325 </div>
326 <div id="collapseMultiYear" class="panel-collapse collapse">
327 <div class="panel-body">
328 <p>{lang key='store.ssl.landingPage.multiYear.p1'}</p>
329 <p>{lang key='store.ssl.landingPage.multiYear.p2'}</p>
330 <p>{lang key='store.ssl.landingPage.multiYear.p3'}</p>
331 <p>
332 {lang key='store.ssl.landingPage.multiYear.p4'}
333 <div class="text-center margin-10">
334 <img alt="SSL certificate lifecycle" src="{$WEB_ROOT}/assets/img/marketconnect/symantec/multi-year-flow.png">
335 </div>
336 </p>
337 <p>{lang key='store.ssl.landingPage.multiYear.p5'}</p>
338 <h3>{lang key='store.ssl.landingPage.multiYear.benefits.title'}</h3>
339 <ul>
340 <li>{lang key='store.ssl.landingPage.multiYear.benefits.b1'}</li>
341 <li>{lang key='store.ssl.landingPage.multiYear.benefits.b2'}</li>
342 <li>{lang key='store.ssl.landingPage.multiYear.benefits.b3'}</li>
343 </ul>
344 </div>
345 </div>
346 </div>
347
348 <div class="panel">
349 <div class="panel-heading">
350 <h4 data-toggle="collapse" data-parent="#accordion" href="#collapseFaq" class="panel-title expand">
351 <span class="arrow"><i class="fas fa-chevron-right"></i></span>
352 <a href="#">{lang key="store.ssl.landingPage.faq.title"}</a>
353 </h4>
354 </div>
355 <div id="collapseFaq" class="panel-collapse collapse">
356 <div class="panel-body">
357
358 <h4>{lang key="store.ssl.landingPage.faq.q1"}</h4>
359
360 <p>{lang key="store.ssl.landingPage.faq.a1"}</p>
361
362 <h4>{lang key="store.ssl.landingPage.faq.q2"}</h4>
363
364 <p>{lang key="store.ssl.landingPage.faq.a2"}</p>
365
366 <h4>{lang key="store.ssl.landingPage.faq.q3"}</h4>
367
368 <p>{lang key="store.ssl.landingPage.faq.a3"}</p>
369
370 {if count($certificates.wildcard) > 0 || $inPreview}
371
372 <h4>{lang key="store.ssl.landingPage.faq.q4"}</h4>
373
374 <p>{lang key="store.ssl.landingPage.faq.a4"} <a href="{routePath('store-product-group', $routePathSlug, 'wildcard')}">{lang key="learnmore"}</a></p>
375
376 {/if}
377
378 {if count($certificates.ev) > 0 || $inPreview}
379
380 <h4>{lang key="store.ssl.landingPage.faq.q5"}</h4>
381
382 <p>{lang key="store.ssl.landingPage.faq.a5"}</p>
383
384 {/if}
385 </div>
386 </div>
387 </div>
388
389 </div>
390 </div>
391
392 {include file="$template/store/ssl/shared/logos.tpl"}
393
394</div>
395
396<script>
397jQuery(document).ready(function() {
398 jQuery(".expand").on( "click", function() {
399 var expand = jQuery(this).find(">:first-child i");
400 if(expand.hasClass('fa-chevron-right')) {
401 expand.removeClass('fa-chevron-right').addClass('fa-chevron-down');
402 } else {
403 expand.removeClass('fa-chevron-down').addClass('fa-chevron-right');
404 }
405 });
406 jQuery('p.help-me-choose').click(function(e) {
407 e.preventDefault();
408 if (!jQuery('#collapseHelpMeChoose').hasClass('in')) {
409 jQuery('#collapseHelpMeChoose').collapse('show');
410 }
411 jQuery('html, body').animate({
412 scrollTop: jQuery('#collapseHelpMeChoose').offset().top - 75
413 }, 500);
414 });
415 var hash = location.hash.replace('#', '');
416 if (hash == 'helpmechoose') {
417 jQuery('html, body').animate({
418 scrollTop: jQuery('#collapseHelpMeChoose').offset().top - 75
419 }, 500);
420 }
421});
422</script>
423