FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-25 13:01:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updating nav and modals for FA5 launch

Browse Source
This commit is contained in:
Dave Gandy 2017-12-07 11:09:30 -06:00
parent b114d3e921
commit 3d62265980
694 changed files with 31044 additions and 12442 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
accessibility/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome v-accessibility"> <body class="font-awesome v-accessibility">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -393,25 +392,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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.

8
assets/js/site.js
View File

@ -5,12 +5,12 @@ $(function () {
{ {
quote: "Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for just $60!", quote: "Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for just $60!",
class: "fa5", class: "fa5",
url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=banner", url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner",
btn_text: "Check out FA Pro &nbsp;<i class='fas fas-external-link'></i>", btn_text: "Check out FA Pro &nbsp;<i class='fas fas-external-link'></i>",
}, },
]; ];
selectAd(); // selectAd();
// start the icon carousel // start the icon carousel
$('#icon-carousel').carousel({ $('#icon-carousel').carousel({
@ -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.seenFA5Modal3) { if (storageAvailable('localStorage') && !localStorage.seenFA5ReleasedModal) {
$('#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.seenFA5Modal3 = true; localStorage.seenFA5ReleasedModal = true;
// Yippee! We can use localStorage awesomeness // Yippee! We can use localStorage awesomeness
} }

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

@ -14,3 +14,5 @@
background-color: @fa5-color; background-color: @fa5-color;
color: #fff; color: #fff;
} }
.modal-content { overflow: hidden; }

63
cdn/error/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -245,25 +244,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
cdn/success/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -246,25 +245,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
cheatsheet/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -6547,25 +6546,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
community/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -402,25 +401,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
examples/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -819,25 +818,53 @@ fa-ban on fa-camera
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

92
get-started/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome v-get-started"> <body class="font-awesome v-get-started">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -412,22 +411,18 @@
</h2> </h2>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center"> <h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for just $60! Font Awesome 5 Released!
</h3> </h3>
<div class="modal-body"> <div class="modal-body">
<div class="text-lg margin-bottom-lg padding-bottom"> <div class="row margin-bottom-lg margin-top">
Before you download, check out <b>Font Awesome Pro&mdash;</b>
</div>
<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>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i> <i class="fas fas-trophy-alt 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">Tons More Icons</h4> <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p> <p>
Get 2,148 icons right now with Pro, plus another 2,000 from 46 icon category packs as we finish them! Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p> </p>
</div> </div>
</div> </div>
@ -437,29 +432,28 @@
<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">SVG Framework &amp; More</h4> <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p> <p>
Get the latest tech upgrades, easy upgrades from v4, icons in 3 styles, Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
<a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=download_modal#schedule-info">&amp; tons more as we finish</a>.
</p> </p>
</div> </div>
</div> </div>
<div class="row margin-bottom-lg"> <div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-stopwatch fas-3x fas-fw text-muted hidden-xs"></i> <i class="fas fas-rocket 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> <i class="fas fas-rocket 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-10"> <div class="col-md-9 col-sm-9 col-xs-10">
<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">Tons More</h4>
<p> <p>
Get early access and input into new icons, categories, and frameworks with our private GitHub repo! Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p> </p>
</div> </div>
</div> </div>
<a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=download_modal" class="btn btn-fa5 btn-lg btn-block"> <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=download_modal" class="btn btn-fa5 btn-lg btn-block">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>
<div class="text-center margin-top margin-bottom">or</div> <div class="text-center margin-top margin-bottom">or</div>
@ -513,25 +507,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/500px/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -261,25 +260,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -261,25 +260,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/adjust/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/adn/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/amazon/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/ambulance/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -263,25 +262,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/anchor/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/android/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/angellist/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/apple/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/archive/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/arrows/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/asterisk/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/at/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/backward/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/ban/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bandcamp/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -263,25 +262,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/barcode/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bars/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -263,25 +262,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bath/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -263,25 +262,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -261,25 +260,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -263,25 +262,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -261,25 +260,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -261,25 +260,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -261,25 +260,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bed/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -261,25 +260,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/beer/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/behance/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bell/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bicycle/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/binoculars/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bitbucket/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/blind/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bluetooth/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bold/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bolt/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -261,25 +260,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bomb/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/book/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bookmark/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/braille/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -258,25 +257,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/briefcase/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/btc/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -263,25 +262,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/bug/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

63
icon/building-o/index.html
View File

@ -40,17 +40,16 @@
</head> </head>
<body class="font-awesome "> <body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner"> <div class="hidden-print fa5" id="banner">
<div class="container"> <div class="container">
<div class="message-container"> <div class="message-container">
<div class="tagline"> <div class="tagline">
<span id="rotating-message"></span> <strong>Font Awesome 5 released!</strong> New icons, SVG, ligatures, &amp; tons more.
<div class="time-left">
<span id="time-left-message"></span>
</div>
</div> </div>
<div class="action"> <div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a> <a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner" target="_blank">
Font Awesome 5 &nbsp;<i class='fas fas-external-link'></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -256,25 +255,53 @@
</footer> </footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label"> <div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header bg-fa5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro</h3> <h3 class="modal-title" id="modal-fa5-label">Font Awesome 5 Released!</h3>
</div> </div>
<h3 class="bg-fa5 margin-none padding-lg text-center">
Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for $60!
</h3>
<div class="modal-body"> <div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class="row margin-bottom-lg margin-top">
<div class="embed-container"> <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-trophy-alt fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">More Icons</h4>
<p>
Get 893 icons right now with FA Free, plus another 1,283 icons with Pro, which also gets you another 46 icon category packs as we finish them!
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-flask fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">All-New SVG</h4>
<p>
Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle.
</p>
</div>
</div>
<div class="row margin-bottom-lg">
<div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
<i class="fas fas-rocket fas-3x fas-fw text-muted hidden-xs"></i>
<i class="fas fas-rocket fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
</div>
<div class="col-md-9 col-sm-9 col-xs-10">
<h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More</h4>
<p>
Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro.
</p>
</div>
</div> </div>
<a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=two_thousand_60&utm_content=kickstarter_modal" target="_blank" <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=auto_modal" class="btn btn-fa5 btn-lg btn-block">
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin-top margin-bottom strong"> <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> Font Awesome 5 &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
</h3> </h3>
</a> </a>

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