changing modal CTA to get started

This commit is contained in:
Ryan Riggin 2019-04-10 07:48:59 -05:00
parent 5c9ac2b704
commit 90264c6c41
3 changed files with 16 additions and 16 deletions

View File

@ -7,8 +7,8 @@
<div class="actions">
<a class="btn btn-default btn-lg" href="#modal-download" data-toggle="modal"
onClick="_gaq.push(['_trackEvent', 'Launch Modal', 'Launch Download Modal']);">
<i class="fa fa-download fa-lg" aria-hidden="true"></i>&nbsp;
Download
Get Started
<i class="fa fa-arrow-circle-right fa-lg" aria-hidden="true"></i>
</a>
</div>
<div class="shameless-self-promotion">

View File

@ -4,13 +4,13 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h2 class="modal-title" id="modal-download-label">
<i class="fa fa-download fa-lg" aria-hidden="true"></i>&nbsp;
Download
<h2 class="modal-title text-center" id="modal-download-label">
Get Started
<i class="fa fa-rocket fa-lg" aria-hidden="true"></i>
</h2>
</div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Font Awesome 5 Released!
Did you know? We've got Pro!
</h3>
<div class="modal-body">
<div class="row margin-bottom-lg margin-top">
@ -21,19 +21,19 @@
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
1513 Free Icons. 5097 Pro Icons. 3 Styles.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
<i class="fa fa-user fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fa fa-user fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Human Support</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
Pro Support from REAL human beings through the intertubes.
</p>
</div>
</div>
@ -50,15 +50,15 @@
</div>
</div>
<a target="_blank" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=download_modal" class="btn btn-fa5 btn-lg btn-block">
<a target="_blank" href="https://fontawesome.com/pro?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa_pro_last_chance&utm_content=start_modal" class="btn btn-fa5 btn-lg btn-block">
<h3 class="margin-top margin-bottom strong">
Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
Level up with Pro &nbsp;<i class="fa fa-gamepad" aria-hidden="true"></i>
</h3>
</a>
<div class="text-center margin-top margin-bottom">or</div>
<a class="btn btn-default btn-lg btn-block" href="{{ page.relative_path }}assets/font-awesome-{{ site.fontawesome.version }}.zip"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Download on GitHub']);">
No thanks, just download <br class="visible-xs" />Font Awesome 4
<a class="btn btn-default btn-lg btn-block" href="{{ page.relative_path }}get-started"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Stick with Version 4']);">
No thanks, I'll stick with <br class="visible-xs" />Font Awesome 4
</a>
</div>

View File