2013-05-03 02:12:33 +02:00
---
layout: base
2018-02-06 05:05:35 +01:00
title: Fork Awesome Examples
2013-05-03 02:12:33 +02:00
navbar_active: examples
2013-05-09 05:15:29 +02:00
relative_path: ../
2013-05-03 02:12:33 +02:00
---
2016-04-01 15:45:15 +02:00
{% capture jumbotron_h1 %}< i class = "fa fa-magic" aria-hidden = "true" > < / i > Examples{% endcapture %}
2018-02-06 05:05:35 +01:00
{% capture jumbotron_p %}Lots of easy ways to use {{ site.forkawesome.name }}{% endcapture %}
2013-05-03 02:12:33 +02:00
{% include jumbotron.html %}
{% include stripe-social.html %}
< div class = "container" >
2013-10-19 21:20:03 +02:00
< p class = "lead" >
2018-02-06 05:05:35 +01:00
After you < a href = "{{ page.relative_path }}get-started/" > get up and running< / a > , you can place {{ site.forkawesome.name }} icons just about
2013-10-19 21:20:03 +02:00
anywhere with the < code > < i> < / code > tag.
2013-10-23 04:03:40 +02:00
Some examples appreciatively re-used from the < a href = "{{ site.bootstrap.url }}" > Bootstrap documentation< / a > .
2013-10-19 21:20:03 +02:00
< / p >
2016-05-13 15:44:41 +02:00
< 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" >
2018-02-06 05:26:54 +01:00
< p class = "margin-bottom-none" > The following examples are kept simple. So please be sure to visit 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 accessible for all users< / a > .< / p >
2016-05-13 15:44:41 +02:00
< / div >
< / div >
2014-05-14 07:09:29 +02:00
{% include examples/basic.html %}
2013-10-23 01:05:37 +02:00
{% include examples/larger.html %}
2013-10-22 17:11:34 +02:00
{% include examples/fixed-width.html %}
2013-10-22 21:55:08 +02:00
{% include examples/list.html %}
2013-10-19 21:20:03 +02:00
{% include examples/bordered-pulled.html %}
2015-01-22 16:48:08 +01:00
{% include examples/animated.html %}
2013-10-19 21:20:03 +02:00
{% include examples/rotated-flipped.html %}
{% include examples/stacked.html %}
2013-10-21 02:03:57 +02:00
{% include examples/bootstrap.html %}
2013-10-19 21:20:03 +02:00
{% include examples/custom.html %}
2016-05-13 15:44:41 +02:00
{% include examples/accessible.html %}
2013-05-03 02:12:33 +02:00
< / div >