FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-27 14:01:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
d0dddaddbe
Fork-Awesome/store/index.html
Dave Gandy 0751e276a8 fa5 pre-orders linked from modal and navbar
2016-12-22 15:54:15 -05:00

583 lines
27 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Font Awesome, the iconic font and CSS framework">
<meta name="author" content="Dave Gandy">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
<title>Official Merchandise</title>
<!-- CSS
================================================== -->
<link rel="stylesheet" href="../assets/css/site.css">
<link rel="stylesheet" href="../assets/css/pygments.css">
<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.min.js"></script>
<![endif]-->
<script src="https://use.fonticons.com/ffe176a3.js"></script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30136587-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.src = 'https://www.google-analytics.com/ga.js';
var s = document.scripts[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="font-awesome v-store">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="collapse hidden-print" id="banner">
<div class="container">
<div class="message-container">
<div class="tagline">
<span id="rotating-message"></span>
</div>
<div class="action">
<a id="rotating-url" class="btn btn-primary btn-lg btn-block" href="" target="_blank"></a>
</div>
</div>
</div>
</div>
<div class="navbar navbar-inverse navbar-static-top hidden-print">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
<span class="sr-only">Toggle navigation</span>
</button>
<a class="navbar-brand" href="../"><i class="fa fa-font-awesome" aria-hidden="true"></i> Font Awesome</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="hidden-sm "><a href="../">Home</a></li>
<li class="hidden-sm">
<a href="../whats-new/">What's New</a>
</li>
<li class="hidden-xs hidden-md hidden-lg">
<a href="../whats-new/">New</a>
</li>
<li class="hidden-sm"><a href="../get-started/">Get Started</a></li>
<li class="hidden-xs hidden-md hidden-lg">
<a href="../get-started/">Start</a>
</li>
<li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
<li class="dropdown dropdown-split-right hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
<span class="sr-only">Toggle dropdown menu</span>
<span class="toggle drop down"></span>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
<li class="divider"></li>
<li><a href="../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
<li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
<li><a href="../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
<li><a href="../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
<li><a href="../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
<li><a href="../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
<li><a href="../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
<li><a href="../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
<li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
<li><a href="../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
<li><a href="../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
<li><a href="../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
<li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
<li><a href="../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
<li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
<li><a href="../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
<li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
</ul>
</li>
<li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
<li class="dropdown dropdown-split-right hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
<span class="sr-only">Toggle dropdown menu</span>
<span class="toggle drop down"></span>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="../examples/">Examples</a></li>
<li class="divider"></li>
<li><a href="../examples/#basic">Basic Icons</a></li>
<li><a href="../examples/#larger">Larger Icons</a></li>
<li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
<li><a href="../examples/#list">List Icons</a></li>
<li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
<li><a href="../examples/#animated">Animated Icons</a></li>
<li><a href="../examples/#accessible">Accessibility-Minded</a></li>
<li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
<li><a href="../examples/#stacked">Stacked Icons</a></li>
<li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
<li><a href="../examples/#custom">Custom CSS</a></li>
</ul>
</li>
<li class="hidden-sm"><a href="../accessibility/">Accessibility</a></li>
<li class="hidden-xs hidden-md hidden-lg"><a href="../accessibility/"><i class="fa fa-universal-access"></i></a></li>
<li><a href="../community/">Community</a></li>
<li><a href="../license/">License</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://articles.fortawesome.com">Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="jumbotron jumbotron-ad hidden-print">
<div class="container">
<h1><i class="fa fa-shopping-cart fa-lg valign-baseline" aria-hidden="true"></i>&nbsp; Awesome Swag</h1>
<p>Show your love &amp; support of Font Awesome with official merchandise!</p>
</div>
</div>
<div class="content-underlay"></div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-4">
<a class="product" href="http://www.amazon.com/Father-T-shirt-Small-Kelly-Green/dp/B01ELXTKW0">
<div class="product-sizes">
<span class="sr-only">Available in the following sizes: </span>
<i class="fa fa-male" title="Men"></i>
</div>
<div class="tab-content">
<div class="tab-pane active" id="father-kelly-green">
<img src="http://ecx.images-amazon.com/images/I/81QUekkdt7L._UX679_.jpg">
</div>
<div class="tab-pane" id="father-navy">
<img src="http://ecx.images-amazon.com/images/I/817wsSl9ScL._UX679_.jpg">
</div>
</div>
<ul class="list-inline text-center margin-bottom-0">
<li class="active"><span data-target="#father-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li>
<li><span data-target="#father-navy" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li>
</ul>
<hr />
<div class="gg margin-bottom-sm">
<h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Fa-ther Tee</h3>
<h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3>
</div>
<div class="text-muted">
American Apparel Fine Jersey Short Sleeve T-Shirt
</div>
</a>
</div>
<div class="col-sm-6 col-lg-4">
<a class="product" href="http://www.amazon.com/Space-Shuttle-T-shirt-Small-Black/dp/B01ELRXO14">
<div class="product-sizes">
<span class="sr-only">Available in the following sizes: </span>
<i class="fa fa-male" title="Men"></i>
<i class="fa fa-female" title="Women"></i>
<i class="fa fa-child" title="Kids"></i>
</div>
<div class="tab-content">
<div class="tab-pane active" id="shuttle-black">
<img src="http://ecx.images-amazon.com/images/I/71e4BRlSOML._UX679_.jpg">
</div>
<div class="tab-pane" id="shuttle-navy">
<img src="http://ecx.images-amazon.com/images/I/81U%2BSAV23IL._UX679_.jpg">
</div>
</div>
<ul class="list-inline text-center margin-bottom-0">
<li class="active"><span data-target="#shuttle-black" data-toggle="tab"><span class="swatch swatch-black" title="Black"></span><span class="sr-only"> Black</span></span></li>
<li><span data-target="#shuttle-navy" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li>
</ul>
<hr />
<div class="gg margin-bottom-sm">
<h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Space Shuttle Tee</h3>
<h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3>
</div>
<div class="text-muted">
American Apparel Fine Jersey Short Sleeve T-Shirt
</div>
</a>
</div>
<div class="col-sm-6 col-lg-4">
<a class="product" href="http://www.amazon.com/Paper-Scissors-Lizard-Spock-T-shirt/dp/B01ELX6N7U">
<div class="product-sizes">
<span class="sr-only">Available in the following sizes: </span>
<i class="fa fa-male" title="Men"></i>
<i class="fa fa-female" title="Women"></i>
<i class="fa fa-child" title="Kids"></i>
</div>
<div class="tab-content">
<div class="tab-pane active" id="rpsls-blue">
<img src="http://ecx.images-amazon.com/images/I/81AqlTK02KL._UX679_.jpg">
</div>
</div>
<ul class="list-inline text-center margin-bottom-0">
<li class="active"><span data-target="#rpsls-blue" data-toggle="tab"><span class="swatch swatch-royalblue" title="Royal Blue"></span><span class="sr-only"> Royal Blue</span></span></li>
</ul>
<hr />
<div class="gg margin-bottom-sm">
<h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Rock Paper Scissors Lizard Spock Tee</h3>
<h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3>
</div>
<div class="text-muted">
American Apparel Fine Jersey Short Sleeve T-Shirt
</div>
</a>
</div>
<div class="col-sm-6 col-lg-4">
<a class="product" href="http://www.amazon.com/Mens-Schmancy-White-T-shirt-Small/dp/B01ELYG428">
<div class="product-sizes">
<span class="sr-only">Available in the following sizes: </span>
<i class="fa fa-male" title="Men"></i>
<i class="fa fa-female" title="Women"></i>
<i class="fa fa-child" title="Kids"></i>
</div>
<div class="tab-content">
<div class="tab-pane active" id="white-logo-kelly-green">
<img src="http://ecx.images-amazon.com/images/I/81fPcfH8KkL._UX679_.jpg">
</div>
<div class="tab-pane" id="white-logo-navy">
<img src="http://ecx.images-amazon.com/images/I/81wt4C6gBlL._UX679_.jpg">
</div>
<div class="tab-pane" id="white-logo-silver">
<img src="http://ecx.images-amazon.com/images/I/71pEdMm86PL._UX679_.jpg">
</div>
</div>
<ul class="list-inline text-center margin-bottom-0">
<li class="active"><span data-target="#white-logo-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li>
<li><span data-target="#white-logo-navy" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li>
<li><span data-target="#white-logo-silver" data-toggle="tab"><span class="swatch swatch-silver" title="Silver"></span><span class="sr-only"> Silver</span></span></li>
</ul>
<hr />
<div class="gg margin-bottom-sm">
<h3 class="gg-col product-title margin-top-0 margin-bottom-0">White Logo Tee</h3>
<h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3>
</div>
<div class="text-muted">
American Apparel Fine Jersey Short Sleeve T-Shirt
</div>
</a>
</div>
<div class="col-sm-6 col-lg-4">
<a class="product" href="http://www.amazon.com/Camera-Retro-T-shirt-Small-Asphalt/dp/B01ELWGV14">
<div class="product-sizes">
<span class="sr-only">Available in the following sizes: </span>
<i class="fa fa-male" title="Men"></i>
<i class="fa fa-female" title="Women"></i>
<i class="fa fa-child" title="Kids"></i>
</div>
<div class="tab-content">
<div class="tab-pane active" id="camera-asphalt">
<img src="http://ecx.images-amazon.com/images/I/81mzUUTrfYL._UX679_.jpg">
</div>
<div class="tab-pane" id="camera-kelly-green">
<img src="http://ecx.images-amazon.com/images/I/81AihmIpmUL._UX679_.jpg">
</div>
</div>
<ul class="list-inline text-center margin-bottom-0">
<li class="active"><span data-target="#camera-asphalt" data-toggle="tab"><span class="swatch swatch-asphalt" title="Asphalt"></span><span class="sr-only"> Asphalt</span></span></li>
<li><span data-target="#camera-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li>
</ul>
<hr />
<div class="gg margin-bottom-sm">
<h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Camera Retro Tee</h3>
<h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3>
</div>
<div class="text-muted">
American Apparel Fine Jersey Short Sleeve T-Shirt
</div>
</a>
</div>
<div class="col-sm-6 col-lg-4">
<a class="product" href="http://www.amazon.com/Mens-Skool-T-shirt-Small-Navy/dp/B01ELWVHJ0">
<div class="product-sizes">
<span class="sr-only">Available in the following sizes: </span>
<i class="fa fa-male" title="Men"></i>
<i class="fa fa-female" title="Women"></i>
<i class="fa fa-child" title="Kids"></i>
</div>
<div class="tab-content">
<div class="tab-pane active" id="old-skool-kelly-green">
<img src="http://ecx.images-amazon.com/images/I/812ghxTnRrL._UX679_.jpg">
</div>
<div class="tab-pane" id="old-skool-navy">
<img src="http://ecx.images-amazon.com/images/I/819SDvnOv8L._UX679_.jpg">
</div>
</div>
<ul class="list-inline text-center margin-bottom-0">
<li class="active"><span data-target="#old-skool-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li>
<li><span data-target="#old-skool-navy" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li>
</ul>
<hr />
<div class="gg margin-bottom-sm">
<h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Old Skool Tee</h3>
<h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3>
</div>
<div class="text-muted">
American Apparel Fine Jersey Short Sleeve T-Shirt
</div>
</a>
</div>
<div class="col-sm-6 col-lg-4">
<a class="product" href="http://www.amazon.com/Mens-Classics-T-shirt-Small-Navy/dp/B01ELY5MT4">
<div class="product-sizes">
<span class="sr-only">Available in the following sizes: </span>
<i class="fa fa-male" title="Men"></i>
<i class="fa fa-female" title="Women"></i>
<i class="fa fa-child" title="Kids"></i>
</div>
<div class="tab-content">
<div class="tab-pane active" id="classics-kelly-green">
<img src="http://ecx.images-amazon.com/images/I/81nYbDVxo8L._UX679_.jpg">
</div>
<div class="tab-pane" id="classics-navy">
<img src="http://ecx.images-amazon.com/images/I/81MMb-JjRNL._UX679_.jpg">
</div>
</div>
<ul class="list-inline text-center margin-bottom-0">
<li class="active"><span data-target="#classics-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li>
<li><span data-target="#classics-navy" data-toggle="tab"><span class="swatch swatch-navy"></span><span class="sr-only" title="Navy"> Navy</span></span></li>
</ul>
<hr />
<div class="gg margin-bottom-sm">
<h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Classics Tee</h3>
<h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3>
</div>
<div class="text-muted">
American Apparel Fine Jersey Short Sleeve T-Shirt
</div>
</a>
</div>
<div class="col-sm-6 col-lg-4">
<a class="product" href="http://www.amazon.com/Mens-Schmancy-Green-Small-Black/dp/B01ELYOYY8">
<div class="product-sizes">
<span class="sr-only">Available in the following sizes: </span>
<i class="fa fa-male" title="Men"></i>
<i class="fa fa-female" title="Women"></i>
<i class="fa fa-child" title="Kids"></i>
</div>
<div class="tab-content">
<div class="tab-pane active" id="green-logo-black">
<img src="http://ecx.images-amazon.com/images/I/715simtOAGL._UX679_.jpg">
</div>
<div class="tab-pane" id="green-logo-kelly-green">
<img src="http://ecx.images-amazon.com/images/I/81Y2BFVgUAL._UX679_.jpg">
</div>
</div>
<ul class="list-inline text-center margin-bottom-0">
<li class="active"><span data-target="#green-logo-black" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li>
<li><span data-target="#green-logo-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li>
</ul>
<hr />
<div class="gg margin-bottom-sm">
<h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Green Logo Tee</h3>
<h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3>
</div>
<div class="text-muted">
American Apparel Fine Jersey Short Sleeve T-Shirt
</div>
</a>
</div>
<div class="col-sm-12 col-lg-4">
<div class="product-cta">
<h3 class="cta-title">Have Ideas or Requests?</h3>
<div class="cta-content">
<p>
Got a great idea for a Font Awesome goodie or shirt? Don't see your favorite icon in a wear-able or share-able format?
</p>
<p>
We're all ears! Spend a few minutes and let us know what you'd want. If we end up using your idea, we'll send you a free copy.
</p>
</div>
<a class="btn btn-success btn-block btn-lg" href="mailto:suggestions@fortawesome.com?subject=I have a store idea!">Make a Store Suggestion!</a>
<p class="text-muted cta-fine-print">
Please note: While we appreciate all suggestions, not every idea might be right for Font Awesome nor could we physically make every idea.
</p>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-12 col-md-6">
<h4>About Font Awesome Products</h4>
<p>
There might be times where you want to insert a bit of Font Awesome in the real world. That's why we're trying out some schwag. We hope you enjoy our icons and their fun spirit out in the wild and appreciate the support you're showing and giving by doing so. <strong>You're putting the Awesome in Font Awesome!</strong>
</p>
</div>
<div class="col-sm-12 col-md-6">
<h4>Shipping, Tracking, &amp; Refunding Orders</h4>
<p>
All of our products are managed through <a href="http://www.amazon.com/s/ref=w_bl_sl_s_ap_web_7141123011?ie=UTF8&node=7141123011&field-brandtextbin=Font+Awesome"><i class="fas fas-amazon"></i> Amazon</a>. Shipping rates and schedules are managed through their storefront. You'll be able to track your placed orders and contact Amazon's responsive support about refunds, issues, or questions. Ratings and feedback are always welcome either on the product page or <a href="mailto:suggestions@fortawesome.com">directly to us</a>.
</p>
</div>
</div>
</div>
</div>
<footer id="footer" class="footer hidden-print">
<div class="container text-center">
<div id="inventory">
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
<img src="../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
</a>
<a href="http://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome"
title="Premium Wordpress Themes" target="_blank" rel="nofollow"
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
<img src="../assets/img/logo-themeisle.png" width="220" height="65" alt="">
</a>
</div>
<div>
<i class="fa fa-flag" aria-hidden="true"></i> Font Awesome 4.7.0
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
</div>
<div>
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
<span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
</div>
<div>
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="https://www.bootstrapcdn.com/fontawesome/">BootstrapCDN for Font Awesome</a>
</div>
<div class="project">
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
<a href="../3.2.1">Old 3.2.1 Docs</a>
</div>
</div>
</footer>
<div class="modal" id="modal-fa5" tabindex="-1" role="dialog" aria-labelledby="modal-fa5-label">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
<h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
</div>
<div class="modal-body">
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class='embed-container'>
<iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div>
<p class="lead text-center margin-top-lg margin-bottom-lg">
Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
</p>
<a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
<h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
</a>
</div>
</div>
</div>
</div>
<script src="https://platform.twitter.com/widgets.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
<script src="../assets/js/site.js"></script>
<script src="../assets/js/search.js"></script>
<script src="../assets/js/monetization.js" type="text/javascript"></script>
<script>
(function(){
// format, zoneKey, segment:value, options
_bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
target: '#inventory',
disable_css: true,
path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
});
})();
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '590758314440297');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=590758314440297&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink