diff options
author | Dave Gandy <dave@davegandy.com> | 2016-04-22 18:35:08 +0300 |
---|---|---|
committer | Dave Gandy <dave@davegandy.com> | 2016-04-22 18:35:08 +0300 |
commit | f2b9e6a3bdee3610607578b39760150a2b61f6da (patch) | |
tree | 5fe00c278568e8bd5c5d6a294357c55fa5661f8d /store | |
parent | df2e27c2ba38e7de855ef24f4d73c636979d74bc (diff) |
latest docs
Diffstat (limited to 'store')
-rw-r--r-- | store/index.html | 515 |
1 files changed, 515 insertions, 0 deletions
diff --git a/store/index.html b/store/index.html new file mode 100644 index 000000000..473481d48 --- /dev/null +++ b/store/index.html @@ -0,0 +1,515 @@ +<!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 "> + <script> + (function(){ + var bsa = document.createElement('script'); + bsa.src = 'https://s3.buysellads.com/ac/bsa.js'; + var s = document.scripts[0]; + s.parentNode.insertBefore(bsa, s); + })(); + </script> + <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-block" href=""></a> + </div> + </div> + </div> +</div> + +<div class="navbar navbar-org navbar-static-top"> + <div class="container"> + <ul class="nav navbar-nav navbar-right"> + <li> + <a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!"> + <i class="fas fas-fort-logo fas-lg valign-baseline"></i> + Fort Awesome + </a> + </li> + <li class="active"> + <a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>& CSS toolkit"> + <i class="fas fas-flag-logo"></i> + Font Awesome</a> + </li> + </ul> + <div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</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="fas fas-flag-logo fas-lg" 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> All Icons</a></li> + <li class="divider"></li> + <li><a href="../icons/#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i> New Icons in 4.6</a></li> + <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i> Web Application Icons</a></li> + <li><a href="../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i> Accessibility Icons</a></li> + <li><a href="../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i> Hand Icons</a></li> + <li><a href="../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i> Transportation Icons</a></li> + <li><a href="../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i> Gender Icons</a></li> + <li><a href="../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i> File Type Icons</a></li> + <li><a href="../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i> Spinner Icons</a></li> + <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i> Form Control Icons</a></li> + <li><a href="../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i> Payment Icons</a></li> + <li><a href="../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i> Chart Icons</a></li> + <li><a href="../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i> Currency Icons</a></li> + <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i> Text Editor Icons</a></li> + <li><a href="../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i> Directional Icons</a></li> + <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i> Video Player Icons</a></li> + <li><a href="../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i> Brand Icons</a></li> + <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i> 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 & 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> + <li class="hidden-sm hidden-xs"><a href="http://blog.fontawesome.io">Blog</a></li> + </ul> + + <ul class="nav navbar-nav navbar-right"> + <li class="active"><a href="../store/"><i class="fa fa-shopping-cart margin-right-sm hidden-sm hidden-md"></i>Store</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> Awesome Swag</h1> + <p>Support Font Awesome with some 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"> + <i class="fa fa-male"></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-lg"> + <li class="active"><span data-target="#father-kelly-green" data-toggle="tab">Kelly Green</span></li> + <li><span data-target="#father-navy" data-toggle="tab">Navy</span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom"> + <h3 class="gg-col product-title">Fa-ther Tee</h3> + <h3 class="gg-col text-right text-success">$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"> + <i class="fa fa-male"></i> + <i class="fa fa-female"></i> + <i class="fa fa-child"></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-lg"> + <li class="active"><span data-target="#shuttle-black" data-toggle="tab">Black</span></li> + <li><span data-target="#shuttle-navy" data-toggle="tab">Navy</span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom"> + <h3 class="gg-col product-title">Space Shuttle Tee</h3> + <h3 class="gg-col text-right text-success">$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"> + <i class="fa fa-male"></i> + <i class="fa fa-female"></i> + <i class="fa fa-child"></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-lg"> + <li class="active"><span data-target="#rpsls-blue" data-toggle="tab">Royal Blue</span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom"> + <h3 class="gg-col product-title">Rock Paper Scissors Lizard Spock Tee</h3> + <h3 class="gg-col text-right text-success">$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"> + <i class="fa fa-male"></i> + <i class="fa fa-female"></i> + <i class="fa fa-child"></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-lg"> + <li class="active"><span data-target="#white-logo-kelly-green" data-toggle="tab">Kelly Green</span></li> + <li><span data-target="#white-logo-navy" data-toggle="tab">Navy</span></li> + <li><span data-target="#white-logo-silver" data-toggle="tab">Silver</span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom"> + <h3 class="gg-col product-title">White Logo Tee</h3> + <h3 class="gg-col text-right text-success">$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"> + <i class="fa fa-male"></i> + <i class="fa fa-female"></i> + <i class="fa fa-child"></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-lg"> + <li class="active"><span data-target="#camera-asphalt" data-toggle="tab">Asphalt</span></li> + <li><span data-target="#camera-kelly-green" data-toggle="tab">Kelly Green</span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom"> + <h3 class="gg-col product-title">Camera Retro Tee</h3> + <h3 class="gg-col text-right text-success">$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"> + <i class="fa fa-male"></i> + <i class="fa fa-female"></i> + <i class="fa fa-child"></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-lg"> + <li class="active"><span data-target="#old-skool-kelly-green" data-toggle="tab">Kelly Green</span></li> + <li><span data-target="#old-skool-navy" data-toggle="tab">Navy</span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom"> + <h3 class="gg-col product-title">Old Skool Tee</h3> + <h3 class="gg-col text-right text-success">$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"> + <i class="fa fa-male"></i> + <i class="fa fa-female"></i> + <i class="fa fa-child"></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-lg"> + <li class="active"><span data-target="#classics-kelly-green" data-toggle="tab">Kelly Green</span></li> + <li><span data-target="#classics-navy" data-toggle="tab">Navy</span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom"> + <h3 class="gg-col product-title">Classics Tee</h3> + <h3 class="gg-col text-right text-success">$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"> + <i class="fa fa-male"></i> + <i class="fa fa-female"></i> + <i class="fa fa-child"></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-lg"> + <li class="active"><span data-target="#green-logo-black" data-toggle="tab">Black</span></li> + <li><span data-target="#green-logo-kelly-green" data-toggle="tab">Kelly Green</span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom"> + <h3 class="gg-col product-title">Green Logo Tee</h3> + <h3 class="gg-col text-right text-success">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> + + </div> + </div> +</div> + + + </div> + <footer id="footer" class="footer hidden-print"> + <div class="container text-center"> + <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8"> + <a href="https://www.approveme.me/?utm_source=fontawesome.io&utm_medium=banner&utm_term=Sign%20Documents%20using%20Your%20Wordpress&utm_content=220x65-1e-try-a-free-demo-now_2x_bw&utm_campaign=fontawesome" + title="Sign Documents using Your Wordpress" target="_blank" rel="nofollow" + onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'approve.me']);"> + <img src="../assets/img/logo-approveme.png" width="220" height="65" alt=""> + </a> + <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="https://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.6.1 + <span class="hide-xs">·</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">·</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">·</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="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> · + <a href="../3.2.1">Old 3.2.1 Docs</a> + </div> + </div> +</footer> + + + <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/algoliasearch.min.js"></script> + <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script> + <script src="../assets/js/site.js"></script> + <script src="../assets/js/search.js"></script> + </body> +</html> |