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.html11
1 files changed, 10 insertions, 1 deletions
diff --git a/library/font_awesome/src/examples.html b/library/font_awesome/src/examples.html
index 3e23ac147..9f14ef11b 100644
--- a/library/font_awesome/src/examples.html
+++ b/library/font_awesome/src/examples.html
@@ -20,15 +20,24 @@ relative_path: ../
{% endcapture %}
{% include stripe-ad.html %}
+ <div class="alert alert-success gg">
+ <div class="gg-col min-width">
+ <i class="fa fa-universal-access fa-2x" aria-hidden"true"></i>
+ </div>
+ <div class="gg-col padding-left">
+ <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>
+ </div>
+ </div>
+
{% 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 %}
+ {% include examples/accessible.html %}
</div>