mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2025-03-14 13:24:39 +08:00
65 lines
3.5 KiB
HTML
65 lines
3.5 KiB
HTML
<div class="modal fade" id="modal-download" tabindex="-1" role="dialog" aria-labelledby="modal-download-label"
|
|
xmlns="http://www.w3.org/1999/html">
|
|
<div class="modal-dialog" 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-download-label">
|
|
<i class="fa fa-download fa-lg" aria-hidden="true"></i>
|
|
Download
|
|
</h2>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="well">
|
|
<h3 class="text-success margin-top-none margin-bottom-lg">Want the easiest way to use Font Awesome?</h3>
|
|
<p class="text-lg margin-bottom-lg"><strong>Font Awesome CDN</strong> gets you started in just 2 steps! Plus, you get all this free stuff…</p>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 margin-bottom-lg">
|
|
<h5 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Icons on your site. Fast.</h5>
|
|
<p>Don't mess with files locally or in production. Get all {{ icons| size }} icons plus our CSS toolkit where you want.</p>
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 margin-bottom-lg">
|
|
<h5 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Auto accessibility support</h5>
|
|
<p>We'll automate accessibility support so your site's icons work for the most people possible.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 margin-bottom-lg">
|
|
<h5 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Super-simple upgrades</h5>
|
|
<p>Easily upgrade to the latest version of Font Awesome, all without pushing any code.</p>
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 margin-bottom-lg">
|
|
<h5 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">A Faster Font Awesome</h5>
|
|
<p>Make you site load faster with our asynchronously loading icons and our already popular cached CDN.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<form class="row" action="https://cdn.fontawesome.com/register" method="post">
|
|
<div class="col-sm-6 signup-input">
|
|
<label for="email" class="sr-only">Email address</label>
|
|
<input type="email" class="form-control input-lg margin-bottom" id="email" name="email" placeholder="Your email address">
|
|
</div>
|
|
|
|
<div class="col-sm-6 signup-button">
|
|
<button type="submit" class="btn btn-success btn-lg btn-block margin-bottom">Send a CDN embed code!</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<a class="btn btn-default btn-lg btn-block" href="{{ page.relative_path }}assets/font-awesome-{{ site.fontawesome.version }}.zip"
|
|
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Download on GitHub']);">
|
|
<i class="fa fa-download fa-lg" aria-hidden="true"></i>
|
|
No thanks, just download <br class="visible-xs" />Font Awesome
|
|
</a>
|
|
|
|
<div class="text-muted text-center margin-top">
|
|
<small>We get it - downloading is great for being particular about your Front End assets (and for use in Design tools).</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|