aboutsummaryrefslogtreecommitdiffstats
path: root/library/font_awesome/src/examples.html
diff options
context:
space:
mode:
Diffstat (limited to 'library/font_awesome/src/examples.html')
-rw-r--r--library/font_awesome/src/examples.html23
1 files changed, 21 insertions, 2 deletions
diff --git a/library/font_awesome/src/examples.html b/library/font_awesome/src/examples.html
index 07253b267..3e23ac147 100644
--- a/library/font_awesome/src/examples.html
+++ b/library/font_awesome/src/examples.html
@@ -4,12 +4,31 @@ title: Font Awesome Examples
navbar_active: examples
relative_path: ../
---
-{% capture jumbotron_h1 %}<i class="icon-magic icon-large"></i>&nbsp; Examples{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-magic" aria-hidden="true"></i>&nbsp; Examples{% endcapture %}
{% capture jumbotron_p %}Lots of easy ways to use Font Awesome{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
- {% include examples.html %}
+ {% capture stripe_ad_content %}
+ <p class="lead">
+ After you <a href="{{ page.relative_path }}get-started/">get up and running</a>, you can place Font Awesome icons just about
+ anywhere with the <code>&lt;i&gt;</code> tag.
+ Some examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
+ </p>
+ {% endcapture %}
+ {% include stripe-ad.html %}
+
+ {% include examples/basic.html %}
+ {% include examples/larger.html %}
+ {% include examples/fixed-width.html %}
+ {% include examples/list.html %}
+ {% include examples/bordered-pulled.html %}
+ {% include examples/animated.html %}
+ {% include examples/accessible.html %}
+ {% include examples/rotated-flipped.html %}
+ {% include examples/stacked.html %}
+ {% include examples/bootstrap.html %}
+ {% include examples/custom.html %}
</div>