FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-24 20:41:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

updating FA5 info, algolia logo, removing newsletter signup from icons page

Browse Source
This commit is contained in:
Dave Gandy 2017-09-06 16:16:45 -04:00
parent d0dddaddbe
commit 192b480b8a
695 changed files with 6256 additions and 4909 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
accessibility/index.html
View File

@ -394,21 +394,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

2
assets/css/site.css
View File

File diff suppressed because one or more lines are too long

BIN
assets/font-awesome-4.7.0.zip
View File

Binary file not shown.

10
assets/js/site.js
View File

@ -3,10 +3,10 @@ $(function () {
var ads = [ var ads = [
{ {
quote: "Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!", quote: "September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!",
class: "fa5", class: "fa5",
url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=banner&utm_campaign=promo_4.7_update", url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=banner",
btn_text: "Pre-order FA Pro! &nbsp;<i class='fa fa-external-link'></i>", btn_text: "Pre-order FA Pro! &nbsp;<i class='fas fas-external-link'></i>",
}, },
]; ];
@ -20,7 +20,7 @@ $(function () {
$('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover(); $('[data-toggle="popover"]').popover();
if (storageAvailable('localStorage') && !localStorage.seenFA5Modal2) { if (storageAvailable('localStorage') && !localStorage.seenFA5Modal3) {
$('#modal-fa5') $('#modal-fa5')
.modal('toggle') .modal('toggle')
.on('hidden.bs.modal', function (e) { .on('hidden.bs.modal', function (e) {
@ -30,7 +30,7 @@ $(function () {
} }
if (storageAvailable('localStorage')) { if (storageAvailable('localStorage')) {
localStorage.seenFA5Modal2 = true; localStorage.seenFA5Modal3 = true;
// Yippee! We can use localStorage awesomeness // Yippee! We can use localStorage awesomeness
} }

10
assets/less/site/algolia.less
View File

@ -1,12 +1,8 @@
.algolia { .algolia {
margin-top: -20px; padding-top: 10px;
padding-top: 49px;
a { a {
i { color: @text-muted; }
color: @text-color; color: @text-color;
&:hover { color: @link-hover-color; } &:hover, &:hover i { color: @link-hover-color; }
}
.fas-algolia {
font-size: 32px;
vertical-align: middle;
} }
} }

1
assets/less/site/fa5.less
View File

@ -1,5 +1,6 @@
.btn-fa5 { .btn-fa5 {
.button-variant(#fff, #489fdf, mix(#000,#489fdf,10%)); .button-variant(#fff, #489fdf, mix(#000,#489fdf,10%));
font-size: 21px;
} }
.jumbotron-ad .well { .jumbotron-ad .well {

16
cdn/error/index.html
View File

@ -246,21 +246,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
cdn/success/index.html
View File

@ -247,21 +247,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
cheatsheet/index.html
View File

@ -6548,21 +6548,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
community/index.html
View File

@ -403,21 +403,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
examples/index.html
View File

@ -820,21 +820,23 @@ fa-ban on fa-camera
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

51
get-started/index.html
View File

@ -385,7 +385,7 @@
If you need IE7 support, you have my condolences. Really. Font Awesome 4.7.0 If you need IE7 support, you have my condolences. Really. Font Awesome 4.7.0
doesn't support IE7, but an older version does. You'll need to check out the doesn't support IE7, but an older version does. You'll need to check out the
<a href="../3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to <a href="../3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to
whomever decided your project needs IE7 support. whoever decided your project needs IE7 support.
</p> </p>
</div> </div>
@ -413,18 +413,6 @@
Before you download, check out <b>Font Awesome Pro&mdash;</b> Before you download, check out <b>Font Awesome Pro&mdash;</b>
</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-money fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-money 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">Super Low Price</h4>
<p>
For a limited time, get Pro, all 46 icon packs ($460 value), &amp; ALL Kickstarter stretch goals!
</p>
</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-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
@ -433,7 +421,7 @@
<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">Tons More Icons</h4> <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More Icons</h4>
<p> <p>
With Pro, get the newest look and thousands more icons than Font Awesome 4! Get 2,148 icons right now with Pro, plus another 2,000 from 46 icon category packs as we finish them!
</p> </p>
</div> </div>
</div> </div>
@ -443,14 +431,27 @@
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i> <i class="fas fas-flask 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">Early Access</h4> <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">SVG Framework &amp; More</h4>
<p> <p>
Get early access and input into new icons and frameworks with our private GitHub repo! Get the latest tech upgrades, easy upgrades from v4, early access to the betas, icons in 3 styles,
<a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=download_modal#schedule-info">&amp; tons more as we finish</a>.
</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-stopwatch fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-stopwatch 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">Limited-Time Price</h4>
<p>
September is the last chance to get Pro, all 46 icon packs ($460 value), &amp; ALL Kickstarter rewards for just $40!
</p> </p>
</div> </div>
</div> </div>
<a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=download_modal&utm_campaign=promo_4.7_update" class="btn btn-success btn-lg btn-block"> <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=download_modal" class="btn btn-success btn-lg btn-block">
<div>Pre-order now &amp; save big!</div> <div>Pre-order now &amp; save big!</div>
<h2 class="margin-top-sm text-sans-serif margin-bottom-sm hidden-xs"><i class="fas fas-logo-o"></i>&nbsp; Font Awesome Pro</h2> <h2 class="margin-top-sm text-sans-serif margin-bottom-sm hidden-xs"><i class="fas fas-logo-o"></i>&nbsp; Font Awesome Pro</h2>
<h3 class="margin-top-sm text-sans-serif margin-bottom-sm visible-xs"><i class="fas fas-logo-o"></i>&nbsp; Font Awesome Pro</h3> <h3 class="margin-top-sm text-sans-serif margin-bottom-sm visible-xs"><i class="fas fas-logo-o"></i>&nbsp; Font Awesome Pro</h3>
@ -510,21 +511,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/500px/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/address-book-o/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/address-book/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/address-card-o/index.html
View File

@ -262,21 +262,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/address-card/index.html
View File

@ -262,21 +262,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/adjust/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/adn/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/align-center/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/align-justify/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/align-left/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/align-right/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/amazon/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/ambulance/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/american-sign-language-interpreting/index.html
View File

@ -264,21 +264,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/anchor/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/android/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angellist/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angle-double-down/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angle-double-left/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angle-double-right/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angle-double-up/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angle-down/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angle-left/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angle-right/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/angle-up/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/apple/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/archive/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/area-chart/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-circle-down/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-circle-left/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-circle-o-down/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-circle-o-left/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-circle-o-right/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-circle-o-up/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-circle-right/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-circle-up/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-down/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-left/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-right/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrow-up/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrows-alt/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrows-h/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrows-v/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/arrows/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/assistive-listening-systems/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/asterisk/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/at/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/audio-description/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/backward/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/balance-scale/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/ban/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bandcamp/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bar-chart/index.html
View File

@ -264,21 +264,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/barcode/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bars/index.html
View File

@ -264,21 +264,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bath/index.html
View File

@ -264,21 +264,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/battery-empty/index.html
View File

@ -262,21 +262,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/battery-full/index.html
View File

@ -264,21 +264,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/battery-half/index.html
View File

@ -262,21 +262,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/battery-quarter/index.html
View File

@ -262,21 +262,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/battery-three-quarters/index.html
View File

@ -262,21 +262,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bed/index.html
View File

@ -262,21 +262,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/beer/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/behance-square/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/behance/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bell-o/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bell-slash-o/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bell-slash/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bell/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bicycle/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/binoculars/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/birthday-cake/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bitbucket-square/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bitbucket/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/black-tie/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/blind/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bluetooth-b/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bluetooth/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bold/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bolt/index.html
View File

@ -262,21 +262,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bomb/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/book/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bookmark-o/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bookmark/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/braille/index.html
View File

@ -259,21 +259,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/briefcase/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/btc/index.html
View File

@ -264,21 +264,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

16
icon/bug/index.html
View File

@ -257,21 +257,23 @@
<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-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="lead">
September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
</p>
<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> <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'> <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> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div> </div>
<p class="lead text-center margin-top-lg margin-bottom-lg"> <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=september_last_chance&utm_content=kickstarter_modal" target="_blank"
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3> <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! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3>
</a> </a>
</div> </div>

Some files were not shown because too many files have changed in this diff Show More