diff options
author | Dave Gandy <dave@davegandy.com> | 2017-12-07 20:09:30 +0300 |
---|---|---|
committer | Dave Gandy <dave@davegandy.com> | 2017-12-07 20:09:30 +0300 |
commit | 3d62265980038b81cd98531cd6ffb0d245348e28 (patch) | |
tree | 8c5d8b3c258a07e960604a2290678dedcebe283d /icon/plus-square/index.html | |
parent | b114d3e9213bf59f8fc5f8ebb23bb88d46f1d58a (diff) |
Updating nav and modals for FA5 launch
Diffstat (limited to 'icon/plus-square/index.html')
-rw-r--r-- | icon/plus-square/index.html | 63 |
1 files changed, 45 insertions, 18 deletions
diff --git a/icon/plus-square/index.html b/icon/plus-square/index.html index c534f60d3..9992f9fb2 100644 --- a/icon/plus-square/index.html +++ b/icon/plus-square/index.html @@ -40,17 +40,16 @@ </head> <body class="font-awesome "> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> - <div class="collapse hidden-print" id="banner"> + <div class="hidden-print fa5" id="banner"> <div class="container"> <div class="message-container"> <div class="tagline"> - <span id="rotating-message"></span> - <div class="time-left"> - <span id="time-left-message"></span> - </div> + <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, & tons more. </div> <div class="action"> - <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> + <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank"> + Font Awesome 5 <i class='fas fas-external-link'></i> + </a> </div> </div> </div> @@ -260,25 +259,53 @@ </footer> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> - <div class="modal-dialog modal-lg" role="document"> + <div class="modal-dialog" role="document"> <div class="modal-content"> - <div class="modal-header"> + <div class="modal-header bg-fa5"> <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> - <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3> </div> - <h3 class="bg-fa5 margin-none padding-lg text-center"> - Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60! - </h3> <div class="modal-body"> - <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class="embed-container"> - <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> + <div class="row margin-bottom-lg margin-top"> + <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm"> + <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i> + <i class="fas fas-trophy-alt 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">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! + </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> + </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> + <p> + Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. + </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-rocket fas-3x fas-fw text-muted hidden-xs"></i> + <i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i> + </div> + <div class="col-md-9 col-sm-9 col-xs-10"> + <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4> + <p> + Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro. + </p> + </div> </div> - <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" - onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> + <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block"> <h3 class="margin-top margin-bottom strong"> - Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + Font Awesome 5 <i class="fas fas-external-link" aria-hidden="true"></i> </h3> </a> |