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

View File

@ -4,13 +4,13 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <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> <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"> <h2 class="modal-title text-center" id="modal-download-label">
<i class="fa fa-download fa-lg" aria-hidden="true"></i>&nbsp; Get Started
Download <i class="fa fa-rocket fa-lg" aria-hidden="true"></i>
</h2> </h2>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center"> <h3 class="bg-fa5 margin-none padding-lg text-center">
Font Awesome 5 Released! Did you know? We've got Pro!
</h3> </h3>
<div class="modal-body"> <div class="modal-body">
<div class="row margin-bottom-lg margin-top"> <div class="row margin-bottom-lg margin-top">
@ -21,19 +21,19 @@
<div class="col-md-9 col-sm-9 col-xs-9"> <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> <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p> <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> </p>
</div> </div>
</div> </div>
<div class="row margin-bottom-lg"> <div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm"> <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="fa fa-user 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-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div> </div>
<div class="col-md-9 col-sm-9 col-xs-9"> <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> <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> </p>
</div> </div>
</div> </div>
@ -50,15 +50,15 @@
</div> </div>
</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"> <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> </h3>
</a> </a>
<div class="text-center margin-top margin-bottom">or</div> <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" <a class="btn btn-default btn-lg btn-block" href="{{ page.relative_path }}get-started"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Download on GitHub']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Stick with Version 4']);">
No thanks, just download <br class="visible-xs" />Font Awesome 4 No thanks, I'll stick with <br class="visible-xs" />Font Awesome 4
</a> </a>
</div> </div>

View File