-body{padding-top:50px}#banner{border-bottom:0}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.affix{top:70px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{margin-bottom:0;clear:left}.splash{padding:6em 0 2em;color:#fff;text-align:center;background:-webkit-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-o-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-ms-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-moz-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:linear-gradient(20deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background-attachment:fixed;background-color:#1c2533}.splash .alert{margin:4em 0 2em}.splash h1{font-size:4em}.splash #social{margin-top:6em}.section-tout{padding:4em 0 3em;background-color:#eaf1f1;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}.section-tout [class^="icon-"]{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{padding:0 2em 2em;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media(max-width:767px){.section-preview .image img{width:100%}}.bsa .one .bsa_it_ad{background-color:transparent!important;border:none!important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit!important}.bsa .one .bsa_it_p{display:none}
+body{padding-top:50px}#banner{border-bottom:0}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.affix{top:70px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{margin-bottom:0;clear:left}.splash{padding:6em 0 2em;color:#fff;text-align:center;background:-webkit-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-o-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-ms-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-moz-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:linear-gradient(20deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background-attachment:fixed;background-color:#1c2533}.splash .alert{margin:4em 0 2em}.splash h1{font-size:4em}.splash #social{margin-top:6em}.section-tout{padding:4em 0 3em;background-color:#eaf1f1;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{padding:0 2em 2em;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media(max-width:767px){.section-preview .image img{width:100%}}.bsa .one .bsa_it_ad{background-color:transparent!important;border:none!important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit!important}.bsa .one .bsa_it_p{display:none}
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #eaf1f1;
- [class^="icon-"] {
+ .fa {
margin-right: 0.5em;
}
},
"dependencies": {
"bootstrap": "~3.0.2",
- "font-awesome": "~3.2.0"
+ "font-awesome": "~4.0.0"
},
"licenses": [
{
"commit": "3887f540b978d593f433bfef15888bc2d103de72"
},
"_source": "git://github.com/twbs/bootstrap.git",
- "_target": "~3.0.1",
+ "_target": "~3.0.2",
"_originalSource": "bootstrap"
}
\ No newline at end of file
{
"name": "font-awesome",
"homepage": "https://github.com/FortAwesome/Font-Awesome",
- "version": "3.2.1",
- "_release": "3.2.1",
+ "version": "4.0.3",
+ "_release": "4.0.3",
"_resolution": {
"type": "version",
- "tag": "v3.2.1",
- "commit": "8d6f493a347c6408f47b8526bf815fecdb0d827a"
+ "tag": "v4.0.3",
+ "commit": "dc23a94e16a8daa3cbb3c7fa34d63e2812637b8f"
},
"_source": "git://github.com/FortAwesome/Font-Awesome.git",
- "_target": "~3.2.0",
+ "_target": "~4.0.0",
"_originalSource": "font-awesome"
}
\ No newline at end of file
src/website/settingslocal.py
stunnel.log
+
+.ruby-version
+++ /dev/null
-1.9.3-p392
DEPENDENCIES
debugger
- jekyll (= 1.0)
+ jekyll (~> 1.0)
-#[Font Awesome v3.2.1](http://fontawesome.io)
+#[Font Awesome v4.0.3](http://fontawesome.io)
###the iconic font designed for Bootstrap
-Font Awesome is a full suite of 361 pictographic icons for easy scalable vector graphics on websites, created and
-maintained by [Dave Gandy](http://twitter.com/byscuits). Stay up to date [@fontawesome](http://twitter.com/fontawesome).
+Font Awesome is a full suite of 369 pictographic icons for easy scalable vector graphics on websites, created and
+maintained by [Dave Gandy](http://twitter.com/davegandy). Stay up to date [@fontawesome](http://twitter.com/fontawesome).
Get started at http://fontawesome.io!
- [v3.1.1 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=4&page=1&state=closed)
- [v3.2.0 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=3&page=1&state=closed)
- [v3.2.1 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=5&page=1&state=closed)
+- [v4.0.0 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=2&page=1&state=closed)
+- [v4.0.1 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=7&page=1&state=closed)
+- [v4.0.2 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=8&page=1&state=closed)
+- [v4.0.3 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=9&page=1&state=closed)
##Versioning
##Author
- Email: dave@fontawesome.io
-- Twitter: http://twitter.com/byscuits
+- Twitter: http://twitter.com/davegandy
- GitHub: https://github.com/davegandy
- Work: Lead Product Designer @ http://kyru.us
+##Component
+To include as a [component](http://github.com/component/component), just run
+
+ $ component install FortAwesome/Font-Awesome
+
+Or add
+
+ "FortAwesome/Font-Awesome": "*"
+
+to the `dependencies` in your `component.json`.
+
## Hacking on Font Awesome
From the root of the repository, install the tools used to develop.
permalink: pretty
# ensures SCSS files are compiled
-include: [_bootstrap.scss, _core.scss, _extras.scss, _icons.scss, _mixins.scss, _path.scss, _variables.scss]
+include: [_bordered-pulled.scss, _core.scss, _fixed-width.scss, _icons.scss, _larger.scss, _list.scss, _mixins.scss, _path.scss, _rotated-flipped.scss, _spinning.scss, _stacked.scss, _variables.scss]
# used in building icon pages
icon_meta: src/icons.yml
icon_destination: icon # Relative to destination
fontawesome:
- version: 3.2.1
- minor_version: 3.2
+ version: 4.0.3
+ minor_version: 4.0
url: http://fontawesome.io
legacy_url: http://fortawesome.github.com/Font-Awesome/
blog_url: http://blog.fontawesome.io
twitter: fontawesome
tagline: The iconic font designed for Bootstrap
+ css_prefix: fa
author:
name: Dave Gandy
email: dave@fontawesome.io
- twitter: byscuits
+ twitter: davegandy
work:
name: Kyruus
url: http://kyruus.com
url: http://creativecommons.org/licenses/by/3.0/
bootstrap:
- version: 2.3.2
+ version: 3.0.0
url: http://getbootstrap.com
+
+jquery:
+ version: 1.10.2
--- /dev/null
+{
+ "name": "Font-Awesome",
+ "repo": "FortAwesome/Font-Awesome",
+ "description": "Font Awesome",
+ "version": "4.0.3",
+ "keywords": [],
+ "dependencies": {},
+ "development": {},
+ "license": "SIL, MIT, CC BY 3.0",
+ "styles": [
+ "css/font-awesome.css"
+ ],
+ "fonts": [
+ "fonts/fontawesome-webfont.eot",
+ "fonts/fontawesome-webfont.svg",
+ "fonts/fontawesome-webfont.ttf",
+ "fonts/fontawesome-webfont.woff",
+ "fonts/FontAwesome.otf"
+ ]
+}
"name": "Dave Gandy",
"email": "dave@fontawesome.io",
"role": "Developer",
- "homepage": "http://twitter.com/byscuits"
+ "homepage": "http://twitter.com/davegandy"
}
],
"extra": {
"branch-alias": {
- "dev-master": "3.2.x-dev"
+ "dev-master": "4.0.x-dev"
}
},
"license": [
],
"require-dev": {
"jekyll": "1.0.2",
- "lessc": "1.3.3"
+ "lessc": "1.4.2"
}
}
/*!
- * Font Awesome 3.2.1
- * the iconic font designed for Bootstrap
- * ------------------------------------------------------------------------------
- * The full suite of pictographic icons, examples, and documentation can be
- * found at http://fontawesome.io. Stay up to date on Twitter at
- * http://twitter.com/fontawesome.
- *
- * License
- * ------------------------------------------------------------------------------
- * - The Font Awesome font is licensed under SIL OFL 1.1 -
- * http://scripts.sil.org/OFL
- * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
- * http://opensource.org/licenses/mit-license.html
- * - Font Awesome documentation licensed under CC BY 3.0 -
- * http://creativecommons.org/licenses/by/3.0/
- * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
- * "Font Awesome by Dave Gandy - http://fontawesome.io"
- *
- * Author - Dave Gandy
- * ------------------------------------------------------------------------------
- * Email: dave@fontawesome.io
- * Twitter: http://twitter.com/byscuits
- * Work: Lead Product Designer @ Kyruus - http://kyruus.com
+ * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
- src: url('../font/fontawesome-webfont.eot?v=3.2.1');
- src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
+ src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
+ src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
-/* FONT AWESOME CORE
- * -------------------------- */
-[class^="icon-"],
-[class*=" icon-"] {
+.fa {
+ display: inline-block;
font-family: FontAwesome;
- font-weight: normal;
font-style: normal;
- text-decoration: inherit;
+ font-weight: normal;
+ line-height: 1;
-webkit-font-smoothing: antialiased;
- *margin-right: .3em;
-}
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
- text-decoration: inherit;
- display: inline-block;
- speak: none;
+ -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
-.icon-large:before {
- vertical-align: -10%;
+.fa-lg {
font-size: 1.3333333333333333em;
+ line-height: 0.75em;
+ vertical-align: -15%;
}
-/* makes sure icons active on rollover in links */
-a [class^="icon-"],
-a [class*=" icon-"] {
- display: inline;
+.fa-2x {
+ font-size: 2em;
}
-/* increased font size for icon-large */
-[class^="icon-"].icon-fixed-width,
-[class*=" icon-"].icon-fixed-width {
- display: inline-block;
- width: 1.1428571428571428em;
- text-align: right;
- padding-right: 0.2857142857142857em;
+.fa-3x {
+ font-size: 3em;
}
-[class^="icon-"].icon-fixed-width.icon-large,
-[class*=" icon-"].icon-fixed-width.icon-large {
- width: 1.4285714285714286em;
+.fa-4x {
+ font-size: 4em;
+}
+.fa-5x {
+ font-size: 5em;
}
-.icons-ul {
+.fa-fw {
+ width: 1.2857142857142858em;
+ text-align: center;
+}
+.fa-ul {
+ padding-left: 0;
margin-left: 2.142857142857143em;
list-style-type: none;
}
-.icons-ul > li {
+.fa-ul > li {
position: relative;
}
-.icons-ul .icon-li {
+.fa-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
+ top: 0.14285714285714285em;
text-align: center;
- line-height: inherit;
}
-[class^="icon-"].hide,
-[class*=" icon-"].hide {
- display: none;
-}
-.icon-muted {
- color: #eeeeee;
-}
-.icon-light {
- color: #ffffff;
+.fa-li.fa-lg {
+ left: -1.8571428571428572em;
}
-.icon-dark {
- color: #333333;
-}
-.icon-border {
- border: solid 1px #eeeeee;
+.fa-border {
padding: .2em .25em .15em;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
-}
-.icon-2x {
- font-size: 2em;
-}
-.icon-2x.icon-border {
- border-width: 2px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
-}
-.icon-3x {
- font-size: 3em;
-}
-.icon-3x.icon-border {
- border-width: 3px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
-}
-.icon-4x {
- font-size: 4em;
-}
-.icon-4x.icon-border {
- border-width: 4px;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
-}
-.icon-5x {
- font-size: 5em;
-}
-.icon-5x.icon-border {
- border-width: 5px;
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
+ border: solid 0.08em #eeeeee;
+ border-radius: .1em;
}
.pull-right {
float: right;
.pull-left {
float: left;
}
-[class^="icon-"].pull-left,
-[class*=" icon-"].pull-left {
+.fa.pull-left {
margin-right: .3em;
}
-[class^="icon-"].pull-right,
-[class*=" icon-"].pull-right {
+.fa.pull-right {
margin-left: .3em;
}
-/* BOOTSTRAP SPECIFIC CLASSES
- * -------------------------- */
-/* Bootstrap 2.0 sprites.less reset */
-[class^="icon-"],
-[class*=" icon-"] {
- display: inline;
- width: auto;
- height: auto;
- line-height: normal;
- vertical-align: baseline;
- background-image: none;
- background-position: 0% 0%;
- background-repeat: repeat;
- margin-top: 0;
-}
-/* more sprites.less reset */
-.icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
- background-image: none;
-}
-/* keeps Bootstrap styles with and without icons the same */
-.btn [class^="icon-"].icon-large,
-.nav [class^="icon-"].icon-large,
-.btn [class*=" icon-"].icon-large,
-.nav [class*=" icon-"].icon-large {
- line-height: .9em;
-}
-.btn [class^="icon-"].icon-spin,
-.nav [class^="icon-"].icon-spin,
-.btn [class*=" icon-"].icon-spin,
-.nav [class*=" icon-"].icon-spin {
- display: inline-block;
-}
-.nav-tabs [class^="icon-"],
-.nav-pills [class^="icon-"],
-.nav-tabs [class*=" icon-"],
-.nav-pills [class*=" icon-"],
-.nav-tabs [class^="icon-"].icon-large,
-.nav-pills [class^="icon-"].icon-large,
-.nav-tabs [class*=" icon-"].icon-large,
-.nav-pills [class*=" icon-"].icon-large {
- line-height: .9em;
-}
-.btn [class^="icon-"].pull-left.icon-2x,
-.btn [class*=" icon-"].pull-left.icon-2x,
-.btn [class^="icon-"].pull-right.icon-2x,
-.btn [class*=" icon-"].pull-right.icon-2x {
- margin-top: .18em;
-}
-.btn [class^="icon-"].icon-spin.icon-large,
-.btn [class*=" icon-"].icon-spin.icon-large {
- line-height: .8em;
-}
-.btn.btn-small [class^="icon-"].pull-left.icon-2x,
-.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
-.btn.btn-small [class^="icon-"].pull-right.icon-2x,
-.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
- margin-top: .25em;
-}
-.btn.btn-large [class^="icon-"],
-.btn.btn-large [class*=" icon-"] {
- margin-top: 0;
-}
-.btn.btn-large [class^="icon-"].pull-left.icon-2x,
-.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
-.btn.btn-large [class^="icon-"].pull-right.icon-2x,
-.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
- margin-top: .05em;
-}
-.btn.btn-large [class^="icon-"].pull-left.icon-2x,
-.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
- margin-right: .2em;
-}
-.btn.btn-large [class^="icon-"].pull-right.icon-2x,
-.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
- margin-left: .2em;
-}
-/* Fixes alignment in nav lists */
-.nav-list [class^="icon-"],
-.nav-list [class*=" icon-"] {
- line-height: inherit;
-}
-/* EXTRAS
- * -------------------------- */
-/* Stacked and layered icon */
-.icon-stack {
- position: relative;
- display: inline-block;
- width: 2em;
- height: 2em;
- line-height: 2em;
- vertical-align: -35%;
-}
-.icon-stack [class^="icon-"],
-.icon-stack [class*=" icon-"] {
- display: block;
- text-align: center;
- position: absolute;
- width: 100%;
- height: 100%;
- font-size: 1em;
- line-height: inherit;
- *line-height: 2em;
-}
-.icon-stack .icon-stack-base {
- font-size: 2em;
- *line-height: 1em;
-}
-/* Animated rotating icon */
-.icon-spin {
- display: inline-block;
+.fa-spin {
+ -webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
- -webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
-/* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
- display: inline-block;
- text-decoration: none;
-}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
transform: rotate(359deg);
}
}
-/* Icon rotations and mirroring */
-.icon-rotate-90:before {
+.fa-rotate-90 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
-.icon-rotate-180:before {
+.fa-rotate-180 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
-.icon-rotate-270:before {
+.fa-rotate-270 {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
-.icon-flip-horizontal:before {
+.fa-flip-horizontal {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
-.icon-flip-vertical:before {
+.fa-flip-vertical {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
-/* ensure rotation occurs inside anchor tags */
-a .icon-rotate-90:before,
-a .icon-rotate-180:before,
-a .icon-rotate-270:before,
-a .icon-flip-horizontal:before,
-a .icon-flip-vertical:before {
+.fa-stack {
+ position: relative;
display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.fa-stack-1x,
+.fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.fa-stack-1x {
+ line-height: inherit;
+}
+.fa-stack-2x {
+ font-size: 2em;
+}
+.fa-inverse {
+ color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
-.icon-glass:before {
+.fa-glass:before {
content: "\f000";
}
-.icon-music:before {
+.fa-music:before {
content: "\f001";
}
-.icon-search:before {
+.fa-search:before {
content: "\f002";
}
-.icon-envelope-alt:before {
+.fa-envelope-o:before {
content: "\f003";
}
-.icon-heart:before {
+.fa-heart:before {
content: "\f004";
}
-.icon-star:before {
+.fa-star:before {
content: "\f005";
}
-.icon-star-empty:before {
+.fa-star-o:before {
content: "\f006";
}
-.icon-user:before {
+.fa-user:before {
content: "\f007";
}
-.icon-film:before {
+.fa-film:before {
content: "\f008";
}
-.icon-th-large:before {
+.fa-th-large:before {
content: "\f009";
}
-.icon-th:before {
+.fa-th:before {
content: "\f00a";
}
-.icon-th-list:before {
+.fa-th-list:before {
content: "\f00b";
}
-.icon-ok:before {
+.fa-check:before {
content: "\f00c";
}
-.icon-remove:before {
+.fa-times:before {
content: "\f00d";
}
-.icon-zoom-in:before {
+.fa-search-plus:before {
content: "\f00e";
}
-.icon-zoom-out:before {
+.fa-search-minus:before {
content: "\f010";
}
-.icon-power-off:before,
-.icon-off:before {
+.fa-power-off:before {
content: "\f011";
}
-.icon-signal:before {
+.fa-signal:before {
content: "\f012";
}
-.icon-gear:before,
-.icon-cog:before {
+.fa-gear:before,
+.fa-cog:before {
content: "\f013";
}
-.icon-trash:before {
+.fa-trash-o:before {
content: "\f014";
}
-.icon-home:before {
+.fa-home:before {
content: "\f015";
}
-.icon-file-alt:before {
+.fa-file-o:before {
content: "\f016";
}
-.icon-time:before {
+.fa-clock-o:before {
content: "\f017";
}
-.icon-road:before {
+.fa-road:before {
content: "\f018";
}
-.icon-download-alt:before {
+.fa-download:before {
content: "\f019";
}
-.icon-download:before {
+.fa-arrow-circle-o-down:before {
content: "\f01a";
}
-.icon-upload:before {
+.fa-arrow-circle-o-up:before {
content: "\f01b";
}
-.icon-inbox:before {
+.fa-inbox:before {
content: "\f01c";
}
-.icon-play-circle:before {
+.fa-play-circle-o:before {
content: "\f01d";
}
-.icon-rotate-right:before,
-.icon-repeat:before {
+.fa-rotate-right:before,
+.fa-repeat:before {
content: "\f01e";
}
-.icon-refresh:before {
+.fa-refresh:before {
content: "\f021";
}
-.icon-list-alt:before {
+.fa-list-alt:before {
content: "\f022";
}
-.icon-lock:before {
+.fa-lock:before {
content: "\f023";
}
-.icon-flag:before {
+.fa-flag:before {
content: "\f024";
}
-.icon-headphones:before {
+.fa-headphones:before {
content: "\f025";
}
-.icon-volume-off:before {
+.fa-volume-off:before {
content: "\f026";
}
-.icon-volume-down:before {
+.fa-volume-down:before {
content: "\f027";
}
-.icon-volume-up:before {
+.fa-volume-up:before {
content: "\f028";
}
-.icon-qrcode:before {
+.fa-qrcode:before {
content: "\f029";
}
-.icon-barcode:before {
+.fa-barcode:before {
content: "\f02a";
}
-.icon-tag:before {
+.fa-tag:before {
content: "\f02b";
}
-.icon-tags:before {
+.fa-tags:before {
content: "\f02c";
}
-.icon-book:before {
+.fa-book:before {
content: "\f02d";
}
-.icon-bookmark:before {
+.fa-bookmark:before {
content: "\f02e";
}
-.icon-print:before {
+.fa-print:before {
content: "\f02f";
}
-.icon-camera:before {
+.fa-camera:before {
content: "\f030";
}
-.icon-font:before {
+.fa-font:before {
content: "\f031";
}
-.icon-bold:before {
+.fa-bold:before {
content: "\f032";
}
-.icon-italic:before {
+.fa-italic:before {
content: "\f033";
}
-.icon-text-height:before {
+.fa-text-height:before {
content: "\f034";
}
-.icon-text-width:before {
+.fa-text-width:before {
content: "\f035";
}
-.icon-align-left:before {
+.fa-align-left:before {
content: "\f036";
}
-.icon-align-center:before {
+.fa-align-center:before {
content: "\f037";
}
-.icon-align-right:before {
+.fa-align-right:before {
content: "\f038";
}
-.icon-align-justify:before {
+.fa-align-justify:before {
content: "\f039";
}
-.icon-list:before {
+.fa-list:before {
content: "\f03a";
}
-.icon-indent-left:before {
+.fa-dedent:before,
+.fa-outdent:before {
content: "\f03b";
}
-.icon-indent-right:before {
+.fa-indent:before {
content: "\f03c";
}
-.icon-facetime-video:before {
+.fa-video-camera:before {
content: "\f03d";
}
-.icon-picture:before {
+.fa-picture-o:before {
content: "\f03e";
}
-.icon-pencil:before {
+.fa-pencil:before {
content: "\f040";
}
-.icon-map-marker:before {
+.fa-map-marker:before {
content: "\f041";
}
-.icon-adjust:before {
+.fa-adjust:before {
content: "\f042";
}
-.icon-tint:before {
+.fa-tint:before {
content: "\f043";
}
-.icon-edit:before {
+.fa-edit:before,
+.fa-pencil-square-o:before {
content: "\f044";
}
-.icon-share:before {
+.fa-share-square-o:before {
content: "\f045";
}
-.icon-check:before {
+.fa-check-square-o:before {
content: "\f046";
}
-.icon-move:before {
+.fa-arrows:before {
content: "\f047";
}
-.icon-step-backward:before {
+.fa-step-backward:before {
content: "\f048";
}
-.icon-fast-backward:before {
+.fa-fast-backward:before {
content: "\f049";
}
-.icon-backward:before {
+.fa-backward:before {
content: "\f04a";
}
-.icon-play:before {
+.fa-play:before {
content: "\f04b";
}
-.icon-pause:before {
+.fa-pause:before {
content: "\f04c";
}
-.icon-stop:before {
+.fa-stop:before {
content: "\f04d";
}
-.icon-forward:before {
+.fa-forward:before {
content: "\f04e";
}
-.icon-fast-forward:before {
+.fa-fast-forward:before {
content: "\f050";
}
-.icon-step-forward:before {
+.fa-step-forward:before {
content: "\f051";
}
-.icon-eject:before {
+.fa-eject:before {
content: "\f052";
}
-.icon-chevron-left:before {
+.fa-chevron-left:before {
content: "\f053";
}
-.icon-chevron-right:before {
+.fa-chevron-right:before {
content: "\f054";
}
-.icon-plus-sign:before {
+.fa-plus-circle:before {
content: "\f055";
}
-.icon-minus-sign:before {
+.fa-minus-circle:before {
content: "\f056";
}
-.icon-remove-sign:before {
+.fa-times-circle:before {
content: "\f057";
}
-.icon-ok-sign:before {
+.fa-check-circle:before {
content: "\f058";
}
-.icon-question-sign:before {
+.fa-question-circle:before {
content: "\f059";
}
-.icon-info-sign:before {
+.fa-info-circle:before {
content: "\f05a";
}
-.icon-screenshot:before {
+.fa-crosshairs:before {
content: "\f05b";
}
-.icon-remove-circle:before {
+.fa-times-circle-o:before {
content: "\f05c";
}
-.icon-ok-circle:before {
+.fa-check-circle-o:before {
content: "\f05d";
}
-.icon-ban-circle:before {
+.fa-ban:before {
content: "\f05e";
}
-.icon-arrow-left:before {
+.fa-arrow-left:before {
content: "\f060";
}
-.icon-arrow-right:before {
+.fa-arrow-right:before {
content: "\f061";
}
-.icon-arrow-up:before {
+.fa-arrow-up:before {
content: "\f062";
}
-.icon-arrow-down:before {
+.fa-arrow-down:before {
content: "\f063";
}
-.icon-mail-forward:before,
-.icon-share-alt:before {
+.fa-mail-forward:before,
+.fa-share:before {
content: "\f064";
}
-.icon-resize-full:before {
+.fa-expand:before {
content: "\f065";
}
-.icon-resize-small:before {
+.fa-compress:before {
content: "\f066";
}
-.icon-plus:before {
+.fa-plus:before {
content: "\f067";
}
-.icon-minus:before {
+.fa-minus:before {
content: "\f068";
}
-.icon-asterisk:before {
+.fa-asterisk:before {
content: "\f069";
}
-.icon-exclamation-sign:before {
+.fa-exclamation-circle:before {
content: "\f06a";
}
-.icon-gift:before {
+.fa-gift:before {
content: "\f06b";
}
-.icon-leaf:before {
+.fa-leaf:before {
content: "\f06c";
}
-.icon-fire:before {
+.fa-fire:before {
content: "\f06d";
}
-.icon-eye-open:before {
+.fa-eye:before {
content: "\f06e";
}
-.icon-eye-close:before {
+.fa-eye-slash:before {
content: "\f070";
}
-.icon-warning-sign:before {
+.fa-warning:before,
+.fa-exclamation-triangle:before {
content: "\f071";
}
-.icon-plane:before {
+.fa-plane:before {
content: "\f072";
}
-.icon-calendar:before {
+.fa-calendar:before {
content: "\f073";
}
-.icon-random:before {
+.fa-random:before {
content: "\f074";
}
-.icon-comment:before {
+.fa-comment:before {
content: "\f075";
}
-.icon-magnet:before {
+.fa-magnet:before {
content: "\f076";
}
-.icon-chevron-up:before {
+.fa-chevron-up:before {
content: "\f077";
}
-.icon-chevron-down:before {
+.fa-chevron-down:before {
content: "\f078";
}
-.icon-retweet:before {
+.fa-retweet:before {
content: "\f079";
}
-.icon-shopping-cart:before {
+.fa-shopping-cart:before {
content: "\f07a";
}
-.icon-folder-close:before {
+.fa-folder:before {
content: "\f07b";
}
-.icon-folder-open:before {
+.fa-folder-open:before {
content: "\f07c";
}
-.icon-resize-vertical:before {
+.fa-arrows-v:before {
content: "\f07d";
}
-.icon-resize-horizontal:before {
+.fa-arrows-h:before {
content: "\f07e";
}
-.icon-bar-chart:before {
+.fa-bar-chart-o:before {
content: "\f080";
}
-.icon-twitter-sign:before {
+.fa-twitter-square:before {
content: "\f081";
}
-.icon-facebook-sign:before {
+.fa-facebook-square:before {
content: "\f082";
}
-.icon-camera-retro:before {
+.fa-camera-retro:before {
content: "\f083";
}
-.icon-key:before {
+.fa-key:before {
content: "\f084";
}
-.icon-gears:before,
-.icon-cogs:before {
+.fa-gears:before,
+.fa-cogs:before {
content: "\f085";
}
-.icon-comments:before {
+.fa-comments:before {
content: "\f086";
}
-.icon-thumbs-up-alt:before {
+.fa-thumbs-o-up:before {
content: "\f087";
}
-.icon-thumbs-down-alt:before {
+.fa-thumbs-o-down:before {
content: "\f088";
}
-.icon-star-half:before {
+.fa-star-half:before {
content: "\f089";
}
-.icon-heart-empty:before {
+.fa-heart-o:before {
content: "\f08a";
}
-.icon-signout:before {
+.fa-sign-out:before {
content: "\f08b";
}
-.icon-linkedin-sign:before {
+.fa-linkedin-square:before {
content: "\f08c";
}
-.icon-pushpin:before {
+.fa-thumb-tack:before {
content: "\f08d";
}
-.icon-external-link:before {
+.fa-external-link:before {
content: "\f08e";
}
-.icon-signin:before {
+.fa-sign-in:before {
content: "\f090";
}
-.icon-trophy:before {
+.fa-trophy:before {
content: "\f091";
}
-.icon-github-sign:before {
+.fa-github-square:before {
content: "\f092";
}
-.icon-upload-alt:before {
+.fa-upload:before {
content: "\f093";
}
-.icon-lemon:before {
+.fa-lemon-o:before {
content: "\f094";
}
-.icon-phone:before {
+.fa-phone:before {
content: "\f095";
}
-.icon-unchecked:before,
-.icon-check-empty:before {
+.fa-square-o:before {
content: "\f096";
}
-.icon-bookmark-empty:before {
+.fa-bookmark-o:before {
content: "\f097";
}
-.icon-phone-sign:before {
+.fa-phone-square:before {
content: "\f098";
}
-.icon-twitter:before {
+.fa-twitter:before {
content: "\f099";
}
-.icon-facebook:before {
+.fa-facebook:before {
content: "\f09a";
}
-.icon-github:before {
+.fa-github:before {
content: "\f09b";
}
-.icon-unlock:before {
+.fa-unlock:before {
content: "\f09c";
}
-.icon-credit-card:before {
+.fa-credit-card:before {
content: "\f09d";
}
-.icon-rss:before {
+.fa-rss:before {
content: "\f09e";
}
-.icon-hdd:before {
+.fa-hdd-o:before {
content: "\f0a0";
}
-.icon-bullhorn:before {
+.fa-bullhorn:before {
content: "\f0a1";
}
-.icon-bell:before {
- content: "\f0a2";
+.fa-bell:before {
+ content: "\f0f3";
}
-.icon-certificate:before {
+.fa-certificate:before {
content: "\f0a3";
}
-.icon-hand-right:before {
+.fa-hand-o-right:before {
content: "\f0a4";
}
-.icon-hand-left:before {
+.fa-hand-o-left:before {
content: "\f0a5";
}
-.icon-hand-up:before {
+.fa-hand-o-up:before {
content: "\f0a6";
}
-.icon-hand-down:before {
+.fa-hand-o-down:before {
content: "\f0a7";
}
-.icon-circle-arrow-left:before {
+.fa-arrow-circle-left:before {
content: "\f0a8";
}
-.icon-circle-arrow-right:before {
+.fa-arrow-circle-right:before {
content: "\f0a9";
}
-.icon-circle-arrow-up:before {
+.fa-arrow-circle-up:before {
content: "\f0aa";
}
-.icon-circle-arrow-down:before {
+.fa-arrow-circle-down:before {
content: "\f0ab";
}
-.icon-globe:before {
+.fa-globe:before {
content: "\f0ac";
}
-.icon-wrench:before {
+.fa-wrench:before {
content: "\f0ad";
}
-.icon-tasks:before {
+.fa-tasks:before {
content: "\f0ae";
}
-.icon-filter:before {
+.fa-filter:before {
content: "\f0b0";
}
-.icon-briefcase:before {
+.fa-briefcase:before {
content: "\f0b1";
}
-.icon-fullscreen:before {
+.fa-arrows-alt:before {
content: "\f0b2";
}
-.icon-group:before {
+.fa-group:before,
+.fa-users:before {
content: "\f0c0";
}
-.icon-link:before {
+.fa-chain:before,
+.fa-link:before {
content: "\f0c1";
}
-.icon-cloud:before {
+.fa-cloud:before {
content: "\f0c2";
}
-.icon-beaker:before {
+.fa-flask:before {
content: "\f0c3";
}
-.icon-cut:before {
+.fa-cut:before,
+.fa-scissors:before {
content: "\f0c4";
}
-.icon-copy:before {
+.fa-copy:before,
+.fa-files-o:before {
content: "\f0c5";
}
-.icon-paperclip:before,
-.icon-paper-clip:before {
+.fa-paperclip:before {
content: "\f0c6";
}
-.icon-save:before {
+.fa-save:before,
+.fa-floppy-o:before {
content: "\f0c7";
}
-.icon-sign-blank:before {
+.fa-square:before {
content: "\f0c8";
}
-.icon-reorder:before {
+.fa-bars:before {
content: "\f0c9";
}
-.icon-list-ul:before {
+.fa-list-ul:before {
content: "\f0ca";
}
-.icon-list-ol:before {
+.fa-list-ol:before {
content: "\f0cb";
}
-.icon-strikethrough:before {
+.fa-strikethrough:before {
content: "\f0cc";
}
-.icon-underline:before {
+.fa-underline:before {
content: "\f0cd";
}
-.icon-table:before {
+.fa-table:before {
content: "\f0ce";
}
-.icon-magic:before {
+.fa-magic:before {
content: "\f0d0";
}
-.icon-truck:before {
+.fa-truck:before {
content: "\f0d1";
}
-.icon-pinterest:before {
+.fa-pinterest:before {
content: "\f0d2";
}
-.icon-pinterest-sign:before {
+.fa-pinterest-square:before {
content: "\f0d3";
}
-.icon-google-plus-sign:before {
+.fa-google-plus-square:before {
content: "\f0d4";
}
-.icon-google-plus:before {
+.fa-google-plus:before {
content: "\f0d5";
}
-.icon-money:before {
+.fa-money:before {
content: "\f0d6";
}
-.icon-caret-down:before {
+.fa-caret-down:before {
content: "\f0d7";
}
-.icon-caret-up:before {
+.fa-caret-up:before {
content: "\f0d8";
}
-.icon-caret-left:before {
+.fa-caret-left:before {
content: "\f0d9";
}
-.icon-caret-right:before {
+.fa-caret-right:before {
content: "\f0da";
}
-.icon-columns:before {
+.fa-columns:before {
content: "\f0db";
}
-.icon-sort:before {
+.fa-unsorted:before,
+.fa-sort:before {
content: "\f0dc";
}
-.icon-sort-down:before {
+.fa-sort-down:before,
+.fa-sort-asc:before {
content: "\f0dd";
}
-.icon-sort-up:before {
+.fa-sort-up:before,
+.fa-sort-desc:before {
content: "\f0de";
}
-.icon-envelope:before {
+.fa-envelope:before {
content: "\f0e0";
}
-.icon-linkedin:before {
+.fa-linkedin:before {
content: "\f0e1";
}
-.icon-rotate-left:before,
-.icon-undo:before {
+.fa-rotate-left:before,
+.fa-undo:before {
content: "\f0e2";
}
-.icon-legal:before {
+.fa-legal:before,
+.fa-gavel:before {
content: "\f0e3";
}
-.icon-dashboard:before {
+.fa-dashboard:before,
+.fa-tachometer:before {
content: "\f0e4";
}
-.icon-comment-alt:before {
+.fa-comment-o:before {
content: "\f0e5";
}
-.icon-comments-alt:before {
+.fa-comments-o:before {
content: "\f0e6";
}
-.icon-bolt:before {
+.fa-flash:before,
+.fa-bolt:before {
content: "\f0e7";
}
-.icon-sitemap:before {
+.fa-sitemap:before {
content: "\f0e8";
}
-.icon-umbrella:before {
+.fa-umbrella:before {
content: "\f0e9";
}
-.icon-paste:before {
+.fa-paste:before,
+.fa-clipboard:before {
content: "\f0ea";
}
-.icon-lightbulb:before {
+.fa-lightbulb-o:before {
content: "\f0eb";
}
-.icon-exchange:before {
+.fa-exchange:before {
content: "\f0ec";
}
-.icon-cloud-download:before {
+.fa-cloud-download:before {
content: "\f0ed";
}
-.icon-cloud-upload:before {
+.fa-cloud-upload:before {
content: "\f0ee";
}
-.icon-user-md:before {
+.fa-user-md:before {
content: "\f0f0";
}
-.icon-stethoscope:before {
+.fa-stethoscope:before {
content: "\f0f1";
}
-.icon-suitcase:before {
+.fa-suitcase:before {
content: "\f0f2";
}
-.icon-bell-alt:before {
- content: "\f0f3";
+.fa-bell-o:before {
+ content: "\f0a2";
}
-.icon-coffee:before {
+.fa-coffee:before {
content: "\f0f4";
}
-.icon-food:before {
+.fa-cutlery:before {
content: "\f0f5";
}
-.icon-file-text-alt:before {
+.fa-file-text-o:before {
content: "\f0f6";
}
-.icon-building:before {
+.fa-building-o:before {
content: "\f0f7";
}
-.icon-hospital:before {
+.fa-hospital-o:before {
content: "\f0f8";
}
-.icon-ambulance:before {
+.fa-ambulance:before {
content: "\f0f9";
}
-.icon-medkit:before {
+.fa-medkit:before {
content: "\f0fa";
}
-.icon-fighter-jet:before {
+.fa-fighter-jet:before {
content: "\f0fb";
}
-.icon-beer:before {
+.fa-beer:before {
content: "\f0fc";
}
-.icon-h-sign:before {
+.fa-h-square:before {
content: "\f0fd";
}
-.icon-plus-sign-alt:before {
+.fa-plus-square:before {
content: "\f0fe";
}
-.icon-double-angle-left:before {
+.fa-angle-double-left:before {
content: "\f100";
}
-.icon-double-angle-right:before {
+.fa-angle-double-right:before {
content: "\f101";
}
-.icon-double-angle-up:before {
+.fa-angle-double-up:before {
content: "\f102";
}
-.icon-double-angle-down:before {
+.fa-angle-double-down:before {
content: "\f103";
}
-.icon-angle-left:before {
+.fa-angle-left:before {
content: "\f104";
}
-.icon-angle-right:before {
+.fa-angle-right:before {
content: "\f105";
}
-.icon-angle-up:before {
+.fa-angle-up:before {
content: "\f106";
}
-.icon-angle-down:before {
+.fa-angle-down:before {
content: "\f107";
}
-.icon-desktop:before {
+.fa-desktop:before {
content: "\f108";
}
-.icon-laptop:before {
+.fa-laptop:before {
content: "\f109";
}
-.icon-tablet:before {
+.fa-tablet:before {
content: "\f10a";
}
-.icon-mobile-phone:before {
+.fa-mobile-phone:before,
+.fa-mobile:before {
content: "\f10b";
}
-.icon-circle-blank:before {
+.fa-circle-o:before {
content: "\f10c";
}
-.icon-quote-left:before {
+.fa-quote-left:before {
content: "\f10d";
}
-.icon-quote-right:before {
+.fa-quote-right:before {
content: "\f10e";
}
-.icon-spinner:before {
+.fa-spinner:before {
content: "\f110";
}
-.icon-circle:before {
+.fa-circle:before {
content: "\f111";
}
-.icon-mail-reply:before,
-.icon-reply:before {
+.fa-mail-reply:before,
+.fa-reply:before {
content: "\f112";
}
-.icon-github-alt:before {
+.fa-github-alt:before {
content: "\f113";
}
-.icon-folder-close-alt:before {
+.fa-folder-o:before {
content: "\f114";
}
-.icon-folder-open-alt:before {
+.fa-folder-open-o:before {
content: "\f115";
}
-.icon-expand-alt:before {
- content: "\f116";
-}
-.icon-collapse-alt:before {
- content: "\f117";
-}
-.icon-smile:before {
+.fa-smile-o:before {
content: "\f118";
}
-.icon-frown:before {
+.fa-frown-o:before {
content: "\f119";
}
-.icon-meh:before {
+.fa-meh-o:before {
content: "\f11a";
}
-.icon-gamepad:before {
+.fa-gamepad:before {
content: "\f11b";
}
-.icon-keyboard:before {
+.fa-keyboard-o:before {
content: "\f11c";
}
-.icon-flag-alt:before {
+.fa-flag-o:before {
content: "\f11d";
}
-.icon-flag-checkered:before {
+.fa-flag-checkered:before {
content: "\f11e";
}
-.icon-terminal:before {
+.fa-terminal:before {
content: "\f120";
}
-.icon-code:before {
+.fa-code:before {
content: "\f121";
}
-.icon-reply-all:before {
+.fa-reply-all:before {
content: "\f122";
}
-.icon-mail-reply-all:before {
+.fa-mail-reply-all:before {
content: "\f122";
}
-.icon-star-half-full:before,
-.icon-star-half-empty:before {
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
content: "\f123";
}
-.icon-location-arrow:before {
+.fa-location-arrow:before {
content: "\f124";
}
-.icon-crop:before {
+.fa-crop:before {
content: "\f125";
}
-.icon-code-fork:before {
+.fa-code-fork:before {
content: "\f126";
}
-.icon-unlink:before {
+.fa-unlink:before,
+.fa-chain-broken:before {
content: "\f127";
}
-.icon-question:before {
+.fa-question:before {
content: "\f128";
}
-.icon-info:before {
+.fa-info:before {
content: "\f129";
}
-.icon-exclamation:before {
+.fa-exclamation:before {
content: "\f12a";
}
-.icon-superscript:before {
+.fa-superscript:before {
content: "\f12b";
}
-.icon-subscript:before {
+.fa-subscript:before {
content: "\f12c";
}
-.icon-eraser:before {
+.fa-eraser:before {
content: "\f12d";
}
-.icon-puzzle-piece:before {
+.fa-puzzle-piece:before {
content: "\f12e";
}
-.icon-microphone:before {
+.fa-microphone:before {
content: "\f130";
}
-.icon-microphone-off:before {
+.fa-microphone-slash:before {
content: "\f131";
}
-.icon-shield:before {
+.fa-shield:before {
content: "\f132";
}
-.icon-calendar-empty:before {
+.fa-calendar-o:before {
content: "\f133";
}
-.icon-fire-extinguisher:before {
+.fa-fire-extinguisher:before {
content: "\f134";
}
-.icon-rocket:before {
+.fa-rocket:before {
content: "\f135";
}
-.icon-maxcdn:before {
+.fa-maxcdn:before {
content: "\f136";
}
-.icon-chevron-sign-left:before {
+.fa-chevron-circle-left:before {
content: "\f137";
}
-.icon-chevron-sign-right:before {
+.fa-chevron-circle-right:before {
content: "\f138";
}
-.icon-chevron-sign-up:before {
+.fa-chevron-circle-up:before {
content: "\f139";
}
-.icon-chevron-sign-down:before {
+.fa-chevron-circle-down:before {
content: "\f13a";
}
-.icon-html5:before {
+.fa-html5:before {
content: "\f13b";
}
-.icon-css3:before {
+.fa-css3:before {
content: "\f13c";
}
-.icon-anchor:before {
+.fa-anchor:before {
content: "\f13d";
}
-.icon-unlock-alt:before {
+.fa-unlock-alt:before {
content: "\f13e";
}
-.icon-bullseye:before {
+.fa-bullseye:before {
content: "\f140";
}
-.icon-ellipsis-horizontal:before {
+.fa-ellipsis-h:before {
content: "\f141";
}
-.icon-ellipsis-vertical:before {
+.fa-ellipsis-v:before {
content: "\f142";
}
-.icon-rss-sign:before {
+.fa-rss-square:before {
content: "\f143";
}
-.icon-play-sign:before {
+.fa-play-circle:before {
content: "\f144";
}
-.icon-ticket:before {
+.fa-ticket:before {
content: "\f145";
}
-.icon-minus-sign-alt:before {
+.fa-minus-square:before {
content: "\f146";
}
-.icon-check-minus:before {
+.fa-minus-square-o:before {
content: "\f147";
}
-.icon-level-up:before {
+.fa-level-up:before {
content: "\f148";
}
-.icon-level-down:before {
+.fa-level-down:before {
content: "\f149";
}
-.icon-check-sign:before {
+.fa-check-square:before {
content: "\f14a";
}
-.icon-edit-sign:before {
+.fa-pencil-square:before {
content: "\f14b";
}
-.icon-external-link-sign:before {
+.fa-external-link-square:before {
content: "\f14c";
}
-.icon-share-sign:before {
+.fa-share-square:before {
content: "\f14d";
}
-.icon-compass:before {
+.fa-compass:before {
content: "\f14e";
}
-.icon-collapse:before {
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
content: "\f150";
}
-.icon-collapse-top:before {
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
content: "\f151";
}
-.icon-expand:before {
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
content: "\f152";
}
-.icon-euro:before,
-.icon-eur:before {
+.fa-euro:before,
+.fa-eur:before {
content: "\f153";
}
-.icon-gbp:before {
+.fa-gbp:before {
content: "\f154";
}
-.icon-dollar:before,
-.icon-usd:before {
+.fa-dollar:before,
+.fa-usd:before {
content: "\f155";
}
-.icon-rupee:before,
-.icon-inr:before {
+.fa-rupee:before,
+.fa-inr:before {
content: "\f156";
}
-.icon-yen:before,
-.icon-jpy:before {
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
content: "\f157";
}
-.icon-renminbi:before,
-.icon-cny:before {
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
content: "\f158";
}
-.icon-won:before,
-.icon-krw:before {
+.fa-won:before,
+.fa-krw:before {
content: "\f159";
}
-.icon-bitcoin:before,
-.icon-btc:before {
+.fa-bitcoin:before,
+.fa-btc:before {
content: "\f15a";
}
-.icon-file:before {
+.fa-file:before {
content: "\f15b";
}
-.icon-file-text:before {
+.fa-file-text:before {
content: "\f15c";
}
-.icon-sort-by-alphabet:before {
+.fa-sort-alpha-asc:before {
content: "\f15d";
}
-.icon-sort-by-alphabet-alt:before {
+.fa-sort-alpha-desc:before {
content: "\f15e";
}
-.icon-sort-by-attributes:before {
+.fa-sort-amount-asc:before {
content: "\f160";
}
-.icon-sort-by-attributes-alt:before {
+.fa-sort-amount-desc:before {
content: "\f161";
}
-.icon-sort-by-order:before {
+.fa-sort-numeric-asc:before {
content: "\f162";
}
-.icon-sort-by-order-alt:before {
+.fa-sort-numeric-desc:before {
content: "\f163";
}
-.icon-thumbs-up:before {
+.fa-thumbs-up:before {
content: "\f164";
}
-.icon-thumbs-down:before {
+.fa-thumbs-down:before {
content: "\f165";
}
-.icon-youtube-sign:before {
+.fa-youtube-square:before {
content: "\f166";
}
-.icon-youtube:before {
+.fa-youtube:before {
content: "\f167";
}
-.icon-xing:before {
+.fa-xing:before {
content: "\f168";
}
-.icon-xing-sign:before {
+.fa-xing-square:before {
content: "\f169";
}
-.icon-youtube-play:before {
+.fa-youtube-play:before {
content: "\f16a";
}
-.icon-dropbox:before {
+.fa-dropbox:before {
content: "\f16b";
}
-.icon-stackexchange:before {
+.fa-stack-overflow:before {
content: "\f16c";
}
-.icon-instagram:before {
+.fa-instagram:before {
content: "\f16d";
}
-.icon-flickr:before {
+.fa-flickr:before {
content: "\f16e";
}
-.icon-adn:before {
+.fa-adn:before {
content: "\f170";
}
-.icon-bitbucket:before {
+.fa-bitbucket:before {
content: "\f171";
}
-.icon-bitbucket-sign:before {
+.fa-bitbucket-square:before {
content: "\f172";
}
-.icon-tumblr:before {
+.fa-tumblr:before {
content: "\f173";
}
-.icon-tumblr-sign:before {
+.fa-tumblr-square:before {
content: "\f174";
}
-.icon-long-arrow-down:before {
+.fa-long-arrow-down:before {
content: "\f175";
}
-.icon-long-arrow-up:before {
+.fa-long-arrow-up:before {
content: "\f176";
}
-.icon-long-arrow-left:before {
+.fa-long-arrow-left:before {
content: "\f177";
}
-.icon-long-arrow-right:before {
+.fa-long-arrow-right:before {
content: "\f178";
}
-.icon-apple:before {
+.fa-apple:before {
content: "\f179";
}
-.icon-windows:before {
+.fa-windows:before {
content: "\f17a";
}
-.icon-android:before {
+.fa-android:before {
content: "\f17b";
}
-.icon-linux:before {
+.fa-linux:before {
content: "\f17c";
}
-.icon-dribbble:before {
+.fa-dribbble:before {
content: "\f17d";
}
-.icon-skype:before {
+.fa-skype:before {
content: "\f17e";
}
-.icon-foursquare:before {
+.fa-foursquare:before {
content: "\f180";
}
-.icon-trello:before {
+.fa-trello:before {
content: "\f181";
}
-.icon-female:before {
+.fa-female:before {
content: "\f182";
}
-.icon-male:before {
+.fa-male:before {
content: "\f183";
}
-.icon-gittip:before {
+.fa-gittip:before {
content: "\f184";
}
-.icon-sun:before {
+.fa-sun-o:before {
content: "\f185";
}
-.icon-moon:before {
+.fa-moon-o:before {
content: "\f186";
}
-.icon-archive:before {
+.fa-archive:before {
content: "\f187";
}
-.icon-bug:before {
+.fa-bug:before {
content: "\f188";
}
-.icon-vk:before {
+.fa-vk:before {
content: "\f189";
}
-.icon-weibo:before {
+.fa-weibo:before {
content: "\f18a";
}
-.icon-renren:before {
+.fa-renren:before {
content: "\f18b";
}
+.fa-pagelines:before {
+ content: "\f18c";
+}
+.fa-stack-exchange:before {
+ content: "\f18d";
+}
+.fa-arrow-circle-o-right:before {
+ content: "\f18e";
+}
+.fa-arrow-circle-o-left:before {
+ content: "\f190";
+}
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+ content: "\f191";
+}
+.fa-dot-circle-o:before {
+ content: "\f192";
+}
+.fa-wheelchair:before {
+ content: "\f193";
+}
+.fa-vimeo-square:before {
+ content: "\f194";
+}
+.fa-turkish-lira:before,
+.fa-try:before {
+ content: "\f195";
+}
+.fa-plus-square-o:before {
+ content: "\f196";
+}
-@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
-[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
-.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
-a [class^="icon-"],a [class*=" icon-"]{display:inline;}
-[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
-.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
-.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
-[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
-.icon-muted{color:#eeeeee;}
-.icon-light{color:#ffffff;}
-.icon-dark{color:#333333;}
-.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
-.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
-.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
-.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
-.pull-right{float:right;}
-.pull-left{float:left;}
-[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
-[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
-[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
-.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
-.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
-.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
-.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
-.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
-.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
-.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
-.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
-.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
-.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
-.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
-.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
-.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
-.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
-a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
-@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
-.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
-.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
-.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
-.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
-a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
-.icon-glass:before{content:"\f000";}
-.icon-music:before{content:"\f001";}
-.icon-search:before{content:"\f002";}
-.icon-envelope-alt:before{content:"\f003";}
-.icon-heart:before{content:"\f004";}
-.icon-star:before{content:"\f005";}
-.icon-star-empty:before{content:"\f006";}
-.icon-user:before{content:"\f007";}
-.icon-film:before{content:"\f008";}
-.icon-th-large:before{content:"\f009";}
-.icon-th:before{content:"\f00a";}
-.icon-th-list:before{content:"\f00b";}
-.icon-ok:before{content:"\f00c";}
-.icon-remove:before{content:"\f00d";}
-.icon-zoom-in:before{content:"\f00e";}
-.icon-zoom-out:before{content:"\f010";}
-.icon-power-off:before,.icon-off:before{content:"\f011";}
-.icon-signal:before{content:"\f012";}
-.icon-gear:before,.icon-cog:before{content:"\f013";}
-.icon-trash:before{content:"\f014";}
-.icon-home:before{content:"\f015";}
-.icon-file-alt:before{content:"\f016";}
-.icon-time:before{content:"\f017";}
-.icon-road:before{content:"\f018";}
-.icon-download-alt:before{content:"\f019";}
-.icon-download:before{content:"\f01a";}
-.icon-upload:before{content:"\f01b";}
-.icon-inbox:before{content:"\f01c";}
-.icon-play-circle:before{content:"\f01d";}
-.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
-.icon-refresh:before{content:"\f021";}
-.icon-list-alt:before{content:"\f022";}
-.icon-lock:before{content:"\f023";}
-.icon-flag:before{content:"\f024";}
-.icon-headphones:before{content:"\f025";}
-.icon-volume-off:before{content:"\f026";}
-.icon-volume-down:before{content:"\f027";}
-.icon-volume-up:before{content:"\f028";}
-.icon-qrcode:before{content:"\f029";}
-.icon-barcode:before{content:"\f02a";}
-.icon-tag:before{content:"\f02b";}
-.icon-tags:before{content:"\f02c";}
-.icon-book:before{content:"\f02d";}
-.icon-bookmark:before{content:"\f02e";}
-.icon-print:before{content:"\f02f";}
-.icon-camera:before{content:"\f030";}
-.icon-font:before{content:"\f031";}
-.icon-bold:before{content:"\f032";}
-.icon-italic:before{content:"\f033";}
-.icon-text-height:before{content:"\f034";}
-.icon-text-width:before{content:"\f035";}
-.icon-align-left:before{content:"\f036";}
-.icon-align-center:before{content:"\f037";}
-.icon-align-right:before{content:"\f038";}
-.icon-align-justify:before{content:"\f039";}
-.icon-list:before{content:"\f03a";}
-.icon-indent-left:before{content:"\f03b";}
-.icon-indent-right:before{content:"\f03c";}
-.icon-facetime-video:before{content:"\f03d";}
-.icon-picture:before{content:"\f03e";}
-.icon-pencil:before{content:"\f040";}
-.icon-map-marker:before{content:"\f041";}
-.icon-adjust:before{content:"\f042";}
-.icon-tint:before{content:"\f043";}
-.icon-edit:before{content:"\f044";}
-.icon-share:before{content:"\f045";}
-.icon-check:before{content:"\f046";}
-.icon-move:before{content:"\f047";}
-.icon-step-backward:before{content:"\f048";}
-.icon-fast-backward:before{content:"\f049";}
-.icon-backward:before{content:"\f04a";}
-.icon-play:before{content:"\f04b";}
-.icon-pause:before{content:"\f04c";}
-.icon-stop:before{content:"\f04d";}
-.icon-forward:before{content:"\f04e";}
-.icon-fast-forward:before{content:"\f050";}
-.icon-step-forward:before{content:"\f051";}
-.icon-eject:before{content:"\f052";}
-.icon-chevron-left:before{content:"\f053";}
-.icon-chevron-right:before{content:"\f054";}
-.icon-plus-sign:before{content:"\f055";}
-.icon-minus-sign:before{content:"\f056";}
-.icon-remove-sign:before{content:"\f057";}
-.icon-ok-sign:before{content:"\f058";}
-.icon-question-sign:before{content:"\f059";}
-.icon-info-sign:before{content:"\f05a";}
-.icon-screenshot:before{content:"\f05b";}
-.icon-remove-circle:before{content:"\f05c";}
-.icon-ok-circle:before{content:"\f05d";}
-.icon-ban-circle:before{content:"\f05e";}
-.icon-arrow-left:before{content:"\f060";}
-.icon-arrow-right:before{content:"\f061";}
-.icon-arrow-up:before{content:"\f062";}
-.icon-arrow-down:before{content:"\f063";}
-.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
-.icon-resize-full:before{content:"\f065";}
-.icon-resize-small:before{content:"\f066";}
-.icon-plus:before{content:"\f067";}
-.icon-minus:before{content:"\f068";}
-.icon-asterisk:before{content:"\f069";}
-.icon-exclamation-sign:before{content:"\f06a";}
-.icon-gift:before{content:"\f06b";}
-.icon-leaf:before{content:"\f06c";}
-.icon-fire:before{content:"\f06d";}
-.icon-eye-open:before{content:"\f06e";}
-.icon-eye-close:before{content:"\f070";}
-.icon-warning-sign:before{content:"\f071";}
-.icon-plane:before{content:"\f072";}
-.icon-calendar:before{content:"\f073";}
-.icon-random:before{content:"\f074";}
-.icon-comment:before{content:"\f075";}
-.icon-magnet:before{content:"\f076";}
-.icon-chevron-up:before{content:"\f077";}
-.icon-chevron-down:before{content:"\f078";}
-.icon-retweet:before{content:"\f079";}
-.icon-shopping-cart:before{content:"\f07a";}
-.icon-folder-close:before{content:"\f07b";}
-.icon-folder-open:before{content:"\f07c";}
-.icon-resize-vertical:before{content:"\f07d";}
-.icon-resize-horizontal:before{content:"\f07e";}
-.icon-bar-chart:before{content:"\f080";}
-.icon-twitter-sign:before{content:"\f081";}
-.icon-facebook-sign:before{content:"\f082";}
-.icon-camera-retro:before{content:"\f083";}
-.icon-key:before{content:"\f084";}
-.icon-gears:before,.icon-cogs:before{content:"\f085";}
-.icon-comments:before{content:"\f086";}
-.icon-thumbs-up-alt:before{content:"\f087";}
-.icon-thumbs-down-alt:before{content:"\f088";}
-.icon-star-half:before{content:"\f089";}
-.icon-heart-empty:before{content:"\f08a";}
-.icon-signout:before{content:"\f08b";}
-.icon-linkedin-sign:before{content:"\f08c";}
-.icon-pushpin:before{content:"\f08d";}
-.icon-external-link:before{content:"\f08e";}
-.icon-signin:before{content:"\f090";}
-.icon-trophy:before{content:"\f091";}
-.icon-github-sign:before{content:"\f092";}
-.icon-upload-alt:before{content:"\f093";}
-.icon-lemon:before{content:"\f094";}
-.icon-phone:before{content:"\f095";}
-.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
-.icon-bookmark-empty:before{content:"\f097";}
-.icon-phone-sign:before{content:"\f098";}
-.icon-twitter:before{content:"\f099";}
-.icon-facebook:before{content:"\f09a";}
-.icon-github:before{content:"\f09b";}
-.icon-unlock:before{content:"\f09c";}
-.icon-credit-card:before{content:"\f09d";}
-.icon-rss:before{content:"\f09e";}
-.icon-hdd:before{content:"\f0a0";}
-.icon-bullhorn:before{content:"\f0a1";}
-.icon-bell:before{content:"\f0a2";}
-.icon-certificate:before{content:"\f0a3";}
-.icon-hand-right:before{content:"\f0a4";}
-.icon-hand-left:before{content:"\f0a5";}
-.icon-hand-up:before{content:"\f0a6";}
-.icon-hand-down:before{content:"\f0a7";}
-.icon-circle-arrow-left:before{content:"\f0a8";}
-.icon-circle-arrow-right:before{content:"\f0a9";}
-.icon-circle-arrow-up:before{content:"\f0aa";}
-.icon-circle-arrow-down:before{content:"\f0ab";}
-.icon-globe:before{content:"\f0ac";}
-.icon-wrench:before{content:"\f0ad";}
-.icon-tasks:before{content:"\f0ae";}
-.icon-filter:before{content:"\f0b0";}
-.icon-briefcase:before{content:"\f0b1";}
-.icon-fullscreen:before{content:"\f0b2";}
-.icon-group:before{content:"\f0c0";}
-.icon-link:before{content:"\f0c1";}
-.icon-cloud:before{content:"\f0c2";}
-.icon-beaker:before{content:"\f0c3";}
-.icon-cut:before{content:"\f0c4";}
-.icon-copy:before{content:"\f0c5";}
-.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
-.icon-save:before{content:"\f0c7";}
-.icon-sign-blank:before{content:"\f0c8";}
-.icon-reorder:before{content:"\f0c9";}
-.icon-list-ul:before{content:"\f0ca";}
-.icon-list-ol:before{content:"\f0cb";}
-.icon-strikethrough:before{content:"\f0cc";}
-.icon-underline:before{content:"\f0cd";}
-.icon-table:before{content:"\f0ce";}
-.icon-magic:before{content:"\f0d0";}
-.icon-truck:before{content:"\f0d1";}
-.icon-pinterest:before{content:"\f0d2";}
-.icon-pinterest-sign:before{content:"\f0d3";}
-.icon-google-plus-sign:before{content:"\f0d4";}
-.icon-google-plus:before{content:"\f0d5";}
-.icon-money:before{content:"\f0d6";}
-.icon-caret-down:before{content:"\f0d7";}
-.icon-caret-up:before{content:"\f0d8";}
-.icon-caret-left:before{content:"\f0d9";}
-.icon-caret-right:before{content:"\f0da";}
-.icon-columns:before{content:"\f0db";}
-.icon-sort:before{content:"\f0dc";}
-.icon-sort-down:before{content:"\f0dd";}
-.icon-sort-up:before{content:"\f0de";}
-.icon-envelope:before{content:"\f0e0";}
-.icon-linkedin:before{content:"\f0e1";}
-.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
-.icon-legal:before{content:"\f0e3";}
-.icon-dashboard:before{content:"\f0e4";}
-.icon-comment-alt:before{content:"\f0e5";}
-.icon-comments-alt:before{content:"\f0e6";}
-.icon-bolt:before{content:"\f0e7";}
-.icon-sitemap:before{content:"\f0e8";}
-.icon-umbrella:before{content:"\f0e9";}
-.icon-paste:before{content:"\f0ea";}
-.icon-lightbulb:before{content:"\f0eb";}
-.icon-exchange:before{content:"\f0ec";}
-.icon-cloud-download:before{content:"\f0ed";}
-.icon-cloud-upload:before{content:"\f0ee";}
-.icon-user-md:before{content:"\f0f0";}
-.icon-stethoscope:before{content:"\f0f1";}
-.icon-suitcase:before{content:"\f0f2";}
-.icon-bell-alt:before{content:"\f0f3";}
-.icon-coffee:before{content:"\f0f4";}
-.icon-food:before{content:"\f0f5";}
-.icon-file-text-alt:before{content:"\f0f6";}
-.icon-building:before{content:"\f0f7";}
-.icon-hospital:before{content:"\f0f8";}
-.icon-ambulance:before{content:"\f0f9";}
-.icon-medkit:before{content:"\f0fa";}
-.icon-fighter-jet:before{content:"\f0fb";}
-.icon-beer:before{content:"\f0fc";}
-.icon-h-sign:before{content:"\f0fd";}
-.icon-plus-sign-alt:before{content:"\f0fe";}
-.icon-double-angle-left:before{content:"\f100";}
-.icon-double-angle-right:before{content:"\f101";}
-.icon-double-angle-up:before{content:"\f102";}
-.icon-double-angle-down:before{content:"\f103";}
-.icon-angle-left:before{content:"\f104";}
-.icon-angle-right:before{content:"\f105";}
-.icon-angle-up:before{content:"\f106";}
-.icon-angle-down:before{content:"\f107";}
-.icon-desktop:before{content:"\f108";}
-.icon-laptop:before{content:"\f109";}
-.icon-tablet:before{content:"\f10a";}
-.icon-mobile-phone:before{content:"\f10b";}
-.icon-circle-blank:before{content:"\f10c";}
-.icon-quote-left:before{content:"\f10d";}
-.icon-quote-right:before{content:"\f10e";}
-.icon-spinner:before{content:"\f110";}
-.icon-circle:before{content:"\f111";}
-.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
-.icon-github-alt:before{content:"\f113";}
-.icon-folder-close-alt:before{content:"\f114";}
-.icon-folder-open-alt:before{content:"\f115";}
-.icon-expand-alt:before{content:"\f116";}
-.icon-collapse-alt:before{content:"\f117";}
-.icon-smile:before{content:"\f118";}
-.icon-frown:before{content:"\f119";}
-.icon-meh:before{content:"\f11a";}
-.icon-gamepad:before{content:"\f11b";}
-.icon-keyboard:before{content:"\f11c";}
-.icon-flag-alt:before{content:"\f11d";}
-.icon-flag-checkered:before{content:"\f11e";}
-.icon-terminal:before{content:"\f120";}
-.icon-code:before{content:"\f121";}
-.icon-reply-all:before{content:"\f122";}
-.icon-mail-reply-all:before{content:"\f122";}
-.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
-.icon-location-arrow:before{content:"\f124";}
-.icon-crop:before{content:"\f125";}
-.icon-code-fork:before{content:"\f126";}
-.icon-unlink:before{content:"\f127";}
-.icon-question:before{content:"\f128";}
-.icon-info:before{content:"\f129";}
-.icon-exclamation:before{content:"\f12a";}
-.icon-superscript:before{content:"\f12b";}
-.icon-subscript:before{content:"\f12c";}
-.icon-eraser:before{content:"\f12d";}
-.icon-puzzle-piece:before{content:"\f12e";}
-.icon-microphone:before{content:"\f130";}
-.icon-microphone-off:before{content:"\f131";}
-.icon-shield:before{content:"\f132";}
-.icon-calendar-empty:before{content:"\f133";}
-.icon-fire-extinguisher:before{content:"\f134";}
-.icon-rocket:before{content:"\f135";}
-.icon-maxcdn:before{content:"\f136";}
-.icon-chevron-sign-left:before{content:"\f137";}
-.icon-chevron-sign-right:before{content:"\f138";}
-.icon-chevron-sign-up:before{content:"\f139";}
-.icon-chevron-sign-down:before{content:"\f13a";}
-.icon-html5:before{content:"\f13b";}
-.icon-css3:before{content:"\f13c";}
-.icon-anchor:before{content:"\f13d";}
-.icon-unlock-alt:before{content:"\f13e";}
-.icon-bullseye:before{content:"\f140";}
-.icon-ellipsis-horizontal:before{content:"\f141";}
-.icon-ellipsis-vertical:before{content:"\f142";}
-.icon-rss-sign:before{content:"\f143";}
-.icon-play-sign:before{content:"\f144";}
-.icon-ticket:before{content:"\f145";}
-.icon-minus-sign-alt:before{content:"\f146";}
-.icon-check-minus:before{content:"\f147";}
-.icon-level-up:before{content:"\f148";}
-.icon-level-down:before{content:"\f149";}
-.icon-check-sign:before{content:"\f14a";}
-.icon-edit-sign:before{content:"\f14b";}
-.icon-external-link-sign:before{content:"\f14c";}
-.icon-share-sign:before{content:"\f14d";}
-.icon-compass:before{content:"\f14e";}
-.icon-collapse:before{content:"\f150";}
-.icon-collapse-top:before{content:"\f151";}
-.icon-expand:before{content:"\f152";}
-.icon-euro:before,.icon-eur:before{content:"\f153";}
-.icon-gbp:before{content:"\f154";}
-.icon-dollar:before,.icon-usd:before{content:"\f155";}
-.icon-rupee:before,.icon-inr:before{content:"\f156";}
-.icon-yen:before,.icon-jpy:before{content:"\f157";}
-.icon-renminbi:before,.icon-cny:before{content:"\f158";}
-.icon-won:before,.icon-krw:before{content:"\f159";}
-.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
-.icon-file:before{content:"\f15b";}
-.icon-file-text:before{content:"\f15c";}
-.icon-sort-by-alphabet:before{content:"\f15d";}
-.icon-sort-by-alphabet-alt:before{content:"\f15e";}
-.icon-sort-by-attributes:before{content:"\f160";}
-.icon-sort-by-attributes-alt:before{content:"\f161";}
-.icon-sort-by-order:before{content:"\f162";}
-.icon-sort-by-order-alt:before{content:"\f163";}
-.icon-thumbs-up:before{content:"\f164";}
-.icon-thumbs-down:before{content:"\f165";}
-.icon-youtube-sign:before{content:"\f166";}
-.icon-youtube:before{content:"\f167";}
-.icon-xing:before{content:"\f168";}
-.icon-xing-sign:before{content:"\f169";}
-.icon-youtube-play:before{content:"\f16a";}
-.icon-dropbox:before{content:"\f16b";}
-.icon-stackexchange:before{content:"\f16c";}
-.icon-instagram:before{content:"\f16d";}
-.icon-flickr:before{content:"\f16e";}
-.icon-adn:before{content:"\f170";}
-.icon-bitbucket:before{content:"\f171";}
-.icon-bitbucket-sign:before{content:"\f172";}
-.icon-tumblr:before{content:"\f173";}
-.icon-tumblr-sign:before{content:"\f174";}
-.icon-long-arrow-down:before{content:"\f175";}
-.icon-long-arrow-up:before{content:"\f176";}
-.icon-long-arrow-left:before{content:"\f177";}
-.icon-long-arrow-right:before{content:"\f178";}
-.icon-apple:before{content:"\f179";}
-.icon-windows:before{content:"\f17a";}
-.icon-android:before{content:"\f17b";}
-.icon-linux:before{content:"\f17c";}
-.icon-dribbble:before{content:"\f17d";}
-.icon-skype:before{content:"\f17e";}
-.icon-foursquare:before{content:"\f180";}
-.icon-trello:before{content:"\f181";}
-.icon-female:before{content:"\f182";}
-.icon-male:before{content:"\f183";}
-.icon-gittip:before{content:"\f184";}
-.icon-sun:before{content:"\f185";}
-.icon-moon:before{content:"\f186";}
-.icon-archive:before{content:"\f187";}
-.icon-bug:before{content:"\f188";}
-.icon-vk:before{content:"\f189";}
-.icon-weibo:before{content:"\f18a";}
-.icon-renren:before{content:"\f18b";}
+/*!
+ * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
\ No newline at end of file
<glyph unicode="" horiz-adv-x="1664" d="M640 320q0 -40 -12.5 -82t-43 -76t-72.5 -34t-72.5 34t-43 76t-12.5 82t12.5 82t43 76t72.5 34t72.5 -34t43 -76t12.5 -82zM1280 320q0 -40 -12.5 -82t-43 -76t-72.5 -34t-72.5 34t-43 76t-12.5 82t12.5 82t43 76t72.5 34t72.5 -34t43 -76t12.5 -82zM1440 320 q0 120 -69 204t-187 84q-41 0 -195 -21q-71 -11 -157 -11t-157 11q-152 21 -195 21q-118 0 -187 -84t-69 -204q0 -88 32 -153.5t81 -103t122 -60t140 -29.5t149 -7h168q82 0 149 7t140 29.5t122 60t81 103t32 153.5zM1664 496q0 -207 -61 -331q-38 -77 -105.5 -133t-141 -86 t-170 -47.5t-171.5 -22t-167 -4.5q-78 0 -142 3t-147.5 12.5t-152.5 30t-137 51.5t-121 81t-86 115q-62 123 -62 331q0 237 136 396q-27 82 -27 170q0 116 51 218q108 0 190 -39.5t189 -123.5q147 35 309 35q148 0 280 -32q105 82 187 121t189 39q51 -102 51 -218 q0 -87 -27 -168q136 -160 136 -398z" />
<glyph unicode="" horiz-adv-x="1664" d="M1536 224v704q0 40 -28 68t-68 28h-704q-40 0 -68 28t-28 68v64q0 40 -28 68t-68 28h-320q-40 0 -68 -28t-28 -68v-960q0 -40 28 -68t68 -28h1216q40 0 68 28t28 68zM1664 928v-704q0 -92 -66 -158t-158 -66h-1216q-92 0 -158 66t-66 158v960q0 92 66 158t158 66h320 q92 0 158 -66t66 -158v-32h672q92 0 158 -66t66 -158z" />
<glyph unicode="" horiz-adv-x="1920" d="M1781 605q0 35 -53 35h-1088q-40 0 -85.5 -21.5t-71.5 -52.5l-294 -363q-18 -24 -18 -40q0 -35 53 -35h1088q40 0 86 22t71 53l294 363q18 22 18 39zM640 768h768v160q0 40 -28 68t-68 28h-576q-40 0 -68 28t-28 68v64q0 40 -28 68t-68 28h-320q-40 0 -68 -28t-28 -68 v-853l256 315q44 53 116 87.5t140 34.5zM1909 605q0 -62 -46 -120l-295 -363q-43 -53 -116 -87.5t-140 -34.5h-1088q-92 0 -158 66t-66 158v960q0 92 66 158t158 66h320q92 0 158 -66t66 -158v-32h544q92 0 158 -66t66 -158v-160h192q54 0 99 -24.5t67 -70.5q15 -32 15 -68z " />
-<glyph unicode="" horiz-adv-x="1152" d="M896 608v-64q0 -14 -9 -23t-23 -9h-224v-224q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v224h-224q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h224v224q0 14 9 23t23 9h64q14 0 23 -9t9 -23v-224h224q14 0 23 -9t9 -23zM1024 224v704q0 40 -28 68t-68 28h-704q-40 0 -68 -28 t-28 -68v-704q0 -40 28 -68t68 -28h704q40 0 68 28t28 68zM1152 928v-704q0 -92 -65.5 -158t-158.5 -66h-704q-93 0 -158.5 66t-65.5 158v704q0 93 65.5 158.5t158.5 65.5h704q93 0 158.5 -65.5t65.5 -158.5z" />
-<glyph unicode="" horiz-adv-x="1152" d="M928 1152q93 0 158.5 -65.5t65.5 -158.5v-704q0 -92 -65.5 -158t-158.5 -66h-704q-93 0 -158.5 66t-65.5 158v704q0 93 65.5 158.5t158.5 65.5h704zM1024 224v704q0 40 -28 68t-68 28h-704q-40 0 -68 -28t-28 -68v-704q0 -40 28 -68t68 -28h704q40 0 68 28t28 68z M864 640q14 0 23 -9t9 -23v-64q0 -14 -9 -23t-23 -9h-576q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h576z" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
<glyph unicode="" d="M1134 461q-37 -121 -138 -195t-228 -74t-228 74t-138 195q-8 25 4 48.5t38 31.5q25 8 48.5 -4t31.5 -38q25 -80 92.5 -129.5t151.5 -49.5t151.5 49.5t92.5 129.5q8 26 32 38t49 4t37 -31.5t4 -48.5zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5 t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5 t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
<glyph unicode="" d="M1134 307q8 -25 -4 -48.5t-37 -31.5t-49 4t-32 38q-25 80 -92.5 129.5t-151.5 49.5t-151.5 -49.5t-92.5 -129.5q-8 -26 -31.5 -38t-48.5 -4q-26 8 -38 31.5t-4 48.5q37 121 138 195t228 74t228 -74t138 -195zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5 t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204 t-51 -248.5t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
<glyph unicode="" d="M1152 448q0 -26 -19 -45t-45 -19h-640q-26 0 -45 19t-19 45t19 45t45 19h640q26 0 45 -19t19 -45zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5 t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
<glyph unicode="" horiz-adv-x="1664" d="M128 -128h1408v1024h-1408v-1024zM512 1088v288q0 14 -9 23t-23 9h-64q-14 0 -23 -9t-9 -23v-288q0 -14 9 -23t23 -9h64q14 0 23 9t9 23zM1280 1088v288q0 14 -9 23t-23 9h-64q-14 0 -23 -9t-9 -23v-288q0 -14 9 -23t23 -9h64q14 0 23 9t9 23zM1664 1152v-1280 q0 -52 -38 -90t-90 -38h-1408q-52 0 -90 38t-38 90v1280q0 52 38 90t90 38h128v96q0 66 47 113t113 47h64q66 0 113 -47t47 -113v-96h384v96q0 66 47 113t113 47h64q66 0 113 -47t47 -113v-96h128q52 0 90 -38t38 -90z" />
<glyph unicode="" horiz-adv-x="1408" d="M512 1344q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1408 1376v-320q0 -16 -12 -25q-8 -7 -20 -7q-4 0 -7 1l-448 96q-11 2 -18 11t-7 20h-256v-102q111 -23 183.5 -111t72.5 -203v-800q0 -26 -19 -45t-45 -19h-512q-26 0 -45 19t-19 45v800 q0 106 62.5 190.5t161.5 114.5v111h-32q-59 0 -115 -23.5t-91.5 -53t-66 -66.5t-40.5 -53.5t-14 -24.5q-17 -35 -57 -35q-16 0 -29 7q-23 12 -31.5 37t3.5 49q5 10 14.5 26t37.5 53.5t60.5 70t85 67t108.5 52.5q-25 42 -25 86q0 66 47 113t113 47t113 -47t47 -113 q0 -33 -14 -64h302q0 11 7 20t18 11l448 96q3 1 7 1q12 0 20 -7q12 -9 12 -25z" />
<glyph unicode="" horiz-adv-x="1664" d="M1440 1088q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM1664 1376q0 -249 -75.5 -430.5t-253.5 -360.5q-81 -80 -195 -176l-20 -379q-2 -16 -16 -26l-384 -224q-7 -4 -16 -4q-12 0 -23 9l-64 64q-13 14 -8 32l85 276l-281 281l-276 -85q-3 -1 -9 -1 q-14 0 -23 9l-64 64q-17 19 -5 39l224 384q10 14 26 16l379 20q96 114 176 195q188 187 358 258t431 71q14 0 24 -9.5t10 -22.5z" />
-<glyph unicode="" horiz-adv-x="1792" d="M1708 881l-188 -881h-304l181 849q4 21 1 43q-4 20 -16 35q-10 14 -28 24q-18 9 -40 9h-197l-205 -960h-303l204 960h-304l-205 -960h-304l272 1280h1139q157 0 245 -118q86 -116 52 -281z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1745 763l-164 -763h-334l178 832q13 56 -15 88q-27 33 -83 33h-169l-204 -953h-334l204 953h-286l-204 -953h-334l204 953l-153 327h1276q101 0 189.5 -40.5t147.5 -113.5q60 -73 81 -168.5t0 -194.5z" />
<glyph unicode="" d="M909 141l102 102q19 19 19 45t-19 45l-307 307l307 307q19 19 19 45t-19 45l-102 102q-19 19 -45 19t-45 -19l-454 -454q-19 -19 -19 -45t19 -45l454 -454q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
<glyph unicode="" d="M717 141l454 454q19 19 19 45t-19 45l-454 454q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l307 -307l-307 -307q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
<glyph unicode="" d="M1165 397l102 102q19 19 19 45t-19 45l-454 454q-19 19 -45 19t-45 -19l-454 -454q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19l307 307l307 -307q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
<glyph unicode="" horiz-adv-x="1024" d="M978 351q0 -153 -99.5 -263.5t-258.5 -136.5v-175q0 -14 -9 -23t-23 -9h-135q-13 0 -22.5 9.5t-9.5 22.5v175q-66 9 -127.5 31t-101.5 44.5t-74 48t-46.5 37.5t-17.5 18q-17 21 -2 41l103 135q7 10 23 12q15 2 24 -9l2 -2q113 -99 243 -125q37 -8 74 -8q81 0 142.5 43 t61.5 122q0 28 -15 53t-33.5 42t-58.5 37.5t-66 32t-80 32.5q-39 16 -61.5 25t-61.5 26.5t-62.5 31t-56.5 35.5t-53.5 42.5t-43.5 49t-35.5 58t-21 66.5t-8.5 78q0 138 98 242t255 134v180q0 13 9.5 22.5t22.5 9.5h135q14 0 23 -9t9 -23v-176q57 -6 110.5 -23t87 -33.5 t63.5 -37.5t39 -29t15 -14q17 -18 5 -38l-81 -146q-8 -15 -23 -16q-14 -3 -27 7q-3 3 -14.5 12t-39 26.5t-58.5 32t-74.5 26t-85.5 11.5q-95 0 -155 -43t-60 -111q0 -26 8.5 -48t29.5 -41.5t39.5 -33t56 -31t60.5 -27t70 -27.5q53 -20 81 -31.5t76 -35t75.5 -42.5t62 -50 t53 -63.5t31.5 -76.5t13 -94z" />
<glyph unicode="" horiz-adv-x="898" d="M898 1066v-102q0 -14 -9 -23t-23 -9h-168q-23 -144 -129 -234t-276 -110q167 -178 459 -536q14 -16 4 -34q-8 -18 -29 -18h-195q-16 0 -25 12q-306 367 -498 571q-9 9 -9 22v127q0 13 9.5 22.5t22.5 9.5h112q132 0 212.5 43t102.5 125h-427q-14 0 -23 9t-9 23v102 q0 14 9 23t23 9h413q-57 113 -268 113h-145q-13 0 -22.5 9.5t-9.5 22.5v133q0 14 9 23t23 9h832q14 0 23 -9t9 -23v-102q0 -14 -9 -23t-23 -9h-233q47 -61 64 -144h171q14 0 23 -9t9 -23z" />
<glyph unicode="" horiz-adv-x="1027" d="M603 0h-172q-13 0 -22.5 9t-9.5 23v330h-288q-13 0 -22.5 9t-9.5 23v103q0 13 9.5 22.5t22.5 9.5h288v85h-288q-13 0 -22.5 9t-9.5 23v104q0 13 9.5 22.5t22.5 9.5h214l-321 578q-8 16 0 32q10 16 28 16h194q19 0 29 -18l215 -425q19 -38 56 -125q10 24 30.5 68t27.5 61 l191 420q8 19 29 19h191q17 0 27 -16q9 -14 1 -31l-313 -579h215q13 0 22.5 -9.5t9.5 -22.5v-104q0 -14 -9.5 -23t-22.5 -9h-290v-85h290q13 0 22.5 -9.5t9.5 -22.5v-103q0 -14 -9.5 -23t-22.5 -9h-290v-330q0 -13 -9.5 -22.5t-22.5 -9.5z" />
-<glyph unicode="" horiz-adv-x="1664" d="M1664 352v-32q0 -132 -94 -226t-226 -94h-128q-132 0 -226 94t-94 226v480h-224q-2 -102 -14.5 -190.5t-30.5 -156t-48.5 -126.5t-57 -99.5t-67.5 -77.5t-69.5 -58.5t-74 -44t-69 -32t-65.5 -25.5q-4 -2 -32 -13q-8 -2 -12 -2q-22 0 -30 20l-71 178q-5 13 0 25t17 17 q7 3 20 7.5t18 6.5q31 12 46.5 18.5t44.5 20t45.5 26t42 32.5t40.5 42.5t34.5 53.5t30.5 68.5t22.5 83.5t17 103t6.5 123h-256q-14 0 -23 9t-9 23v160q0 14 9 23t23 9h1216q14 0 23 -9t9 -23v-160q0 -14 -9 -23t-23 -9h-224v-512q0 -26 19 -45t45 -19h128q26 0 45 19t19 45 v64q0 14 9 23t23 9h192q14 0 23 -9t9 -23zM1280 1376v-160q0 -14 -9 -23t-23 -9h-960q-14 0 -23 9t-9 23v160q0 14 9 23t23 9h960q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1043 971q0 100 -65 162t-171 62h-320v-448h320q106 0 171 62t65 162zM1280 971q0 -193 -126.5 -315t-326.5 -122h-340v-118h505q14 0 23 -9t9 -23v-128q0 -14 -9 -23t-23 -9h-505v-192q0 -14 -9.5 -23t-22.5 -9h-167q-14 0 -23 9t-9 23v192h-224q-14 0 -23 9t-9 23v128 q0 14 9 23t23 9h224v118h-224q-14 0 -23 9t-9 23v149q0 13 9 22.5t23 9.5h224v629q0 14 9 23t23 9h539q200 0 326.5 -122t126.5 -315z" />
<glyph unicode="" horiz-adv-x="1792" d="M514 341l81 299h-159l75 -300q1 -1 1 -3t1 -3q0 1 0.5 3.5t0.5 3.5zM630 768l35 128h-292l32 -128h225zM822 768h139l-35 128h-70zM1271 340l78 300h-162l81 -299q0 -1 0.5 -3.5t1.5 -3.5q0 1 0.5 3t0.5 3zM1382 768l33 128h-297l34 -128h230zM1792 736v-64q0 -14 -9 -23 t-23 -9h-213l-164 -616q-7 -24 -31 -24h-159q-24 0 -31 24l-166 616h-209l-167 -616q-7 -24 -31 -24h-159q-11 0 -19.5 7t-10.5 17l-160 616h-208q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h175l-33 128h-142q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h109l-89 344q-5 15 5 28 q10 12 26 12h137q26 0 31 -24l90 -360h359l97 360q7 24 31 24h126q24 0 31 -24l98 -360h365l93 360q5 24 31 24h137q16 0 26 -12q10 -13 5 -28l-91 -344h111q14 0 23 -9t9 -23v-64q0 -14 -9 -23t-23 -9h-145l-34 -128h179q14 0 23 -9t9 -23z" />
<glyph unicode="" horiz-adv-x="1280" d="M1167 896q18 -182 -131 -258q117 -28 175 -103t45 -214q-7 -71 -32.5 -125t-64.5 -89t-97 -58.5t-121.5 -34.5t-145.5 -15v-255h-154v251q-80 0 -122 1v-252h-154v255q-18 0 -54 0.5t-55 0.5h-200l31 183h111q50 0 58 51v402h16q-6 1 -16 1v287q-13 68 -89 68h-111v164 l212 -1q64 0 97 1v252h154v-247q82 2 122 2v245h154v-252q79 -7 140 -22.5t113 -45t82.5 -78t36.5 -114.5zM952 351q0 36 -15 64t-37 46t-57.5 30.5t-65.5 18.5t-74 9t-69 3t-64.5 -1t-47.5 -1v-338q8 0 37 -0.5t48 -0.5t53 1.5t58.5 4t57 8.5t55.5 14t47.5 21t39.5 30 t24.5 40t9.5 51zM881 827q0 33 -12.5 58.5t-30.5 42t-48 28t-55 16.5t-61.5 8t-58 2.5t-54 -1t-39.5 -0.5v-307q5 0 34.5 -0.5t46.5 0t50 2t55 5.5t51.5 11t48.5 18.5t37 27t27 38.5t9 51z" />
<glyph unicode="" horiz-adv-x="1280" d="M1280 768v-800q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28t-28 68v1344q0 40 28 68t68 28h544v-544q0 -40 28 -68t68 -28h544zM1277 896h-509v509q82 -15 132 -65l312 -312q50 -50 65 -132z" />
<glyph unicode="" horiz-adv-x="1664" d="M1632 576q0 -26 -19 -45t-45 -19h-224q0 -171 -67 -290l208 -209q19 -19 19 -45t-19 -45q-18 -19 -45 -19t-45 19l-198 197q-5 -5 -15 -13t-42 -28.5t-65 -36.5t-82 -29t-97 -13v896h-128v-896q-51 0 -101.5 13.5t-87 33t-66 39t-43.5 32.5l-15 14l-183 -207 q-20 -21 -48 -21q-24 0 -43 16q-19 18 -20.5 44.5t15.5 46.5l202 227q-58 114 -58 274h-224q-26 0 -45 19t-19 45t19 45t45 19h224v294l-173 173q-19 19 -19 45t19 45t45 19t45 -19l173 -173h844l173 173q19 19 45 19t45 -19t19 -45t-19 -45l-173 -173v-294h224q26 0 45 -19 t19 -45zM1152 1152h-640q0 133 93.5 226.5t226.5 93.5t226.5 -93.5t93.5 -226.5z" />
<glyph unicode="" horiz-adv-x="1920" d="M1917 1016q23 -64 -150 -294q-24 -32 -65 -85q-78 -100 -90 -131q-17 -41 14 -81q17 -21 81 -82h1l1 -1l1 -1l2 -2q141 -131 191 -221q3 -5 6.5 -12.5t7 -26.5t-0.5 -34t-25 -27.5t-59 -12.5l-256 -4q-24 -5 -56 5t-52 22l-20 12q-30 21 -70 64t-68.5 77.5t-61 58 t-56.5 15.5q-3 -1 -8 -3.5t-17 -14.5t-21.5 -29.5t-17 -52t-6.5 -77.5q0 -15 -3.5 -27.5t-7.5 -18.5l-4 -5q-18 -19 -53 -22h-115q-71 -4 -146 16.5t-131.5 53t-103 66t-70.5 57.5l-25 24q-10 10 -27.5 30t-71.5 91t-106 151t-122.5 211t-130.5 272q-6 16 -6 27t3 16l4 6 q15 19 57 19l274 2q12 -2 23 -6.5t16 -8.5l5 -3q16 -11 24 -32q20 -50 46 -103.5t41 -81.5l16 -29q29 -60 56 -104t48.5 -68.5t41.5 -38.5t34 -14t27 5q2 1 5 5t12 22t13.5 47t9.5 81t0 125q-2 40 -9 73t-14 46l-6 12q-25 34 -85 43q-13 2 5 24q17 19 38 30q53 26 239 24 q82 -1 135 -13q20 -5 33.5 -13.5t20.5 -24t10.5 -32t3.5 -45.5t-1 -55t-2.5 -70.5t-1.5 -82.5q0 -11 -1 -42t-0.5 -48t3.5 -40.5t11.5 -39t22.5 -24.5q8 -2 17 -4t26 11t38 34.5t52 67t68 107.5q60 104 107 225q4 10 10 17.5t11 10.5l4 3l5 2.5t13 3t20 0.5l288 2 q39 5 64 -2.5t31 -16.5z" />
<glyph unicode="" horiz-adv-x="1792" d="M675 252q21 34 11 69t-45 50q-34 14 -73 1t-60 -46q-22 -34 -13 -68.5t43 -50.5t74.5 -2.5t62.5 47.5zM769 373q8 13 3.5 26.5t-17.5 18.5q-14 5 -28.5 -0.5t-21.5 -18.5q-17 -31 13 -45q14 -5 29 0.5t22 18.5zM943 266q-45 -102 -158 -150t-224 -12 q-107 34 -147.5 126.5t6.5 187.5q47 93 151.5 139t210.5 19q111 -29 158.5 -119.5t2.5 -190.5zM1255 426q-9 96 -89 170t-208.5 109t-274.5 21q-223 -23 -369.5 -141.5t-132.5 -264.5q9 -96 89 -170t208.5 -109t274.5 -21q223 23 369.5 141.5t132.5 264.5zM1563 422 q0 -68 -37 -139.5t-109 -137t-168.5 -117.5t-226 -83t-270.5 -31t-275 33.5t-240.5 93t-171.5 151t-65 199.5q0 115 69.5 245t197.5 258q169 169 341.5 236t246.5 -7q65 -64 20 -209q-4 -14 -1 -20t10 -7t14.5 0.5t13.5 3.5l6 2q139 59 246 59t153 -61q45 -63 0 -178 q-2 -13 -4.5 -20t4.5 -12.5t12 -7.5t17 -6q57 -18 103 -47t80 -81.5t34 -116.5zM1489 1046q42 -47 54.5 -108.5t-6.5 -117.5q-8 -23 -29.5 -34t-44.5 -4q-23 8 -34 29.5t-4 44.5q20 63 -24 111t-107 35q-24 -5 -45 8t-25 37q-5 24 8 44.5t37 25.5q60 13 119 -5.5t101 -65.5z M1670 1209q87 -96 112.5 -222.5t-13.5 -241.5q-9 -27 -34 -40t-52 -4t-40 34t-5 52q28 82 10 172t-80 158q-62 69 -148 95.5t-173 8.5q-28 -6 -52 9.5t-30 43.5t9.5 51.5t43.5 29.5q123 26 244 -11.5t208 -134.5z" />
-<glyph unicode="" horiz-adv-x="1920" d="M805 163q-122 -67 -261 -67q-141 0 -261 67q98 61 167 149t94 191q25 -103 94 -191t167 -149zM453 1176v-344q0 -179 -89.5 -326t-234.5 -217q-129 152 -129 351q0 200 129.5 352t323.5 184zM958 991q-128 -152 -128 -351q0 -201 128 -351q-145 70 -234.5 218t-89.5 328 v341q196 -33 324 -185zM1638 163q-122 -67 -261 -67q-141 0 -261 67q98 61 167 149t94 191q25 -103 94 -191t167 -149zM1286 1176v-344q0 -179 -91 -326t-237 -217v0q133 154 133 351q0 195 -133 351q129 151 328 185zM1920 640q0 -201 -129 -351q-145 70 -234.5 218 t-89.5 328v341q194 -32 323.5 -184t129.5 -352z" />
-<glyph unicode="" horiz-adv-x="1792" />
-<glyph unicode="" horiz-adv-x="1792" />
-<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" d="M1133 -34q-171 -94 -368 -94q-196 0 -367 94q138 87 235.5 211t131.5 268q35 -144 132.5 -268t235.5 -211zM638 1394v-485q0 -252 -126.5 -459.5t-330.5 -306.5q-181 215 -181 495q0 187 83.5 349.5t229.5 269.5t325 137zM1536 638q0 -280 -181 -495 q-204 99 -330.5 306.5t-126.5 459.5v485q179 -30 325 -137t229.5 -269.5t83.5 -349.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1402 433q-32 -80 -76 -138t-91 -88.5t-99 -46.5t-101.5 -14.5t-96.5 8.5t-86.5 22t-69.5 27.5t-46 22.5l-17 10q-113 -228 -289.5 -359.5t-384.5 -132.5q-19 0 -32 13t-13 32t13 31.5t32 12.5q173 1 322.5 107.5t251.5 294.5q-36 -14 -72 -23t-83 -13t-91 2.5t-93 28.5 t-92 59t-84.5 100t-74.5 146q114 47 214 57t167.5 -7.5t124.5 -56.5t88.5 -77t56.5 -82q53 131 79 291q-7 -1 -18 -2.5t-46.5 -2.5t-69.5 0.5t-81.5 10t-88.5 23t-84 42.5t-75 65t-54.5 94.5t-28.5 127.5q70 28 133.5 36.5t112.5 -1t92 -30t73.5 -50t56 -61t42 -63t27.5 -56 t16 -39.5l4 -16q12 122 12 195q-8 6 -21.5 16t-49 44.5t-63.5 71.5t-54 93t-33 112.5t12 127t70 138.5q73 -25 127.5 -61.5t84.5 -76.5t48 -85t20.5 -89t-0.5 -85.5t-13 -76.5t-19 -62t-17 -42l-7 -15q1 -5 1 -50.5t-1 -71.5q3 7 10 18.5t30.5 43t50.5 58t71 55.5t91.5 44.5 t112 14.5t132.5 -24q-2 -78 -21.5 -141.5t-50 -104.5t-69.5 -71.5t-81.5 -45.5t-84.5 -24t-80 -9.5t-67.5 1t-46.5 4.5l-17 3q-23 -147 -73 -283q6 7 18 18.5t49.5 41t77.5 52.5t99.5 42t117.5 20t129 -23.5t137 -77.5z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1259 283v-66q0 -85 -57.5 -144.5t-138.5 -59.5h-57l-260 -269v269h-529q-81 0 -138.5 59.5t-57.5 144.5v66h1238zM1259 609v-255h-1238v255h1238zM1259 937v-255h-1238v255h1238zM1259 1077v-67h-1238v67q0 84 57.5 143.5t138.5 59.5h846q81 0 138.5 -59.5t57.5 -143.5z " />
+<glyph unicode="" d="M1152 640q0 -14 -9 -23l-320 -320q-9 -9 -23 -9q-13 0 -22.5 9.5t-9.5 22.5v192h-352q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h352v192q0 14 9 23t23 9q12 0 24 -10l319 -319q9 -9 9 -23zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198 t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1152 736v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-352v-192q0 -14 -9 -23t-23 -9q-12 0 -24 10l-319 319q-9 9 -9 23t9 23l320 320q9 9 23 9q13 0 22.5 -9.5t9.5 -22.5v-192h352q13 0 22.5 -9.5t9.5 -22.5zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198 t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1024 960v-640q0 -26 -19 -45t-45 -19q-20 0 -37 12l-448 320q-27 19 -27 52t27 52l448 320q17 12 37 12q26 0 45 -19t19 -45zM1280 160v960q0 13 -9.5 22.5t-22.5 9.5h-960q-13 0 -22.5 -9.5t-9.5 -22.5v-960q0 -13 9.5 -22.5t22.5 -9.5h960q13 0 22.5 9.5t9.5 22.5z M1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1024 640q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75t75 -181zM768 1184q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273t-73 273t-198 198t-273 73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5 t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1023 349l102 -204q-58 -179 -210 -290t-339 -111q-156 0 -288.5 77.5t-210 210t-77.5 288.5q0 181 104.5 330t274.5 211l17 -131q-122 -54 -195 -165.5t-73 -244.5q0 -185 131.5 -316.5t316.5 -131.5q126 0 232.5 65t165 175.5t49.5 236.5zM1571 249l58 -114l-256 -128 q-13 -7 -29 -7q-40 0 -57 35l-239 477h-472q-24 0 -42.5 16.5t-21.5 40.5l-96 779q-2 16 6 42q14 51 57 82.5t97 31.5q66 0 113 -47t47 -113q0 -69 -52 -117.5t-120 -41.5l37 -289h423v-128h-407l16 -128h455q40 0 57 -35l228 -455z" />
+<glyph unicode="" d="M1254 899q16 85 -21 132q-52 65 -187 45q-17 -3 -41 -12.5t-57.5 -30.5t-64.5 -48.5t-59.5 -70t-44.5 -91.5q80 7 113.5 -16t26.5 -99q-5 -52 -52 -143q-43 -78 -71 -99q-44 -32 -87 14q-23 24 -37.5 64.5t-19 73t-10 84t-8.5 71.5q-23 129 -34 164q-12 37 -35.5 69 t-50.5 40q-57 16 -127 -25q-54 -32 -136.5 -106t-122.5 -102v-7q16 -8 25.5 -26t21.5 -20q21 -3 54.5 8.5t58 10.5t41.5 -30q11 -18 18.5 -38.5t15 -48t12.5 -40.5q17 -46 53 -187q36 -146 57 -197q42 -99 103 -125q43 -12 85 -1.5t76 31.5q131 77 250 237 q104 139 172.5 292.5t82.5 226.5zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1152 704q0 -191 -94.5 -353t-256.5 -256.5t-353 -94.5h-160q-14 0 -23 9t-9 23v611l-215 -66q-3 -1 -9 -1q-10 0 -19 6q-13 10 -13 26v128q0 23 23 31l233 71v93l-215 -66q-3 -1 -9 -1q-10 0 -19 6q-13 10 -13 26v128q0 23 23 31l233 71v250q0 14 9 23t23 9h160 q14 0 23 -9t9 -23v-181l375 116q15 5 28 -5t13 -26v-128q0 -23 -23 -31l-393 -121v-93l375 116q15 5 28 -5t13 -26v-128q0 -23 -23 -31l-393 -121v-487q188 13 318 151t130 328q0 14 9 23t23 9h160q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1152 736v-64q0 -14 -9 -23t-23 -9h-352v-352q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v352h-352q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h352v352q0 14 9 23t23 9h64q14 0 23 -9t9 -23v-352h352q14 0 23 -9t9 -23zM1280 288v832q0 66 -47 113t-113 47h-832 q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113zM1408 1120v-832q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
<glyph unicode="" horiz-adv-x="1792" />
</font>
</defs></svg>
\ No newline at end of file
--- /dev/null
+// Bordered & Pulled
+// -------------------------
+
+.@{fa-css-prefix}-border {
+ padding: .2em .25em .15em;
+ border: solid .08em @fa-border-color;
+ border-radius: .1em;
+}
+
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.@{fa-css-prefix} {
+ &.pull-left { margin-right: .3em; }
+ &.pull-right { margin-left: .3em; }
+}
-/* FONT AWESOME CORE
- * -------------------------- */
-
-[class^="icon-"],
-[class*=" icon-"] {
- .icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
- text-decoration: inherit;
- display: inline-block;
- speak: none;
-}
-
-/* makes the font 33% larger relative to the icon container */
-.icon-large:before {
- vertical-align: -10%;
- font-size: 4/3em;
-}
-
-/* makes sure icons active on rollover in links */
-a {
- [class^="icon-"],
- [class*=" icon-"] {
- display: inline;
- }
-}
-
-/* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
- &.icon-fixed-width {
- display: inline-block;
- width: 16/14em;
- text-align: right;
- padding-right: 4/14em;
- &.icon-large {
- width: 20/14em;
- }
- }
-}
-
-.icons-ul {
- margin-left: @icons-li-width;
- list-style-type: none;
-
- > li { position: relative; }
-
- .icon-li {
- position: absolute;
- left: -@icons-li-width;
- width: @icons-li-width;
- text-align: center;
- line-height: inherit;
- }
-}
-
-// allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
- &.hide {
- display: none;
- }
-}
-
-.icon-muted { color: @iconMuted; }
-.icon-light { color: @iconLight; }
-.icon-dark { color: @iconDark; }
-
-// Icon Borders
+// Base Class Definition
// -------------------------
-.icon-border {
- border: solid 1px @borderColor;
- padding: .2em .25em .15em;
- .border-radius(3px);
-}
-
-// Icon Sizes
-// -------------------------
-
-.icon-2x {
- font-size: 2em;
- &.icon-border {
- border-width: 2px;
- .border-radius(4px);
- }
-}
-.icon-3x {
- font-size: 3em;
- &.icon-border {
- border-width: 3px;
- .border-radius(5px);
- }
-}
-.icon-4x {
- font-size: 4em;
- &.icon-border {
- border-width: 4px;
- .border-radius(6px);
- }
-}
-
-.icon-5x {
- font-size: 5em;
- &.icon-border {
- border-width: 5px;
- .border-radius(7px);
- }
-}
-
-
-// Floats & Margins
-// -------------------------
-
-// Quick floats
-.pull-right { float: right; }
-.pull-left { float: left; }
-
-[class^="icon-"],
-[class*=" icon-"] {
- &.pull-left {
- margin-right: .3em;
- }
- &.pull-right {
- margin-left: .3em;
- }
+.@{fa-css-prefix} {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
-/* EXTRAS
- * -------------------------- */
-
-/* Stacked and layered icon */
-.icon-stack();
-
-/* Animated rotating icon */
-.icon-spin {
- display: inline-block;
- -moz-animation: spin 2s infinite linear;
- -o-animation: spin 2s infinite linear;
- -webkit-animation: spin 2s infinite linear;
- animation: spin 2s infinite linear;
-}
-
-/* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
- display: inline-block;
- text-decoration: none;
-}
-
-@-moz-keyframes spin {
- 0% { -moz-transform: rotate(0deg); }
- 100% { -moz-transform: rotate(359deg); }
-}
-@-webkit-keyframes spin {
- 0% { -webkit-transform: rotate(0deg); }
- 100% { -webkit-transform: rotate(359deg); }
-}
-@-o-keyframes spin {
- 0% { -o-transform: rotate(0deg); }
- 100% { -o-transform: rotate(359deg); }
-}
-@-ms-keyframes spin {
- 0% { -ms-transform: rotate(0deg); }
- 100% { -ms-transform: rotate(359deg); }
-}
-@keyframes spin {
- 0% { transform: rotate(0deg); }
- 100% { transform: rotate(359deg); }
-}
-
-/* Icon rotations and mirroring */
-.icon-rotate-90:before {
- -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- transform: rotate(90deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-}
-
-.icon-rotate-180:before {
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- transform: rotate(180deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-}
-
-.icon-rotate-270:before {
- -webkit-transform: rotate(270deg);
- -moz-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- -o-transform: rotate(270deg);
- transform: rotate(270deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-}
-
-.icon-flip-horizontal:before {
- -webkit-transform: scale(-1, 1);
- -moz-transform: scale(-1, 1);
- -ms-transform: scale(-1, 1);
- -o-transform: scale(-1, 1);
- transform: scale(-1, 1);
-}
-
-.icon-flip-vertical:before {
- -webkit-transform: scale(1, -1);
- -moz-transform: scale(1, -1);
- -ms-transform: scale(1, -1);
- -o-transform: scale(1, -1);
- transform: scale(1, -1);
-}
-
-/* ensure rotation occurs inside anchor tags */
-a {
- .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
- &:before { display: inline-block; }
- }
-}
+// Extras
+// --------------------------
--- /dev/null
+// Fixed Width Icons
+// -------------------------
+.@{fa-css-prefix}-fw {
+ width: (18em / 14);
+ text-align: center;
+}
/*!
- * Font Awesome 3.2.1
- * the iconic font designed for Bootstrap
- * ------------------------------------------------------------------------------
- * The full suite of pictographic icons, examples, and documentation can be
- * found at http://fontawesome.io. Stay up to date on Twitter at
- * http://twitter.com/fontawesome.
- *
- * License
- * ------------------------------------------------------------------------------
- * - The Font Awesome font is licensed under SIL OFL 1.1 -
- * http://scripts.sil.org/OFL
- * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
- * http://opensource.org/licenses/mit-license.html
- * - Font Awesome documentation licensed under CC BY 3.0 -
- * http://creativecommons.org/licenses/by/3.0/
- * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
- * "Font Awesome by Dave Gandy - http://fontawesome.io"
- *
- * Author - Dave Gandy
- * ------------------------------------------------------------------------------
- * Email: dave@fontawesome.io
- * Twitter: http://twitter.com/byscuits
- * Work: Lead Product Designer @ Kyruus - http://kyruus.com
+ * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
-@import "variables.less";
-@import "mixins.less";
-@import "path.less";
-@import "core.less";
-@import "bootstrap.less";
-@import "extras.less";
-@import "icons.less";
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "spinning";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
-.icon-glass:before { content: @glass; }
-.icon-music:before { content: @music; }
-.icon-search:before { content: @search; }
-.icon-envelope-alt:before { content: @envelope-alt; }
-.icon-heart:before { content: @heart; }
-.icon-star:before { content: @star; }
-.icon-star-empty:before { content: @star-empty; }
-.icon-user:before { content: @user; }
-.icon-film:before { content: @film; }
-.icon-th-large:before { content: @th-large; }
-.icon-th:before { content: @th; }
-.icon-th-list:before { content: @th-list; }
-.icon-ok:before { content: @ok; }
-.icon-remove:before { content: @remove; }
-.icon-zoom-in:before { content: @zoom-in; }
-.icon-zoom-out:before { content: @zoom-out; }
-.icon-power-off:before,
-.icon-off:before { content: @off; }
-.icon-signal:before { content: @signal; }
-.icon-gear:before,
-.icon-cog:before { content: @cog; }
-.icon-trash:before { content: @trash; }
-.icon-home:before { content: @home; }
-.icon-file-alt:before { content: @file-alt; }
-.icon-time:before { content: @time; }
-.icon-road:before { content: @road; }
-.icon-download-alt:before { content: @download-alt; }
-.icon-download:before { content: @download; }
-.icon-upload:before { content: @upload; }
-.icon-inbox:before { content: @inbox; }
-.icon-play-circle:before { content: @play-circle; }
-.icon-rotate-right:before,
-.icon-repeat:before { content: @repeat; }
-.icon-refresh:before { content: @refresh; }
-.icon-list-alt:before { content: @list-alt; }
-.icon-lock:before { content: @lock; }
-.icon-flag:before { content: @flag; }
-.icon-headphones:before { content: @headphones; }
-.icon-volume-off:before { content: @volume-off; }
-.icon-volume-down:before { content: @volume-down; }
-.icon-volume-up:before { content: @volume-up; }
-.icon-qrcode:before { content: @qrcode; }
-.icon-barcode:before { content: @barcode; }
-.icon-tag:before { content: @tag; }
-.icon-tags:before { content: @tags; }
-.icon-book:before { content: @book; }
-.icon-bookmark:before { content: @bookmark; }
-.icon-print:before { content: @print; }
-.icon-camera:before { content: @camera; }
-.icon-font:before { content: @font; }
-.icon-bold:before { content: @bold; }
-.icon-italic:before { content: @italic; }
-.icon-text-height:before { content: @text-height; }
-.icon-text-width:before { content: @text-width; }
-.icon-align-left:before { content: @align-left; }
-.icon-align-center:before { content: @align-center; }
-.icon-align-right:before { content: @align-right; }
-.icon-align-justify:before { content: @align-justify; }
-.icon-list:before { content: @list; }
-.icon-indent-left:before { content: @indent-left; }
-.icon-indent-right:before { content: @indent-right; }
-.icon-facetime-video:before { content: @facetime-video; }
-.icon-picture:before { content: @picture; }
-.icon-pencil:before { content: @pencil; }
-.icon-map-marker:before { content: @map-marker; }
-.icon-adjust:before { content: @adjust; }
-.icon-tint:before { content: @tint; }
-.icon-edit:before { content: @edit; }
-.icon-share:before { content: @share; }
-.icon-check:before { content: @check; }
-.icon-move:before { content: @move; }
-.icon-step-backward:before { content: @step-backward; }
-.icon-fast-backward:before { content: @fast-backward; }
-.icon-backward:before { content: @backward; }
-.icon-play:before { content: @play; }
-.icon-pause:before { content: @pause; }
-.icon-stop:before { content: @stop; }
-.icon-forward:before { content: @forward; }
-.icon-fast-forward:before { content: @fast-forward; }
-.icon-step-forward:before { content: @step-forward; }
-.icon-eject:before { content: @eject; }
-.icon-chevron-left:before { content: @chevron-left; }
-.icon-chevron-right:before { content: @chevron-right; }
-.icon-plus-sign:before { content: @plus-sign; }
-.icon-minus-sign:before { content: @minus-sign; }
-.icon-remove-sign:before { content: @remove-sign; }
-.icon-ok-sign:before { content: @ok-sign; }
-.icon-question-sign:before { content: @question-sign; }
-.icon-info-sign:before { content: @info-sign; }
-.icon-screenshot:before { content: @screenshot; }
-.icon-remove-circle:before { content: @remove-circle; }
-.icon-ok-circle:before { content: @ok-circle; }
-.icon-ban-circle:before { content: @ban-circle; }
-.icon-arrow-left:before { content: @arrow-left; }
-.icon-arrow-right:before { content: @arrow-right; }
-.icon-arrow-up:before { content: @arrow-up; }
-.icon-arrow-down:before { content: @arrow-down; }
-.icon-mail-forward:before,
-.icon-share-alt:before { content: @share-alt; }
-.icon-resize-full:before { content: @resize-full; }
-.icon-resize-small:before { content: @resize-small; }
-.icon-plus:before { content: @plus; }
-.icon-minus:before { content: @minus; }
-.icon-asterisk:before { content: @asterisk; }
-.icon-exclamation-sign:before { content: @exclamation-sign; }
-.icon-gift:before { content: @gift; }
-.icon-leaf:before { content: @leaf; }
-.icon-fire:before { content: @fire; }
-.icon-eye-open:before { content: @eye-open; }
-.icon-eye-close:before { content: @eye-close; }
-.icon-warning-sign:before { content: @warning-sign; }
-.icon-plane:before { content: @plane; }
-.icon-calendar:before { content: @calendar; }
-.icon-random:before { content: @random; }
-.icon-comment:before { content: @comment; }
-.icon-magnet:before { content: @magnet; }
-.icon-chevron-up:before { content: @chevron-up; }
-.icon-chevron-down:before { content: @chevron-down; }
-.icon-retweet:before { content: @retweet; }
-.icon-shopping-cart:before { content: @shopping-cart; }
-.icon-folder-close:before { content: @folder-close; }
-.icon-folder-open:before { content: @folder-open; }
-.icon-resize-vertical:before { content: @resize-vertical; }
-.icon-resize-horizontal:before { content: @resize-horizontal; }
-.icon-bar-chart:before { content: @bar-chart; }
-.icon-twitter-sign:before { content: @twitter-sign; }
-.icon-facebook-sign:before { content: @facebook-sign; }
-.icon-camera-retro:before { content: @camera-retro; }
-.icon-key:before { content: @key; }
-.icon-gears:before,
-.icon-cogs:before { content: @cogs; }
-.icon-comments:before { content: @comments; }
-.icon-thumbs-up-alt:before { content: @thumbs-up-alt; }
-.icon-thumbs-down-alt:before { content: @thumbs-down-alt; }
-.icon-star-half:before { content: @star-half; }
-.icon-heart-empty:before { content: @heart-empty; }
-.icon-signout:before { content: @signout; }
-.icon-linkedin-sign:before { content: @linkedin-sign; }
-.icon-pushpin:before { content: @pushpin; }
-.icon-external-link:before { content: @external-link; }
-.icon-signin:before { content: @signin; }
-.icon-trophy:before { content: @trophy; }
-.icon-github-sign:before { content: @github-sign; }
-.icon-upload-alt:before { content: @upload-alt; }
-.icon-lemon:before { content: @lemon; }
-.icon-phone:before { content: @phone; }
-.icon-unchecked:before,
-.icon-check-empty:before { content: @check-empty; }
-.icon-bookmark-empty:before { content: @bookmark-empty; }
-.icon-phone-sign:before { content: @phone-sign; }
-.icon-twitter:before { content: @twitter; }
-.icon-facebook:before { content: @facebook; }
-.icon-github:before { content: @github; }
-.icon-unlock:before { content: @unlock; }
-.icon-credit-card:before { content: @credit-card; }
-.icon-rss:before { content: @rss; }
-.icon-hdd:before { content: @hdd; }
-.icon-bullhorn:before { content: @bullhorn; }
-.icon-bell:before { content: @bell; }
-.icon-certificate:before { content: @certificate; }
-.icon-hand-right:before { content: @hand-right; }
-.icon-hand-left:before { content: @hand-left; }
-.icon-hand-up:before { content: @hand-up; }
-.icon-hand-down:before { content: @hand-down; }
-.icon-circle-arrow-left:before { content: @circle-arrow-left; }
-.icon-circle-arrow-right:before { content: @circle-arrow-right; }
-.icon-circle-arrow-up:before { content: @circle-arrow-up; }
-.icon-circle-arrow-down:before { content: @circle-arrow-down; }
-.icon-globe:before { content: @globe; }
-.icon-wrench:before { content: @wrench; }
-.icon-tasks:before { content: @tasks; }
-.icon-filter:before { content: @filter; }
-.icon-briefcase:before { content: @briefcase; }
-.icon-fullscreen:before { content: @fullscreen; }
-.icon-group:before { content: @group; }
-.icon-link:before { content: @link; }
-.icon-cloud:before { content: @cloud; }
-.icon-beaker:before { content: @beaker; }
-.icon-cut:before { content: @cut; }
-.icon-copy:before { content: @copy; }
-.icon-paperclip:before,
-.icon-paper-clip:before { content: @paper-clip; }
-.icon-save:before { content: @save; }
-.icon-sign-blank:before { content: @sign-blank; }
-.icon-reorder:before { content: @reorder; }
-.icon-list-ul:before { content: @list-ul; }
-.icon-list-ol:before { content: @list-ol; }
-.icon-strikethrough:before { content: @strikethrough; }
-.icon-underline:before { content: @underline; }
-.icon-table:before { content: @table; }
-.icon-magic:before { content: @magic; }
-.icon-truck:before { content: @truck; }
-.icon-pinterest:before { content: @pinterest; }
-.icon-pinterest-sign:before { content: @pinterest-sign; }
-.icon-google-plus-sign:before { content: @google-plus-sign; }
-.icon-google-plus:before { content: @google-plus; }
-.icon-money:before { content: @money; }
-.icon-caret-down:before { content: @caret-down; }
-.icon-caret-up:before { content: @caret-up; }
-.icon-caret-left:before { content: @caret-left; }
-.icon-caret-right:before { content: @caret-right; }
-.icon-columns:before { content: @columns; }
-.icon-sort:before { content: @sort; }
-.icon-sort-down:before { content: @sort-down; }
-.icon-sort-up:before { content: @sort-up; }
-.icon-envelope:before { content: @envelope; }
-.icon-linkedin:before { content: @linkedin; }
-.icon-rotate-left:before,
-.icon-undo:before { content: @undo; }
-.icon-legal:before { content: @legal; }
-.icon-dashboard:before { content: @dashboard; }
-.icon-comment-alt:before { content: @comment-alt; }
-.icon-comments-alt:before { content: @comments-alt; }
-.icon-bolt:before { content: @bolt; }
-.icon-sitemap:before { content: @sitemap; }
-.icon-umbrella:before { content: @umbrella; }
-.icon-paste:before { content: @paste; }
-.icon-lightbulb:before { content: @lightbulb; }
-.icon-exchange:before { content: @exchange; }
-.icon-cloud-download:before { content: @cloud-download; }
-.icon-cloud-upload:before { content: @cloud-upload; }
-.icon-user-md:before { content: @user-md; }
-.icon-stethoscope:before { content: @stethoscope; }
-.icon-suitcase:before { content: @suitcase; }
-.icon-bell-alt:before { content: @bell-alt; }
-.icon-coffee:before { content: @coffee; }
-.icon-food:before { content: @food; }
-.icon-file-text-alt:before { content: @file-text-alt; }
-.icon-building:before { content: @building; }
-.icon-hospital:before { content: @hospital; }
-.icon-ambulance:before { content: @ambulance; }
-.icon-medkit:before { content: @medkit; }
-.icon-fighter-jet:before { content: @fighter-jet; }
-.icon-beer:before { content: @beer; }
-.icon-h-sign:before { content: @h-sign; }
-.icon-plus-sign-alt:before { content: @plus-sign-alt; }
-.icon-double-angle-left:before { content: @double-angle-left; }
-.icon-double-angle-right:before { content: @double-angle-right; }
-.icon-double-angle-up:before { content: @double-angle-up; }
-.icon-double-angle-down:before { content: @double-angle-down; }
-.icon-angle-left:before { content: @angle-left; }
-.icon-angle-right:before { content: @angle-right; }
-.icon-angle-up:before { content: @angle-up; }
-.icon-angle-down:before { content: @angle-down; }
-.icon-desktop:before { content: @desktop; }
-.icon-laptop:before { content: @laptop; }
-.icon-tablet:before { content: @tablet; }
-.icon-mobile-phone:before { content: @mobile-phone; }
-.icon-circle-blank:before { content: @circle-blank; }
-.icon-quote-left:before { content: @quote-left; }
-.icon-quote-right:before { content: @quote-right; }
-.icon-spinner:before { content: @spinner; }
-.icon-circle:before { content: @circle; }
-.icon-mail-reply:before,
-.icon-reply:before { content: @reply; }
-.icon-github-alt:before { content: @github-alt; }
-.icon-folder-close-alt:before { content: @folder-close-alt; }
-.icon-folder-open-alt:before { content: @folder-open-alt; }
-.icon-expand-alt:before { content: @expand-alt; }
-.icon-collapse-alt:before { content: @collapse-alt; }
-.icon-smile:before { content: @smile; }
-.icon-frown:before { content: @frown; }
-.icon-meh:before { content: @meh; }
-.icon-gamepad:before { content: @gamepad; }
-.icon-keyboard:before { content: @keyboard; }
-.icon-flag-alt:before { content: @flag-alt; }
-.icon-flag-checkered:before { content: @flag-checkered; }
-.icon-terminal:before { content: @terminal; }
-.icon-code:before { content: @code; }
-.icon-reply-all:before { content: @reply-all; }
-.icon-mail-reply-all:before { content: @mail-reply-all; }
-.icon-star-half-full:before,
-.icon-star-half-empty:before { content: @star-half-empty; }
-.icon-location-arrow:before { content: @location-arrow; }
-.icon-crop:before { content: @crop; }
-.icon-code-fork:before { content: @code-fork; }
-.icon-unlink:before { content: @unlink; }
-.icon-question:before { content: @question; }
-.icon-info:before { content: @info; }
-.icon-exclamation:before { content: @exclamation; }
-.icon-superscript:before { content: @superscript; }
-.icon-subscript:before { content: @subscript; }
-.icon-eraser:before { content: @eraser; }
-.icon-puzzle-piece:before { content: @puzzle-piece; }
-.icon-microphone:before { content: @microphone; }
-.icon-microphone-off:before { content: @microphone-off; }
-.icon-shield:before { content: @shield; }
-.icon-calendar-empty:before { content: @calendar-empty; }
-.icon-fire-extinguisher:before { content: @fire-extinguisher; }
-.icon-rocket:before { content: @rocket; }
-.icon-maxcdn:before { content: @maxcdn; }
-.icon-chevron-sign-left:before { content: @chevron-sign-left; }
-.icon-chevron-sign-right:before { content: @chevron-sign-right; }
-.icon-chevron-sign-up:before { content: @chevron-sign-up; }
-.icon-chevron-sign-down:before { content: @chevron-sign-down; }
-.icon-html5:before { content: @html5; }
-.icon-css3:before { content: @css3; }
-.icon-anchor:before { content: @anchor; }
-.icon-unlock-alt:before { content: @unlock-alt; }
-.icon-bullseye:before { content: @bullseye; }
-.icon-ellipsis-horizontal:before { content: @ellipsis-horizontal; }
-.icon-ellipsis-vertical:before { content: @ellipsis-vertical; }
-.icon-rss-sign:before { content: @rss-sign; }
-.icon-play-sign:before { content: @play-sign; }
-.icon-ticket:before { content: @ticket; }
-.icon-minus-sign-alt:before { content: @minus-sign-alt; }
-.icon-check-minus:before { content: @check-minus; }
-.icon-level-up:before { content: @level-up; }
-.icon-level-down:before { content: @level-down; }
-.icon-check-sign:before { content: @check-sign; }
-.icon-edit-sign:before { content: @edit-sign; }
-.icon-external-link-sign:before { content: @external-link-sign; }
-.icon-share-sign:before { content: @share-sign; }
-.icon-compass:before { content: @compass; }
-.icon-collapse:before { content: @collapse; }
-.icon-collapse-top:before { content: @collapse-top; }
-.icon-expand:before { content: @expand; }
-.icon-euro:before,
-.icon-eur:before { content: @eur; }
-.icon-gbp:before { content: @gbp; }
-.icon-dollar:before,
-.icon-usd:before { content: @usd; }
-.icon-rupee:before,
-.icon-inr:before { content: @inr; }
-.icon-yen:before,
-.icon-jpy:before { content: @jpy; }
-.icon-renminbi:before,
-.icon-cny:before { content: @cny; }
-.icon-won:before,
-.icon-krw:before { content: @krw; }
-.icon-bitcoin:before,
-.icon-btc:before { content: @btc; }
-.icon-file:before { content: @file; }
-.icon-file-text:before { content: @file-text; }
-.icon-sort-by-alphabet:before { content: @sort-by-alphabet; }
-.icon-sort-by-alphabet-alt:before { content: @sort-by-alphabet-alt; }
-.icon-sort-by-attributes:before { content: @sort-by-attributes; }
-.icon-sort-by-attributes-alt:before { content: @sort-by-attributes-alt; }
-.icon-sort-by-order:before { content: @sort-by-order; }
-.icon-sort-by-order-alt:before { content: @sort-by-order-alt; }
-.icon-thumbs-up:before { content: @thumbs-up; }
-.icon-thumbs-down:before { content: @thumbs-down; }
-.icon-youtube-sign:before { content: @youtube-sign; }
-.icon-youtube:before { content: @youtube; }
-.icon-xing:before { content: @xing; }
-.icon-xing-sign:before { content: @xing-sign; }
-.icon-youtube-play:before { content: @youtube-play; }
-.icon-dropbox:before { content: @dropbox; }
-.icon-stackexchange:before { content: @stackexchange; }
-.icon-instagram:before { content: @instagram; }
-.icon-flickr:before { content: @flickr; }
-.icon-adn:before { content: @adn; }
-.icon-bitbucket:before { content: @bitbucket; }
-.icon-bitbucket-sign:before { content: @bitbucket-sign; }
-.icon-tumblr:before { content: @tumblr; }
-.icon-tumblr-sign:before { content: @tumblr-sign; }
-.icon-long-arrow-down:before { content: @long-arrow-down; }
-.icon-long-arrow-up:before { content: @long-arrow-up; }
-.icon-long-arrow-left:before { content: @long-arrow-left; }
-.icon-long-arrow-right:before { content: @long-arrow-right; }
-.icon-apple:before { content: @apple; }
-.icon-windows:before { content: @windows; }
-.icon-android:before { content: @android; }
-.icon-linux:before { content: @linux; }
-.icon-dribbble:before { content: @dribbble; }
-.icon-skype:before { content: @skype; }
-.icon-foursquare:before { content: @foursquare; }
-.icon-trello:before { content: @trello; }
-.icon-female:before { content: @female; }
-.icon-male:before { content: @male; }
-.icon-gittip:before { content: @gittip; }
-.icon-sun:before { content: @sun; }
-.icon-moon:before { content: @moon; }
-.icon-archive:before { content: @archive; }
-.icon-bug:before { content: @bug; }
-.icon-vk:before { content: @vk; }
-.icon-weibo:before { content: @weibo; }
-.icon-renren:before { content: @renren; }
+.@{fa-css-prefix}-glass:before { content: @fa-var-glass; }
+.@{fa-css-prefix}-music:before { content: @fa-var-music; }
+.@{fa-css-prefix}-search:before { content: @fa-var-search; }
+.@{fa-css-prefix}-envelope-o:before { content: @fa-var-envelope-o; }
+.@{fa-css-prefix}-heart:before { content: @fa-var-heart; }
+.@{fa-css-prefix}-star:before { content: @fa-var-star; }
+.@{fa-css-prefix}-star-o:before { content: @fa-var-star-o; }
+.@{fa-css-prefix}-user:before { content: @fa-var-user; }
+.@{fa-css-prefix}-film:before { content: @fa-var-film; }
+.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; }
+.@{fa-css-prefix}-th:before { content: @fa-var-th; }
+.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; }
+.@{fa-css-prefix}-check:before { content: @fa-var-check; }
+.@{fa-css-prefix}-times:before { content: @fa-var-times; }
+.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; }
+.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; }
+.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; }
+.@{fa-css-prefix}-signal:before { content: @fa-var-signal; }
+.@{fa-css-prefix}-gear:before,
+.@{fa-css-prefix}-cog:before { content: @fa-var-cog; }
+.@{fa-css-prefix}-trash-o:before { content: @fa-var-trash-o; }
+.@{fa-css-prefix}-home:before { content: @fa-var-home; }
+.@{fa-css-prefix}-file-o:before { content: @fa-var-file-o; }
+.@{fa-css-prefix}-clock-o:before { content: @fa-var-clock-o; }
+.@{fa-css-prefix}-road:before { content: @fa-var-road; }
+.@{fa-css-prefix}-download:before { content: @fa-var-download; }
+.@{fa-css-prefix}-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; }
+.@{fa-css-prefix}-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; }
+.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; }
+.@{fa-css-prefix}-play-circle-o:before { content: @fa-var-play-circle-o; }
+.@{fa-css-prefix}-rotate-right:before,
+.@{fa-css-prefix}-repeat:before { content: @fa-var-repeat; }
+.@{fa-css-prefix}-refresh:before { content: @fa-var-refresh; }
+.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; }
+.@{fa-css-prefix}-lock:before { content: @fa-var-lock; }
+.@{fa-css-prefix}-flag:before { content: @fa-var-flag; }
+.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; }
+.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; }
+.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; }
+.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; }
+.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; }
+.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; }
+.@{fa-css-prefix}-tag:before { content: @fa-var-tag; }
+.@{fa-css-prefix}-tags:before { content: @fa-var-tags; }
+.@{fa-css-prefix}-book:before { content: @fa-var-book; }
+.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; }
+.@{fa-css-prefix}-print:before { content: @fa-var-print; }
+.@{fa-css-prefix}-camera:before { content: @fa-var-camera; }
+.@{fa-css-prefix}-font:before { content: @fa-var-font; }
+.@{fa-css-prefix}-bold:before { content: @fa-var-bold; }
+.@{fa-css-prefix}-italic:before { content: @fa-var-italic; }
+.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; }
+.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; }
+.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; }
+.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; }
+.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; }
+.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; }
+.@{fa-css-prefix}-list:before { content: @fa-var-list; }
+.@{fa-css-prefix}-dedent:before,
+.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; }
+.@{fa-css-prefix}-indent:before { content: @fa-var-indent; }
+.@{fa-css-prefix}-video-camera:before { content: @fa-var-video-camera; }
+.@{fa-css-prefix}-picture-o:before { content: @fa-var-picture-o; }
+.@{fa-css-prefix}-pencil:before { content: @fa-var-pencil; }
+.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; }
+.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; }
+.@{fa-css-prefix}-tint:before { content: @fa-var-tint; }
+.@{fa-css-prefix}-edit:before,
+.@{fa-css-prefix}-pencil-square-o:before { content: @fa-var-pencil-square-o; }
+.@{fa-css-prefix}-share-square-o:before { content: @fa-var-share-square-o; }
+.@{fa-css-prefix}-check-square-o:before { content: @fa-var-check-square-o; }
+.@{fa-css-prefix}-arrows:before { content: @fa-var-arrows; }
+.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; }
+.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; }
+.@{fa-css-prefix}-backward:before { content: @fa-var-backward; }
+.@{fa-css-prefix}-play:before { content: @fa-var-play; }
+.@{fa-css-prefix}-pause:before { content: @fa-var-pause; }
+.@{fa-css-prefix}-stop:before { content: @fa-var-stop; }
+.@{fa-css-prefix}-forward:before { content: @fa-var-forward; }
+.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; }
+.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; }
+.@{fa-css-prefix}-eject:before { content: @fa-var-eject; }
+.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; }
+.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; }
+.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; }
+.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; }
+.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; }
+.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; }
+.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; }
+.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; }
+.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; }
+.@{fa-css-prefix}-times-circle-o:before { content: @fa-var-times-circle-o; }
+.@{fa-css-prefix}-check-circle-o:before { content: @fa-var-check-circle-o; }
+.@{fa-css-prefix}-ban:before { content: @fa-var-ban; }
+.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; }
+.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; }
+.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; }
+.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; }
+.@{fa-css-prefix}-mail-forward:before,
+.@{fa-css-prefix}-share:before { content: @fa-var-share; }
+.@{fa-css-prefix}-expand:before { content: @fa-var-expand; }
+.@{fa-css-prefix}-compress:before { content: @fa-var-compress; }
+.@{fa-css-prefix}-plus:before { content: @fa-var-plus; }
+.@{fa-css-prefix}-minus:before { content: @fa-var-minus; }
+.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; }
+.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; }
+.@{fa-css-prefix}-gift:before { content: @fa-var-gift; }
+.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; }
+.@{fa-css-prefix}-fire:before { content: @fa-var-fire; }
+.@{fa-css-prefix}-eye:before { content: @fa-var-eye; }
+.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; }
+.@{fa-css-prefix}-warning:before,
+.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }
+.@{fa-css-prefix}-plane:before { content: @fa-var-plane; }
+.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; }
+.@{fa-css-prefix}-random:before { content: @fa-var-random; }
+.@{fa-css-prefix}-comment:before { content: @fa-var-comment; }
+.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; }
+.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; }
+.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; }
+.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; }
+.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; }
+.@{fa-css-prefix}-folder:before { content: @fa-var-folder; }
+.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; }
+.@{fa-css-prefix}-arrows-v:before { content: @fa-var-arrows-v; }
+.@{fa-css-prefix}-arrows-h:before { content: @fa-var-arrows-h; }
+.@{fa-css-prefix}-bar-chart-o:before { content: @fa-var-bar-chart-o; }
+.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; }
+.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; }
+.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; }
+.@{fa-css-prefix}-key:before { content: @fa-var-key; }
+.@{fa-css-prefix}-gears:before,
+.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; }
+.@{fa-css-prefix}-comments:before { content: @fa-var-comments; }
+.@{fa-css-prefix}-thumbs-o-up:before { content: @fa-var-thumbs-o-up; }
+.@{fa-css-prefix}-thumbs-o-down:before { content: @fa-var-thumbs-o-down; }
+.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; }
+.@{fa-css-prefix}-heart-o:before { content: @fa-var-heart-o; }
+.@{fa-css-prefix}-sign-out:before { content: @fa-var-sign-out; }
+.@{fa-css-prefix}-linkedin-square:before { content: @fa-var-linkedin-square; }
+.@{fa-css-prefix}-thumb-tack:before { content: @fa-var-thumb-tack; }
+.@{fa-css-prefix}-external-link:before { content: @fa-var-external-link; }
+.@{fa-css-prefix}-sign-in:before { content: @fa-var-sign-in; }
+.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; }
+.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; }
+.@{fa-css-prefix}-upload:before { content: @fa-var-upload; }
+.@{fa-css-prefix}-lemon-o:before { content: @fa-var-lemon-o; }
+.@{fa-css-prefix}-phone:before { content: @fa-var-phone; }
+.@{fa-css-prefix}-square-o:before { content: @fa-var-square-o; }
+.@{fa-css-prefix}-bookmark-o:before { content: @fa-var-bookmark-o; }
+.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; }
+.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }
+.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }
+.@{fa-css-prefix}-github:before { content: @fa-var-github; }
+.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; }
+.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; }
+.@{fa-css-prefix}-rss:before { content: @fa-var-rss; }
+.@{fa-css-prefix}-hdd-o:before { content: @fa-var-hdd-o; }
+.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; }
+.@{fa-css-prefix}-bell:before { content: @fa-var-bell; }
+.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; }
+.@{fa-css-prefix}-hand-o-right:before { content: @fa-var-hand-o-right; }
+.@{fa-css-prefix}-hand-o-left:before { content: @fa-var-hand-o-left; }
+.@{fa-css-prefix}-hand-o-up:before { content: @fa-var-hand-o-up; }
+.@{fa-css-prefix}-hand-o-down:before { content: @fa-var-hand-o-down; }
+.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; }
+.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; }
+.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; }
+.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; }
+.@{fa-css-prefix}-globe:before { content: @fa-var-globe; }
+.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; }
+.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; }
+.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }
+.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }
+.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; }
+.@{fa-css-prefix}-group:before,
+.@{fa-css-prefix}-users:before { content: @fa-var-users; }
+.@{fa-css-prefix}-chain:before,
+.@{fa-css-prefix}-link:before { content: @fa-var-link; }
+.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; }
+.@{fa-css-prefix}-flask:before { content: @fa-var-flask; }
+.@{fa-css-prefix}-cut:before,
+.@{fa-css-prefix}-scissors:before { content: @fa-var-scissors; }
+.@{fa-css-prefix}-copy:before,
+.@{fa-css-prefix}-files-o:before { content: @fa-var-files-o; }
+.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; }
+.@{fa-css-prefix}-save:before,
+.@{fa-css-prefix}-floppy-o:before { content: @fa-var-floppy-o; }
+.@{fa-css-prefix}-square:before { content: @fa-var-square; }
+.@{fa-css-prefix}-bars:before { content: @fa-var-bars; }
+.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; }
+.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; }
+.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; }
+.@{fa-css-prefix}-underline:before { content: @fa-var-underline; }
+.@{fa-css-prefix}-table:before { content: @fa-var-table; }
+.@{fa-css-prefix}-magic:before { content: @fa-var-magic; }
+.@{fa-css-prefix}-truck:before { content: @fa-var-truck; }
+.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; }
+.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; }
+.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; }
+.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; }
+.@{fa-css-prefix}-money:before { content: @fa-var-money; }
+.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; }
+.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; }
+.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; }
+.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; }
+.@{fa-css-prefix}-columns:before { content: @fa-var-columns; }
+.@{fa-css-prefix}-unsorted:before,
+.@{fa-css-prefix}-sort:before { content: @fa-var-sort; }
+.@{fa-css-prefix}-sort-down:before,
+.@{fa-css-prefix}-sort-asc:before { content: @fa-var-sort-asc; }
+.@{fa-css-prefix}-sort-up:before,
+.@{fa-css-prefix}-sort-desc:before { content: @fa-var-sort-desc; }
+.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; }
+.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }
+.@{fa-css-prefix}-rotate-left:before,
+.@{fa-css-prefix}-undo:before { content: @fa-var-undo; }
+.@{fa-css-prefix}-legal:before,
+.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; }
+.@{fa-css-prefix}-dashboard:before,
+.@{fa-css-prefix}-tachometer:before { content: @fa-var-tachometer; }
+.@{fa-css-prefix}-comment-o:before { content: @fa-var-comment-o; }
+.@{fa-css-prefix}-comments-o:before { content: @fa-var-comments-o; }
+.@{fa-css-prefix}-flash:before,
+.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; }
+.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; }
+.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; }
+.@{fa-css-prefix}-paste:before,
+.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; }
+.@{fa-css-prefix}-lightbulb-o:before { content: @fa-var-lightbulb-o; }
+.@{fa-css-prefix}-exchange:before { content: @fa-var-exchange; }
+.@{fa-css-prefix}-cloud-download:before { content: @fa-var-cloud-download; }
+.@{fa-css-prefix}-cloud-upload:before { content: @fa-var-cloud-upload; }
+.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; }
+.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; }
+.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; }
+.@{fa-css-prefix}-bell-o:before { content: @fa-var-bell-o; }
+.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; }
+.@{fa-css-prefix}-cutlery:before { content: @fa-var-cutlery; }
+.@{fa-css-prefix}-file-text-o:before { content: @fa-var-file-text-o; }
+.@{fa-css-prefix}-building-o:before { content: @fa-var-building-o; }
+.@{fa-css-prefix}-hospital-o:before { content: @fa-var-hospital-o; }
+.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; }
+.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; }
+.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; }
+.@{fa-css-prefix}-beer:before { content: @fa-var-beer; }
+.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; }
+.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; }
+.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; }
+.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; }
+.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; }
+.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; }
+.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; }
+.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; }
+.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; }
+.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; }
+.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; }
+.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; }
+.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; }
+.@{fa-css-prefix}-mobile-phone:before,
+.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; }
+.@{fa-css-prefix}-circle-o:before { content: @fa-var-circle-o; }
+.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; }
+.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; }
+.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; }
+.@{fa-css-prefix}-circle:before { content: @fa-var-circle; }
+.@{fa-css-prefix}-mail-reply:before,
+.@{fa-css-prefix}-reply:before { content: @fa-var-reply; }
+.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; }
+.@{fa-css-prefix}-folder-o:before { content: @fa-var-folder-o; }
+.@{fa-css-prefix}-folder-open-o:before { content: @fa-var-folder-open-o; }
+.@{fa-css-prefix}-smile-o:before { content: @fa-var-smile-o; }
+.@{fa-css-prefix}-frown-o:before { content: @fa-var-frown-o; }
+.@{fa-css-prefix}-meh-o:before { content: @fa-var-meh-o; }
+.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; }
+.@{fa-css-prefix}-keyboard-o:before { content: @fa-var-keyboard-o; }
+.@{fa-css-prefix}-flag-o:before { content: @fa-var-flag-o; }
+.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; }
+.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; }
+.@{fa-css-prefix}-code:before { content: @fa-var-code; }
+.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; }
+.@{fa-css-prefix}-mail-reply-all:before { content: @fa-var-mail-reply-all; }
+.@{fa-css-prefix}-star-half-empty:before,
+.@{fa-css-prefix}-star-half-full:before,
+.@{fa-css-prefix}-star-half-o:before { content: @fa-var-star-half-o; }
+.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; }
+.@{fa-css-prefix}-crop:before { content: @fa-var-crop; }
+.@{fa-css-prefix}-code-fork:before { content: @fa-var-code-fork; }
+.@{fa-css-prefix}-unlink:before,
+.@{fa-css-prefix}-chain-broken:before { content: @fa-var-chain-broken; }
+.@{fa-css-prefix}-question:before { content: @fa-var-question; }
+.@{fa-css-prefix}-info:before { content: @fa-var-info; }
+.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; }
+.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; }
+.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; }
+.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; }
+.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; }
+.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; }
+.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; }
+.@{fa-css-prefix}-shield:before { content: @fa-var-shield; }
+.@{fa-css-prefix}-calendar-o:before { content: @fa-var-calendar-o; }
+.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }
+.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; }
+.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; }
+.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; }
+.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; }
+.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; }
+.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }
+.@{fa-css-prefix}-html5:before { content: @fa-var-html5; }
+.@{fa-css-prefix}-css3:before { content: @fa-var-css3; }
+.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; }
+.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; }
+.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }
+.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; }
+.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; }
+.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; }
+.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; }
+.@{fa-css-prefix}-ticket:before { content: @fa-var-ticket; }
+.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; }
+.@{fa-css-prefix}-minus-square-o:before { content: @fa-var-minus-square-o; }
+.@{fa-css-prefix}-level-up:before { content: @fa-var-level-up; }
+.@{fa-css-prefix}-level-down:before { content: @fa-var-level-down; }
+.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; }
+.@{fa-css-prefix}-pencil-square:before { content: @fa-var-pencil-square; }
+.@{fa-css-prefix}-external-link-square:before { content: @fa-var-external-link-square; }
+.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; }
+.@{fa-css-prefix}-compass:before { content: @fa-var-compass; }
+.@{fa-css-prefix}-toggle-down:before,
+.@{fa-css-prefix}-caret-square-o-down:before { content: @fa-var-caret-square-o-down; }
+.@{fa-css-prefix}-toggle-up:before,
+.@{fa-css-prefix}-caret-square-o-up:before { content: @fa-var-caret-square-o-up; }
+.@{fa-css-prefix}-toggle-right:before,
+.@{fa-css-prefix}-caret-square-o-right:before { content: @fa-var-caret-square-o-right; }
+.@{fa-css-prefix}-euro:before,
+.@{fa-css-prefix}-eur:before { content: @fa-var-eur; }
+.@{fa-css-prefix}-gbp:before { content: @fa-var-gbp; }
+.@{fa-css-prefix}-dollar:before,
+.@{fa-css-prefix}-usd:before { content: @fa-var-usd; }
+.@{fa-css-prefix}-rupee:before,
+.@{fa-css-prefix}-inr:before { content: @fa-var-inr; }
+.@{fa-css-prefix}-cny:before,
+.@{fa-css-prefix}-rmb:before,
+.@{fa-css-prefix}-yen:before,
+.@{fa-css-prefix}-jpy:before { content: @fa-var-jpy; }
+.@{fa-css-prefix}-ruble:before,
+.@{fa-css-prefix}-rouble:before,
+.@{fa-css-prefix}-rub:before { content: @fa-var-rub; }
+.@{fa-css-prefix}-won:before,
+.@{fa-css-prefix}-krw:before { content: @fa-var-krw; }
+.@{fa-css-prefix}-bitcoin:before,
+.@{fa-css-prefix}-btc:before { content: @fa-var-btc; }
+.@{fa-css-prefix}-file:before { content: @fa-var-file; }
+.@{fa-css-prefix}-file-text:before { content: @fa-var-file-text; }
+.@{fa-css-prefix}-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; }
+.@{fa-css-prefix}-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; }
+.@{fa-css-prefix}-sort-amount-asc:before { content: @fa-var-sort-amount-asc; }
+.@{fa-css-prefix}-sort-amount-desc:before { content: @fa-var-sort-amount-desc; }
+.@{fa-css-prefix}-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; }
+.@{fa-css-prefix}-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; }
+.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; }
+.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; }
+.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; }
+.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; }
+.@{fa-css-prefix}-xing:before { content: @fa-var-xing; }
+.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; }
+.@{fa-css-prefix}-youtube-play:before { content: @fa-var-youtube-play; }
+.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; }
+.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; }
+.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; }
+.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; }
+.@{fa-css-prefix}-adn:before { content: @fa-var-adn; }
+.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; }
+.@{fa-css-prefix}-bitbucket-square:before { content: @fa-var-bitbucket-square; }
+.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; }
+.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; }
+.@{fa-css-prefix}-long-arrow-down:before { content: @fa-var-long-arrow-down; }
+.@{fa-css-prefix}-long-arrow-up:before { content: @fa-var-long-arrow-up; }
+.@{fa-css-prefix}-long-arrow-left:before { content: @fa-var-long-arrow-left; }
+.@{fa-css-prefix}-long-arrow-right:before { content: @fa-var-long-arrow-right; }
+.@{fa-css-prefix}-apple:before { content: @fa-var-apple; }
+.@{fa-css-prefix}-windows:before { content: @fa-var-windows; }
+.@{fa-css-prefix}-android:before { content: @fa-var-android; }
+.@{fa-css-prefix}-linux:before { content: @fa-var-linux; }
+.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; }
+.@{fa-css-prefix}-skype:before { content: @fa-var-skype; }
+.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; }
+.@{fa-css-prefix}-trello:before { content: @fa-var-trello; }
+.@{fa-css-prefix}-female:before { content: @fa-var-female; }
+.@{fa-css-prefix}-male:before { content: @fa-var-male; }
+.@{fa-css-prefix}-gittip:before { content: @fa-var-gittip; }
+.@{fa-css-prefix}-sun-o:before { content: @fa-var-sun-o; }
+.@{fa-css-prefix}-moon-o:before { content: @fa-var-moon-o; }
+.@{fa-css-prefix}-archive:before { content: @fa-var-archive; }
+.@{fa-css-prefix}-bug:before { content: @fa-var-bug; }
+.@{fa-css-prefix}-vk:before { content: @fa-var-vk; }
+.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; }
+.@{fa-css-prefix}-renren:before { content: @fa-var-renren; }
+.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; }
+.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; }
+.@{fa-css-prefix}-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; }
+.@{fa-css-prefix}-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; }
+.@{fa-css-prefix}-toggle-left:before,
+.@{fa-css-prefix}-caret-square-o-left:before { content: @fa-var-caret-square-o-left; }
+.@{fa-css-prefix}-dot-circle-o:before { content: @fa-var-dot-circle-o; }
+.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; }
+.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; }
+.@{fa-css-prefix}-turkish-lira:before,
+.@{fa-css-prefix}-try:before { content: @fa-var-try; }
+.@{fa-css-prefix}-plus-square-o:before { content: @fa-var-plus-square-o; }
--- /dev/null
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.@{fa-css-prefix}-lg {
+ font-size: (4em / 3);
+ line-height: (3em / 4);
+ vertical-align: -15%;
+}
+.@{fa-css-prefix}-2x { font-size: 2em; }
+.@{fa-css-prefix}-3x { font-size: 3em; }
+.@{fa-css-prefix}-4x { font-size: 4em; }
+.@{fa-css-prefix}-5x { font-size: 5em; }
--- /dev/null
+// List Icons
+// -------------------------
+
+.@{fa-css-prefix}-ul {
+ padding-left: 0;
+ margin-left: @fa-li-width;
+ list-style-type: none;
+ > li { position: relative; }
+}
+.@{fa-css-prefix}-li {
+ position: absolute;
+ left: -@fa-li-width;
+ width: @fa-li-width;
+ top: (2em / 14);
+ text-align: center;
+ &.@{fa-css-prefix}-lg {
+ left: -@fa-li-width + (4em / 14);
+ }
+}
// Mixins
// --------------------------
-.icon(@icon) {
- .icon-FontAwesome();
- content: @icon;
+.fa-icon-rotate(@degrees, @rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
+ -webkit-transform: rotate(@degrees);
+ -moz-transform: rotate(@degrees);
+ -ms-transform: rotate(@degrees);
+ -o-transform: rotate(@degrees);
+ transform: rotate(@degrees);
}
-.icon-FontAwesome() {
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- text-decoration: inherit;
- -webkit-font-smoothing: antialiased;
- *margin-right: .3em; // fixes ie7 issues
-}
-
-.border-radius(@radius) {
- -webkit-border-radius: @radius;
- -moz-border-radius: @radius;
- border-radius: @radius;
-}
-
-.icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
- .icon-stack {
- position: relative;
- display: inline-block;
- width: @width;
- height: @height;
- line-height: @width;
- vertical-align: -35%;
- [class^="icon-"],
- [class*=" icon-"] {
- display: block;
- text-align: center;
- position: absolute;
- width: 100%;
- height: 100%;
- font-size: @top-font-size;
- line-height: inherit;
- *line-height: @height;
- }
- .icon-stack-base {
- font-size: @base-font-size;
- *line-height: @height / @base-font-size;
- }
- }
+.fa-icon-flip(@horiz, @vert, @rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
+ -webkit-transform: scale(@horiz, @vert);
+ -moz-transform: scale(@horiz, @vert);
+ -ms-transform: scale(@horiz, @vert);
+ -o-transform: scale(@horiz, @vert);
+ transform: scale(@horiz, @vert);
}
@font-face {
font-family: 'FontAwesome';
- src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}');
- src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'),
- url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'),
- url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'),
- url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg');
-// src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
+ src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
+ url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
+ url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
+ url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
+// src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
--- /dev/null
+// Rotated & Flipped Icons
+// -------------------------
+
+.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
+.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
+.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
+
+.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
+.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
--- /dev/null
+// Spinning Icons
+// --------------------------
+
+.@{fa-css-prefix}-spin {
+ -webkit-animation: spin 2s infinite linear;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+}
+
+@-moz-keyframes spin {
+ 0% { -moz-transform: rotate(0deg); }
+ 100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+ 0% { -o-transform: rotate(0deg); }
+ 100% { -o-transform: rotate(359deg); }
+}
+@-ms-keyframes spin {
+ 0% { -ms-transform: rotate(0deg); }
+ 100% { -ms-transform: rotate(359deg); }
+}
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(359deg); }
+}
--- /dev/null
+// Stacked Icons
+// -------------------------
+
+.@{fa-css-prefix}-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.@{fa-css-prefix}-stack-1x { line-height: inherit; }
+.@{fa-css-prefix}-stack-2x { font-size: 2em; }
+.@{fa-css-prefix}-inverse { color: @fa-inverse; }
// Variables
// --------------------------
-@FontAwesomePath: "../font";
-//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/3.2.1/font"; // for referencing Bootstrap CDN font files directly
-@FontAwesomeVersion: "3.2.1";
-@borderColor: #eee;
-@iconMuted: #eee;
-@iconLight: #fff;
-@iconDark: #333;
-@icons-li-width: 30/14em;
-
-
- @glass: "\f000";
-
- @music: "\f001";
-
- @search: "\f002";
-
- @envelope-alt: "\f003";
-
- @heart: "\f004";
-
- @star: "\f005";
-
- @star-empty: "\f006";
-
- @user: "\f007";
-
- @film: "\f008";
-
- @th-large: "\f009";
-
- @th: "\f00a";
-
- @th-list: "\f00b";
-
- @ok: "\f00c";
-
- @remove: "\f00d";
-
- @zoom-in: "\f00e";
-
- @zoom-out: "\f010";
-
- @off: "\f011";
-
- @signal: "\f012";
-
- @cog: "\f013";
-
- @trash: "\f014";
-
- @home: "\f015";
-
- @file-alt: "\f016";
-
- @time: "\f017";
-
- @road: "\f018";
-
- @download-alt: "\f019";
-
- @download: "\f01a";
-
- @upload: "\f01b";
-
- @inbox: "\f01c";
-
- @play-circle: "\f01d";
-
- @repeat: "\f01e";
-
- @refresh: "\f021";
-
- @list-alt: "\f022";
-
- @lock: "\f023";
-
- @flag: "\f024";
-
- @headphones: "\f025";
-
- @volume-off: "\f026";
-
- @volume-down: "\f027";
-
- @volume-up: "\f028";
-
- @qrcode: "\f029";
-
- @barcode: "\f02a";
-
- @tag: "\f02b";
-
- @tags: "\f02c";
-
- @book: "\f02d";
-
- @bookmark: "\f02e";
-
- @print: "\f02f";
-
- @camera: "\f030";
-
- @font: "\f031";
-
- @bold: "\f032";
-
- @italic: "\f033";
-
- @text-height: "\f034";
-
- @text-width: "\f035";
-
- @align-left: "\f036";
-
- @align-center: "\f037";
-
- @align-right: "\f038";
-
- @align-justify: "\f039";
-
- @list: "\f03a";
-
- @indent-left: "\f03b";
-
- @indent-right: "\f03c";
-
- @facetime-video: "\f03d";
-
- @picture: "\f03e";
-
- @pencil: "\f040";
-
- @map-marker: "\f041";
-
- @adjust: "\f042";
-
- @tint: "\f043";
-
- @edit: "\f044";
-
- @share: "\f045";
-
- @check: "\f046";
-
- @move: "\f047";
-
- @step-backward: "\f048";
-
- @fast-backward: "\f049";
-
- @backward: "\f04a";
-
- @play: "\f04b";
-
- @pause: "\f04c";
-
- @stop: "\f04d";
-
- @forward: "\f04e";
-
- @fast-forward: "\f050";
-
- @step-forward: "\f051";
-
- @eject: "\f052";
-
- @chevron-left: "\f053";
-
- @chevron-right: "\f054";
-
- @plus-sign: "\f055";
-
- @minus-sign: "\f056";
-
- @remove-sign: "\f057";
-
- @ok-sign: "\f058";
-
- @question-sign: "\f059";
-
- @info-sign: "\f05a";
-
- @screenshot: "\f05b";
-
- @remove-circle: "\f05c";
-
- @ok-circle: "\f05d";
-
- @ban-circle: "\f05e";
-
- @arrow-left: "\f060";
-
- @arrow-right: "\f061";
-
- @arrow-up: "\f062";
-
- @arrow-down: "\f063";
-
- @share-alt: "\f064";
-
- @resize-full: "\f065";
-
- @resize-small: "\f066";
-
- @plus: "\f067";
-
- @minus: "\f068";
-
- @asterisk: "\f069";
-
- @exclamation-sign: "\f06a";
-
- @gift: "\f06b";
-
- @leaf: "\f06c";
-
- @fire: "\f06d";
-
- @eye-open: "\f06e";
-
- @eye-close: "\f070";
-
- @warning-sign: "\f071";
-
- @plane: "\f072";
-
- @calendar: "\f073";
-
- @random: "\f074";
-
- @comment: "\f075";
-
- @magnet: "\f076";
-
- @chevron-up: "\f077";
-
- @chevron-down: "\f078";
-
- @retweet: "\f079";
-
- @shopping-cart: "\f07a";
-
- @folder-close: "\f07b";
-
- @folder-open: "\f07c";
-
- @resize-vertical: "\f07d";
-
- @resize-horizontal: "\f07e";
-
- @bar-chart: "\f080";
-
- @twitter-sign: "\f081";
-
- @facebook-sign: "\f082";
-
- @camera-retro: "\f083";
-
- @key: "\f084";
-
- @cogs: "\f085";
-
- @comments: "\f086";
-
- @thumbs-up-alt: "\f087";
-
- @thumbs-down-alt: "\f088";
-
- @star-half: "\f089";
-
- @heart-empty: "\f08a";
-
- @signout: "\f08b";
-
- @linkedin-sign: "\f08c";
-
- @pushpin: "\f08d";
-
- @external-link: "\f08e";
-
- @signin: "\f090";
-
- @trophy: "\f091";
-
- @github-sign: "\f092";
-
- @upload-alt: "\f093";
-
- @lemon: "\f094";
-
- @phone: "\f095";
-
- @check-empty: "\f096";
-
- @bookmark-empty: "\f097";
-
- @phone-sign: "\f098";
-
- @twitter: "\f099";
-
- @facebook: "\f09a";
-
- @github: "\f09b";
-
- @unlock: "\f09c";
-
- @credit-card: "\f09d";
-
- @rss: "\f09e";
-
- @hdd: "\f0a0";
-
- @bullhorn: "\f0a1";
-
- @bell: "\f0a2";
-
- @certificate: "\f0a3";
-
- @hand-right: "\f0a4";
-
- @hand-left: "\f0a5";
-
- @hand-up: "\f0a6";
-
- @hand-down: "\f0a7";
-
- @circle-arrow-left: "\f0a8";
-
- @circle-arrow-right: "\f0a9";
-
- @circle-arrow-up: "\f0aa";
-
- @circle-arrow-down: "\f0ab";
-
- @globe: "\f0ac";
-
- @wrench: "\f0ad";
-
- @tasks: "\f0ae";
-
- @filter: "\f0b0";
-
- @briefcase: "\f0b1";
-
- @fullscreen: "\f0b2";
-
- @group: "\f0c0";
-
- @link: "\f0c1";
-
- @cloud: "\f0c2";
-
- @beaker: "\f0c3";
-
- @cut: "\f0c4";
-
- @copy: "\f0c5";
-
- @paper-clip: "\f0c6";
-
- @save: "\f0c7";
-
- @sign-blank: "\f0c8";
-
- @reorder: "\f0c9";
-
- @list-ul: "\f0ca";
-
- @list-ol: "\f0cb";
-
- @strikethrough: "\f0cc";
-
- @underline: "\f0cd";
-
- @table: "\f0ce";
-
- @magic: "\f0d0";
-
- @truck: "\f0d1";
-
- @pinterest: "\f0d2";
-
- @pinterest-sign: "\f0d3";
-
- @google-plus-sign: "\f0d4";
-
- @google-plus: "\f0d5";
-
- @money: "\f0d6";
-
- @caret-down: "\f0d7";
-
- @caret-up: "\f0d8";
-
- @caret-left: "\f0d9";
-
- @caret-right: "\f0da";
-
- @columns: "\f0db";
-
- @sort: "\f0dc";
-
- @sort-down: "\f0dd";
-
- @sort-up: "\f0de";
-
- @envelope: "\f0e0";
-
- @linkedin: "\f0e1";
-
- @undo: "\f0e2";
-
- @legal: "\f0e3";
-
- @dashboard: "\f0e4";
-
- @comment-alt: "\f0e5";
-
- @comments-alt: "\f0e6";
-
- @bolt: "\f0e7";
-
- @sitemap: "\f0e8";
-
- @umbrella: "\f0e9";
-
- @paste: "\f0ea";
-
- @lightbulb: "\f0eb";
-
- @exchange: "\f0ec";
-
- @cloud-download: "\f0ed";
-
- @cloud-upload: "\f0ee";
-
- @user-md: "\f0f0";
-
- @stethoscope: "\f0f1";
-
- @suitcase: "\f0f2";
-
- @bell-alt: "\f0f3";
-
- @coffee: "\f0f4";
-
- @food: "\f0f5";
-
- @file-text-alt: "\f0f6";
-
- @building: "\f0f7";
-
- @hospital: "\f0f8";
-
- @ambulance: "\f0f9";
-
- @medkit: "\f0fa";
-
- @fighter-jet: "\f0fb";
-
- @beer: "\f0fc";
-
- @h-sign: "\f0fd";
-
- @plus-sign-alt: "\f0fe";
-
- @double-angle-left: "\f100";
-
- @double-angle-right: "\f101";
-
- @double-angle-up: "\f102";
-
- @double-angle-down: "\f103";
-
- @angle-left: "\f104";
-
- @angle-right: "\f105";
-
- @angle-up: "\f106";
-
- @angle-down: "\f107";
-
- @desktop: "\f108";
-
- @laptop: "\f109";
-
- @tablet: "\f10a";
-
- @mobile-phone: "\f10b";
-
- @circle-blank: "\f10c";
-
- @quote-left: "\f10d";
-
- @quote-right: "\f10e";
-
- @spinner: "\f110";
-
- @circle: "\f111";
-
- @reply: "\f112";
-
- @github-alt: "\f113";
-
- @folder-close-alt: "\f114";
-
- @folder-open-alt: "\f115";
-
- @expand-alt: "\f116";
-
- @collapse-alt: "\f117";
-
- @smile: "\f118";
-
- @frown: "\f119";
-
- @meh: "\f11a";
-
- @gamepad: "\f11b";
-
- @keyboard: "\f11c";
-
- @flag-alt: "\f11d";
-
- @flag-checkered: "\f11e";
-
- @terminal: "\f120";
-
- @code: "\f121";
-
- @reply-all: "\f122";
-
- @mail-reply-all: "\f122";
-
- @star-half-empty: "\f123";
-
- @location-arrow: "\f124";
-
- @crop: "\f125";
-
- @code-fork: "\f126";
-
- @unlink: "\f127";
-
- @question: "\f128";
-
- @info: "\f129";
-
- @exclamation: "\f12a";
-
- @superscript: "\f12b";
-
- @subscript: "\f12c";
-
- @eraser: "\f12d";
-
- @puzzle-piece: "\f12e";
-
- @microphone: "\f130";
-
- @microphone-off: "\f131";
-
- @shield: "\f132";
-
- @calendar-empty: "\f133";
-
- @fire-extinguisher: "\f134";
-
- @rocket: "\f135";
-
- @maxcdn: "\f136";
-
- @chevron-sign-left: "\f137";
-
- @chevron-sign-right: "\f138";
-
- @chevron-sign-up: "\f139";
-
- @chevron-sign-down: "\f13a";
-
- @html5: "\f13b";
-
- @css3: "\f13c";
-
- @anchor: "\f13d";
-
- @unlock-alt: "\f13e";
-
- @bullseye: "\f140";
-
- @ellipsis-horizontal: "\f141";
-
- @ellipsis-vertical: "\f142";
-
- @rss-sign: "\f143";
-
- @play-sign: "\f144";
-
- @ticket: "\f145";
-
- @minus-sign-alt: "\f146";
-
- @check-minus: "\f147";
-
- @level-up: "\f148";
-
- @level-down: "\f149";
-
- @check-sign: "\f14a";
-
- @edit-sign: "\f14b";
-
- @external-link-sign: "\f14c";
-
- @share-sign: "\f14d";
-
- @compass: "\f14e";
-
- @collapse: "\f150";
-
- @collapse-top: "\f151";
-
- @expand: "\f152";
-
- @eur: "\f153";
-
- @gbp: "\f154";
-
- @usd: "\f155";
-
- @inr: "\f156";
-
- @jpy: "\f157";
-
- @cny: "\f158";
-
- @krw: "\f159";
-
- @btc: "\f15a";
-
- @file: "\f15b";
-
- @file-text: "\f15c";
-
- @sort-by-alphabet: "\f15d";
-
- @sort-by-alphabet-alt: "\f15e";
-
- @sort-by-attributes: "\f160";
-
- @sort-by-attributes-alt: "\f161";
-
- @sort-by-order: "\f162";
-
- @sort-by-order-alt: "\f163";
-
- @thumbs-up: "\f164";
-
- @thumbs-down: "\f165";
-
- @youtube-sign: "\f166";
-
- @youtube: "\f167";
-
- @xing: "\f168";
-
- @xing-sign: "\f169";
-
- @youtube-play: "\f16a";
-
- @dropbox: "\f16b";
-
- @stackexchange: "\f16c";
-
- @instagram: "\f16d";
-
- @flickr: "\f16e";
-
- @adn: "\f170";
-
- @bitbucket: "\f171";
-
- @bitbucket-sign: "\f172";
-
- @tumblr: "\f173";
-
- @tumblr-sign: "\f174";
-
- @long-arrow-down: "\f175";
-
- @long-arrow-up: "\f176";
-
- @long-arrow-left: "\f177";
-
- @long-arrow-right: "\f178";
-
- @apple: "\f179";
-
- @windows: "\f17a";
-
- @android: "\f17b";
-
- @linux: "\f17c";
-
- @dribbble: "\f17d";
-
- @skype: "\f17e";
-
- @foursquare: "\f180";
-
- @trello: "\f181";
-
- @female: "\f182";
-
- @male: "\f183";
-
- @gittip: "\f184";
-
- @sun: "\f185";
-
- @moon: "\f186";
-
- @archive: "\f187";
-
- @bug: "\f188";
-
- @vk: "\f189";
-
- @weibo: "\f18a";
-
- @renren: "\f18b";
+@fa-font-path: "../fonts";
+//@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts"; // for referencing Bootstrap CDN font files directly
+@fa-css-prefix: fa;
+@fa-version: "4.0.3";
+@fa-border-color: #eee;
+@fa-inverse: #fff;
+@fa-li-width: (30em / 14);
+
+@fa-var-glass: "\f000";
+@fa-var-music: "\f001";
+@fa-var-search: "\f002";
+@fa-var-envelope-o: "\f003";
+@fa-var-heart: "\f004";
+@fa-var-star: "\f005";
+@fa-var-star-o: "\f006";
+@fa-var-user: "\f007";
+@fa-var-film: "\f008";
+@fa-var-th-large: "\f009";
+@fa-var-th: "\f00a";
+@fa-var-th-list: "\f00b";
+@fa-var-check: "\f00c";
+@fa-var-times: "\f00d";
+@fa-var-search-plus: "\f00e";
+@fa-var-search-minus: "\f010";
+@fa-var-power-off: "\f011";
+@fa-var-signal: "\f012";
+@fa-var-cog: "\f013";
+@fa-var-trash-o: "\f014";
+@fa-var-home: "\f015";
+@fa-var-file-o: "\f016";
+@fa-var-clock-o: "\f017";
+@fa-var-road: "\f018";
+@fa-var-download: "\f019";
+@fa-var-arrow-circle-o-down: "\f01a";
+@fa-var-arrow-circle-o-up: "\f01b";
+@fa-var-inbox: "\f01c";
+@fa-var-play-circle-o: "\f01d";
+@fa-var-repeat: "\f01e";
+@fa-var-refresh: "\f021";
+@fa-var-list-alt: "\f022";
+@fa-var-lock: "\f023";
+@fa-var-flag: "\f024";
+@fa-var-headphones: "\f025";
+@fa-var-volume-off: "\f026";
+@fa-var-volume-down: "\f027";
+@fa-var-volume-up: "\f028";
+@fa-var-qrcode: "\f029";
+@fa-var-barcode: "\f02a";
+@fa-var-tag: "\f02b";
+@fa-var-tags: "\f02c";
+@fa-var-book: "\f02d";
+@fa-var-bookmark: "\f02e";
+@fa-var-print: "\f02f";
+@fa-var-camera: "\f030";
+@fa-var-font: "\f031";
+@fa-var-bold: "\f032";
+@fa-var-italic: "\f033";
+@fa-var-text-height: "\f034";
+@fa-var-text-width: "\f035";
+@fa-var-align-left: "\f036";
+@fa-var-align-center: "\f037";
+@fa-var-align-right: "\f038";
+@fa-var-align-justify: "\f039";
+@fa-var-list: "\f03a";
+@fa-var-outdent: "\f03b";
+@fa-var-indent: "\f03c";
+@fa-var-video-camera: "\f03d";
+@fa-var-picture-o: "\f03e";
+@fa-var-pencil: "\f040";
+@fa-var-map-marker: "\f041";
+@fa-var-adjust: "\f042";
+@fa-var-tint: "\f043";
+@fa-var-pencil-square-o: "\f044";
+@fa-var-share-square-o: "\f045";
+@fa-var-check-square-o: "\f046";
+@fa-var-arrows: "\f047";
+@fa-var-step-backward: "\f048";
+@fa-var-fast-backward: "\f049";
+@fa-var-backward: "\f04a";
+@fa-var-play: "\f04b";
+@fa-var-pause: "\f04c";
+@fa-var-stop: "\f04d";
+@fa-var-forward: "\f04e";
+@fa-var-fast-forward: "\f050";
+@fa-var-step-forward: "\f051";
+@fa-var-eject: "\f052";
+@fa-var-chevron-left: "\f053";
+@fa-var-chevron-right: "\f054";
+@fa-var-plus-circle: "\f055";
+@fa-var-minus-circle: "\f056";
+@fa-var-times-circle: "\f057";
+@fa-var-check-circle: "\f058";
+@fa-var-question-circle: "\f059";
+@fa-var-info-circle: "\f05a";
+@fa-var-crosshairs: "\f05b";
+@fa-var-times-circle-o: "\f05c";
+@fa-var-check-circle-o: "\f05d";
+@fa-var-ban: "\f05e";
+@fa-var-arrow-left: "\f060";
+@fa-var-arrow-right: "\f061";
+@fa-var-arrow-up: "\f062";
+@fa-var-arrow-down: "\f063";
+@fa-var-share: "\f064";
+@fa-var-expand: "\f065";
+@fa-var-compress: "\f066";
+@fa-var-plus: "\f067";
+@fa-var-minus: "\f068";
+@fa-var-asterisk: "\f069";
+@fa-var-exclamation-circle: "\f06a";
+@fa-var-gift: "\f06b";
+@fa-var-leaf: "\f06c";
+@fa-var-fire: "\f06d";
+@fa-var-eye: "\f06e";
+@fa-var-eye-slash: "\f070";
+@fa-var-exclamation-triangle: "\f071";
+@fa-var-plane: "\f072";
+@fa-var-calendar: "\f073";
+@fa-var-random: "\f074";
+@fa-var-comment: "\f075";
+@fa-var-magnet: "\f076";
+@fa-var-chevron-up: "\f077";
+@fa-var-chevron-down: "\f078";
+@fa-var-retweet: "\f079";
+@fa-var-shopping-cart: "\f07a";
+@fa-var-folder: "\f07b";
+@fa-var-folder-open: "\f07c";
+@fa-var-arrows-v: "\f07d";
+@fa-var-arrows-h: "\f07e";
+@fa-var-bar-chart-o: "\f080";
+@fa-var-twitter-square: "\f081";
+@fa-var-facebook-square: "\f082";
+@fa-var-camera-retro: "\f083";
+@fa-var-key: "\f084";
+@fa-var-cogs: "\f085";
+@fa-var-comments: "\f086";
+@fa-var-thumbs-o-up: "\f087";
+@fa-var-thumbs-o-down: "\f088";
+@fa-var-star-half: "\f089";
+@fa-var-heart-o: "\f08a";
+@fa-var-sign-out: "\f08b";
+@fa-var-linkedin-square: "\f08c";
+@fa-var-thumb-tack: "\f08d";
+@fa-var-external-link: "\f08e";
+@fa-var-sign-in: "\f090";
+@fa-var-trophy: "\f091";
+@fa-var-github-square: "\f092";
+@fa-var-upload: "\f093";
+@fa-var-lemon-o: "\f094";
+@fa-var-phone: "\f095";
+@fa-var-square-o: "\f096";
+@fa-var-bookmark-o: "\f097";
+@fa-var-phone-square: "\f098";
+@fa-var-twitter: "\f099";
+@fa-var-facebook: "\f09a";
+@fa-var-github: "\f09b";
+@fa-var-unlock: "\f09c";
+@fa-var-credit-card: "\f09d";
+@fa-var-rss: "\f09e";
+@fa-var-hdd-o: "\f0a0";
+@fa-var-bullhorn: "\f0a1";
+@fa-var-bell: "\f0f3";
+@fa-var-certificate: "\f0a3";
+@fa-var-hand-o-right: "\f0a4";
+@fa-var-hand-o-left: "\f0a5";
+@fa-var-hand-o-up: "\f0a6";
+@fa-var-hand-o-down: "\f0a7";
+@fa-var-arrow-circle-left: "\f0a8";
+@fa-var-arrow-circle-right: "\f0a9";
+@fa-var-arrow-circle-up: "\f0aa";
+@fa-var-arrow-circle-down: "\f0ab";
+@fa-var-globe: "\f0ac";
+@fa-var-wrench: "\f0ad";
+@fa-var-tasks: "\f0ae";
+@fa-var-filter: "\f0b0";
+@fa-var-briefcase: "\f0b1";
+@fa-var-arrows-alt: "\f0b2";
+@fa-var-users: "\f0c0";
+@fa-var-link: "\f0c1";
+@fa-var-cloud: "\f0c2";
+@fa-var-flask: "\f0c3";
+@fa-var-scissors: "\f0c4";
+@fa-var-files-o: "\f0c5";
+@fa-var-paperclip: "\f0c6";
+@fa-var-floppy-o: "\f0c7";
+@fa-var-square: "\f0c8";
+@fa-var-bars: "\f0c9";
+@fa-var-list-ul: "\f0ca";
+@fa-var-list-ol: "\f0cb";
+@fa-var-strikethrough: "\f0cc";
+@fa-var-underline: "\f0cd";
+@fa-var-table: "\f0ce";
+@fa-var-magic: "\f0d0";
+@fa-var-truck: "\f0d1";
+@fa-var-pinterest: "\f0d2";
+@fa-var-pinterest-square: "\f0d3";
+@fa-var-google-plus-square: "\f0d4";
+@fa-var-google-plus: "\f0d5";
+@fa-var-money: "\f0d6";
+@fa-var-caret-down: "\f0d7";
+@fa-var-caret-up: "\f0d8";
+@fa-var-caret-left: "\f0d9";
+@fa-var-caret-right: "\f0da";
+@fa-var-columns: "\f0db";
+@fa-var-sort: "\f0dc";
+@fa-var-sort-asc: "\f0dd";
+@fa-var-sort-desc: "\f0de";
+@fa-var-envelope: "\f0e0";
+@fa-var-linkedin: "\f0e1";
+@fa-var-undo: "\f0e2";
+@fa-var-gavel: "\f0e3";
+@fa-var-tachometer: "\f0e4";
+@fa-var-comment-o: "\f0e5";
+@fa-var-comments-o: "\f0e6";
+@fa-var-bolt: "\f0e7";
+@fa-var-sitemap: "\f0e8";
+@fa-var-umbrella: "\f0e9";
+@fa-var-clipboard: "\f0ea";
+@fa-var-lightbulb-o: "\f0eb";
+@fa-var-exchange: "\f0ec";
+@fa-var-cloud-download: "\f0ed";
+@fa-var-cloud-upload: "\f0ee";
+@fa-var-user-md: "\f0f0";
+@fa-var-stethoscope: "\f0f1";
+@fa-var-suitcase: "\f0f2";
+@fa-var-bell-o: "\f0a2";
+@fa-var-coffee: "\f0f4";
+@fa-var-cutlery: "\f0f5";
+@fa-var-file-text-o: "\f0f6";
+@fa-var-building-o: "\f0f7";
+@fa-var-hospital-o: "\f0f8";
+@fa-var-ambulance: "\f0f9";
+@fa-var-medkit: "\f0fa";
+@fa-var-fighter-jet: "\f0fb";
+@fa-var-beer: "\f0fc";
+@fa-var-h-square: "\f0fd";
+@fa-var-plus-square: "\f0fe";
+@fa-var-angle-double-left: "\f100";
+@fa-var-angle-double-right: "\f101";
+@fa-var-angle-double-up: "\f102";
+@fa-var-angle-double-down: "\f103";
+@fa-var-angle-left: "\f104";
+@fa-var-angle-right: "\f105";
+@fa-var-angle-up: "\f106";
+@fa-var-angle-down: "\f107";
+@fa-var-desktop: "\f108";
+@fa-var-laptop: "\f109";
+@fa-var-tablet: "\f10a";
+@fa-var-mobile: "\f10b";
+@fa-var-circle-o: "\f10c";
+@fa-var-quote-left: "\f10d";
+@fa-var-quote-right: "\f10e";
+@fa-var-spinner: "\f110";
+@fa-var-circle: "\f111";
+@fa-var-reply: "\f112";
+@fa-var-github-alt: "\f113";
+@fa-var-folder-o: "\f114";
+@fa-var-folder-open-o: "\f115";
+@fa-var-smile-o: "\f118";
+@fa-var-frown-o: "\f119";
+@fa-var-meh-o: "\f11a";
+@fa-var-gamepad: "\f11b";
+@fa-var-keyboard-o: "\f11c";
+@fa-var-flag-o: "\f11d";
+@fa-var-flag-checkered: "\f11e";
+@fa-var-terminal: "\f120";
+@fa-var-code: "\f121";
+@fa-var-reply-all: "\f122";
+@fa-var-mail-reply-all: "\f122";
+@fa-var-star-half-o: "\f123";
+@fa-var-location-arrow: "\f124";
+@fa-var-crop: "\f125";
+@fa-var-code-fork: "\f126";
+@fa-var-chain-broken: "\f127";
+@fa-var-question: "\f128";
+@fa-var-info: "\f129";
+@fa-var-exclamation: "\f12a";
+@fa-var-superscript: "\f12b";
+@fa-var-subscript: "\f12c";
+@fa-var-eraser: "\f12d";
+@fa-var-puzzle-piece: "\f12e";
+@fa-var-microphone: "\f130";
+@fa-var-microphone-slash: "\f131";
+@fa-var-shield: "\f132";
+@fa-var-calendar-o: "\f133";
+@fa-var-fire-extinguisher: "\f134";
+@fa-var-rocket: "\f135";
+@fa-var-maxcdn: "\f136";
+@fa-var-chevron-circle-left: "\f137";
+@fa-var-chevron-circle-right: "\f138";
+@fa-var-chevron-circle-up: "\f139";
+@fa-var-chevron-circle-down: "\f13a";
+@fa-var-html5: "\f13b";
+@fa-var-css3: "\f13c";
+@fa-var-anchor: "\f13d";
+@fa-var-unlock-alt: "\f13e";
+@fa-var-bullseye: "\f140";
+@fa-var-ellipsis-h: "\f141";
+@fa-var-ellipsis-v: "\f142";
+@fa-var-rss-square: "\f143";
+@fa-var-play-circle: "\f144";
+@fa-var-ticket: "\f145";
+@fa-var-minus-square: "\f146";
+@fa-var-minus-square-o: "\f147";
+@fa-var-level-up: "\f148";
+@fa-var-level-down: "\f149";
+@fa-var-check-square: "\f14a";
+@fa-var-pencil-square: "\f14b";
+@fa-var-external-link-square: "\f14c";
+@fa-var-share-square: "\f14d";
+@fa-var-compass: "\f14e";
+@fa-var-caret-square-o-down: "\f150";
+@fa-var-caret-square-o-up: "\f151";
+@fa-var-caret-square-o-right: "\f152";
+@fa-var-eur: "\f153";
+@fa-var-gbp: "\f154";
+@fa-var-usd: "\f155";
+@fa-var-inr: "\f156";
+@fa-var-jpy: "\f157";
+@fa-var-rub: "\f158";
+@fa-var-krw: "\f159";
+@fa-var-btc: "\f15a";
+@fa-var-file: "\f15b";
+@fa-var-file-text: "\f15c";
+@fa-var-sort-alpha-asc: "\f15d";
+@fa-var-sort-alpha-desc: "\f15e";
+@fa-var-sort-amount-asc: "\f160";
+@fa-var-sort-amount-desc: "\f161";
+@fa-var-sort-numeric-asc: "\f162";
+@fa-var-sort-numeric-desc: "\f163";
+@fa-var-thumbs-up: "\f164";
+@fa-var-thumbs-down: "\f165";
+@fa-var-youtube-square: "\f166";
+@fa-var-youtube: "\f167";
+@fa-var-xing: "\f168";
+@fa-var-xing-square: "\f169";
+@fa-var-youtube-play: "\f16a";
+@fa-var-dropbox: "\f16b";
+@fa-var-stack-overflow: "\f16c";
+@fa-var-instagram: "\f16d";
+@fa-var-flickr: "\f16e";
+@fa-var-adn: "\f170";
+@fa-var-bitbucket: "\f171";
+@fa-var-bitbucket-square: "\f172";
+@fa-var-tumblr: "\f173";
+@fa-var-tumblr-square: "\f174";
+@fa-var-long-arrow-down: "\f175";
+@fa-var-long-arrow-up: "\f176";
+@fa-var-long-arrow-left: "\f177";
+@fa-var-long-arrow-right: "\f178";
+@fa-var-apple: "\f179";
+@fa-var-windows: "\f17a";
+@fa-var-android: "\f17b";
+@fa-var-linux: "\f17c";
+@fa-var-dribbble: "\f17d";
+@fa-var-skype: "\f17e";
+@fa-var-foursquare: "\f180";
+@fa-var-trello: "\f181";
+@fa-var-female: "\f182";
+@fa-var-male: "\f183";
+@fa-var-gittip: "\f184";
+@fa-var-sun-o: "\f185";
+@fa-var-moon-o: "\f186";
+@fa-var-archive: "\f187";
+@fa-var-bug: "\f188";
+@fa-var-vk: "\f189";
+@fa-var-weibo: "\f18a";
+@fa-var-renren: "\f18b";
+@fa-var-pagelines: "\f18c";
+@fa-var-stack-exchange: "\f18d";
+@fa-var-arrow-circle-o-right: "\f18e";
+@fa-var-arrow-circle-o-left: "\f190";
+@fa-var-caret-square-o-left: "\f191";
+@fa-var-dot-circle-o: "\f192";
+@fa-var-wheelchair: "\f193";
+@fa-var-vimeo-square: "\f194";
+@fa-var-try: "\f195";
+@fa-var-plus-square-o: "\f196";
{
"name": "font-awesome",
"description": "The iconic font designed for Bootstrap",
- "version": "3.2.1",
+ "version": "4.0.3",
"keywords": ["font", "awesome", "fontawesome", "icon", "font", "bootstrap"],
"homepage": "http://fontawesome.io/",
"author": {
"name": "Dave Gandy",
"email": "dave@fontawesome.io",
- "web": "http://twitter.com/byscuits"
+ "web": "http://twitter.com/davegandy"
},
"repository": {
"type": "git",
}
],
"dependencies": {
- "jekyll": "1.0.2",
- "lessc": "1.3.3"
+ "less": "1.4.2"
}
}
--- /dev/null
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+ padding: .2em .25em .15em;
+ border: solid .08em $fa-border-color;
+ border-radius: .1em;
+}
+
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$fa-css-prefix} {
+ &.pull-left { margin-right: .3em; }
+ &.pull-right { margin-left: .3em; }
+}
-/* FONT AWESOME CORE
- * -------------------------- */
-
-[class^="icon-"],
-[class*=" icon-"] {
- @include icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
- text-decoration: inherit;
- display: inline-block;
- speak: none;
-}
-
-/* makes the font 33% larger relative to the icon container */
-.icon-large:before {
- vertical-align: -10%;
- font-size: (4em/3);
-}
-
-/* makes sure icons active on rollover in links */
-a {
- [class^="icon-"],
- [class*=" icon-"] {
- display: inline;
- }
-}
-
-/* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
- &.icon-fixed-width {
- display: inline-block;
- width: (16em/14);
- text-align: right;
- padding-right: (4em/14);
- &.icon-large {
- width: (20em/14);
- }
- }
-}
-
-.icons-ul {
- margin-left: $icons-li-width;
- list-style-type: none;
-
- > li { position: relative; }
-
- .icon-li {
- position: absolute;
- left: -$icons-li-width;
- width: $icons-li-width;
- text-align: center;
- line-height: inherit;
- }
-}
-
-// allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
- &.hide {
- display: none;
- }
-}
-
-.icon-muted { color: $iconMuted; }
-.icon-light { color: $iconLight; }
-.icon-dark { color: $iconDark; }
-
-// Icon Borders
+// Base Class Definition
// -------------------------
-.icon-border {
- border: solid 1px $borderColor;
- padding: .2em .25em .15em;
- @include border-radius(3px);
-}
-
-// Icon Sizes
-// -------------------------
-
-.icon-2x {
- font-size: 2em;
- &.icon-border {
- border-width: 2px;
- @include border-radius(4px);
- }
-}
-.icon-3x {
- font-size: 3em;
- &.icon-border {
- border-width: 3px;
- @include border-radius(5px);
- }
-}
-.icon-4x {
- font-size: 4em;
- &.icon-border {
- border-width: 4px;
- @include border-radius(6px);
- }
-}
-
-.icon-5x {
- font-size: 5em;
- &.icon-border {
- border-width: 5px;
- @include border-radius(7px);
- }
-}
-
-
-// Floats & Margins
-// -------------------------
-
-// Quick floats
-.pull-right { float: right; }
-.pull-left { float: left; }
-
-[class^="icon-"],
-[class*=" icon-"] {
- &.pull-left {
- margin-right: .3em;
- }
- &.pull-right {
- margin-left: .3em;
- }
+.#{$fa-css-prefix} {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
* -------------------------- */
/* Stacked and layered icon */
-@include icon-stack();
/* Animated rotating icon */
-.icon-spin {
- display: inline-block;
+.#{$fa-css-prefix}-spin {
+ -webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
- -webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
-/* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
- display: inline-block;
- text-decoration: none;
-}
-
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); }
100% { transform: rotate(359deg); }
}
-/* Icon rotations and mirroring */
-.icon-rotate-90:before {
- -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- transform: rotate(90deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-}
-
-.icon-rotate-180:before {
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- transform: rotate(180deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-}
-
-.icon-rotate-270:before {
- -webkit-transform: rotate(270deg);
- -moz-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- -o-transform: rotate(270deg);
- transform: rotate(270deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-}
-.icon-flip-horizontal:before {
- -webkit-transform: scale(-1, 1);
- -moz-transform: scale(-1, 1);
- -ms-transform: scale(-1, 1);
- -o-transform: scale(-1, 1);
- transform: scale(-1, 1);
-}
+// Icon rotations & flipping
+// -------------------------
-.icon-flip-vertical:before {
- -webkit-transform: scale(1, -1);
- -moz-transform: scale(1, -1);
- -ms-transform: scale(1, -1);
- -o-transform: scale(1, -1);
- transform: scale(1, -1);
-}
+.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
-/* ensure rotation occurs inside anchor tags */
-a {
- .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
- &:before { display: inline-block; }
- }
-}
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
--- /dev/null
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+ width: (18em / 14);
+ text-align: center;
+}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
- * readers do not read off random characters that represent icons */
+ readers do not read off random characters that represent icons */
-.icon-glass:before { content: $glass; }
-.icon-music:before { content: $music; }
-.icon-search:before { content: $search; }
-.icon-envelope-alt:before { content: $envelope-alt; }
-.icon-heart:before { content: $heart; }
-.icon-star:before { content: $star; }
-.icon-star-empty:before { content: $star-empty; }
-.icon-user:before { content: $user; }
-.icon-film:before { content: $film; }
-.icon-th-large:before { content: $th-large; }
-.icon-th:before { content: $th; }
-.icon-th-list:before { content: $th-list; }
-.icon-ok:before { content: $ok; }
-.icon-remove:before { content: $remove; }
-.icon-zoom-in:before { content: $zoom-in; }
-.icon-zoom-out:before { content: $zoom-out; }
-.icon-power-off:before,
-.icon-off:before { content: $off; }
-.icon-signal:before { content: $signal; }
-.icon-gear:before,
-.icon-cog:before { content: $cog; }
-.icon-trash:before { content: $trash; }
-.icon-home:before { content: $home; }
-.icon-file-alt:before { content: $file-alt; }
-.icon-time:before { content: $time; }
-.icon-road:before { content: $road; }
-.icon-download-alt:before { content: $download-alt; }
-.icon-download:before { content: $download; }
-.icon-upload:before { content: $upload; }
-.icon-inbox:before { content: $inbox; }
-.icon-play-circle:before { content: $play-circle; }
-.icon-rotate-right:before,
-.icon-repeat:before { content: $repeat; }
-.icon-refresh:before { content: $refresh; }
-.icon-list-alt:before { content: $list-alt; }
-.icon-lock:before { content: $lock; }
-.icon-flag:before { content: $flag; }
-.icon-headphones:before { content: $headphones; }
-.icon-volume-off:before { content: $volume-off; }
-.icon-volume-down:before { content: $volume-down; }
-.icon-volume-up:before { content: $volume-up; }
-.icon-qrcode:before { content: $qrcode; }
-.icon-barcode:before { content: $barcode; }
-.icon-tag:before { content: $tag; }
-.icon-tags:before { content: $tags; }
-.icon-book:before { content: $book; }
-.icon-bookmark:before { content: $bookmark; }
-.icon-print:before { content: $print; }
-.icon-camera:before { content: $camera; }
-.icon-font:before { content: $font; }
-.icon-bold:before { content: $bold; }
-.icon-italic:before { content: $italic; }
-.icon-text-height:before { content: $text-height; }
-.icon-text-width:before { content: $text-width; }
-.icon-align-left:before { content: $align-left; }
-.icon-align-center:before { content: $align-center; }
-.icon-align-right:before { content: $align-right; }
-.icon-align-justify:before { content: $align-justify; }
-.icon-list:before { content: $list; }
-.icon-indent-left:before { content: $indent-left; }
-.icon-indent-right:before { content: $indent-right; }
-.icon-facetime-video:before { content: $facetime-video; }
-.icon-picture:before { content: $picture; }
-.icon-pencil:before { content: $pencil; }
-.icon-map-marker:before { content: $map-marker; }
-.icon-adjust:before { content: $adjust; }
-.icon-tint:before { content: $tint; }
-.icon-edit:before { content: $edit; }
-.icon-share:before { content: $share; }
-.icon-check:before { content: $check; }
-.icon-move:before { content: $move; }
-.icon-step-backward:before { content: $step-backward; }
-.icon-fast-backward:before { content: $fast-backward; }
-.icon-backward:before { content: $backward; }
-.icon-play:before { content: $play; }
-.icon-pause:before { content: $pause; }
-.icon-stop:before { content: $stop; }
-.icon-forward:before { content: $forward; }
-.icon-fast-forward:before { content: $fast-forward; }
-.icon-step-forward:before { content: $step-forward; }
-.icon-eject:before { content: $eject; }
-.icon-chevron-left:before { content: $chevron-left; }
-.icon-chevron-right:before { content: $chevron-right; }
-.icon-plus-sign:before { content: $plus-sign; }
-.icon-minus-sign:before { content: $minus-sign; }
-.icon-remove-sign:before { content: $remove-sign; }
-.icon-ok-sign:before { content: $ok-sign; }
-.icon-question-sign:before { content: $question-sign; }
-.icon-info-sign:before { content: $info-sign; }
-.icon-screenshot:before { content: $screenshot; }
-.icon-remove-circle:before { content: $remove-circle; }
-.icon-ok-circle:before { content: $ok-circle; }
-.icon-ban-circle:before { content: $ban-circle; }
-.icon-arrow-left:before { content: $arrow-left; }
-.icon-arrow-right:before { content: $arrow-right; }
-.icon-arrow-up:before { content: $arrow-up; }
-.icon-arrow-down:before { content: $arrow-down; }
-.icon-mail-forward:before,
-.icon-share-alt:before { content: $share-alt; }
-.icon-resize-full:before { content: $resize-full; }
-.icon-resize-small:before { content: $resize-small; }
-.icon-plus:before { content: $plus; }
-.icon-minus:before { content: $minus; }
-.icon-asterisk:before { content: $asterisk; }
-.icon-exclamation-sign:before { content: $exclamation-sign; }
-.icon-gift:before { content: $gift; }
-.icon-leaf:before { content: $leaf; }
-.icon-fire:before { content: $fire; }
-.icon-eye-open:before { content: $eye-open; }
-.icon-eye-close:before { content: $eye-close; }
-.icon-warning-sign:before { content: $warning-sign; }
-.icon-plane:before { content: $plane; }
-.icon-calendar:before { content: $calendar; }
-.icon-random:before { content: $random; }
-.icon-comment:before { content: $comment; }
-.icon-magnet:before { content: $magnet; }
-.icon-chevron-up:before { content: $chevron-up; }
-.icon-chevron-down:before { content: $chevron-down; }
-.icon-retweet:before { content: $retweet; }
-.icon-shopping-cart:before { content: $shopping-cart; }
-.icon-folder-close:before { content: $folder-close; }
-.icon-folder-open:before { content: $folder-open; }
-.icon-resize-vertical:before { content: $resize-vertical; }
-.icon-resize-horizontal:before { content: $resize-horizontal; }
-.icon-bar-chart:before { content: $bar-chart; }
-.icon-twitter-sign:before { content: $twitter-sign; }
-.icon-facebook-sign:before { content: $facebook-sign; }
-.icon-camera-retro:before { content: $camera-retro; }
-.icon-key:before { content: $key; }
-.icon-gears:before,
-.icon-cogs:before { content: $cogs; }
-.icon-comments:before { content: $comments; }
-.icon-thumbs-up-alt:before { content: $thumbs-up-alt; }
-.icon-thumbs-down-alt:before { content: $thumbs-down-alt; }
-.icon-star-half:before { content: $star-half; }
-.icon-heart-empty:before { content: $heart-empty; }
-.icon-signout:before { content: $signout; }
-.icon-linkedin-sign:before { content: $linkedin-sign; }
-.icon-pushpin:before { content: $pushpin; }
-.icon-external-link:before { content: $external-link; }
-.icon-signin:before { content: $signin; }
-.icon-trophy:before { content: $trophy; }
-.icon-github-sign:before { content: $github-sign; }
-.icon-upload-alt:before { content: $upload-alt; }
-.icon-lemon:before { content: $lemon; }
-.icon-phone:before { content: $phone; }
-.icon-unchecked:before,
-.icon-check-empty:before { content: $check-empty; }
-.icon-bookmark-empty:before { content: $bookmark-empty; }
-.icon-phone-sign:before { content: $phone-sign; }
-.icon-twitter:before { content: $twitter; }
-.icon-facebook:before { content: $facebook; }
-.icon-github:before { content: $github; }
-.icon-unlock:before { content: $unlock; }
-.icon-credit-card:before { content: $credit-card; }
-.icon-rss:before { content: $rss; }
-.icon-hdd:before { content: $hdd; }
-.icon-bullhorn:before { content: $bullhorn; }
-.icon-bell:before { content: $bell; }
-.icon-certificate:before { content: $certificate; }
-.icon-hand-right:before { content: $hand-right; }
-.icon-hand-left:before { content: $hand-left; }
-.icon-hand-up:before { content: $hand-up; }
-.icon-hand-down:before { content: $hand-down; }
-.icon-circle-arrow-left:before { content: $circle-arrow-left; }
-.icon-circle-arrow-right:before { content: $circle-arrow-right; }
-.icon-circle-arrow-up:before { content: $circle-arrow-up; }
-.icon-circle-arrow-down:before { content: $circle-arrow-down; }
-.icon-globe:before { content: $globe; }
-.icon-wrench:before { content: $wrench; }
-.icon-tasks:before { content: $tasks; }
-.icon-filter:before { content: $filter; }
-.icon-briefcase:before { content: $briefcase; }
-.icon-fullscreen:before { content: $fullscreen; }
-.icon-group:before { content: $group; }
-.icon-link:before { content: $link; }
-.icon-cloud:before { content: $cloud; }
-.icon-beaker:before { content: $beaker; }
-.icon-cut:before { content: $cut; }
-.icon-copy:before { content: $copy; }
-.icon-paperclip:before,
-.icon-paper-clip:before { content: $paper-clip; }
-.icon-save:before { content: $save; }
-.icon-sign-blank:before { content: $sign-blank; }
-.icon-reorder:before { content: $reorder; }
-.icon-list-ul:before { content: $list-ul; }
-.icon-list-ol:before { content: $list-ol; }
-.icon-strikethrough:before { content: $strikethrough; }
-.icon-underline:before { content: $underline; }
-.icon-table:before { content: $table; }
-.icon-magic:before { content: $magic; }
-.icon-truck:before { content: $truck; }
-.icon-pinterest:before { content: $pinterest; }
-.icon-pinterest-sign:before { content: $pinterest-sign; }
-.icon-google-plus-sign:before { content: $google-plus-sign; }
-.icon-google-plus:before { content: $google-plus; }
-.icon-money:before { content: $money; }
-.icon-caret-down:before { content: $caret-down; }
-.icon-caret-up:before { content: $caret-up; }
-.icon-caret-left:before { content: $caret-left; }
-.icon-caret-right:before { content: $caret-right; }
-.icon-columns:before { content: $columns; }
-.icon-sort:before { content: $sort; }
-.icon-sort-down:before { content: $sort-down; }
-.icon-sort-up:before { content: $sort-up; }
-.icon-envelope:before { content: $envelope; }
-.icon-linkedin:before { content: $linkedin; }
-.icon-rotate-left:before,
-.icon-undo:before { content: $undo; }
-.icon-legal:before { content: $legal; }
-.icon-dashboard:before { content: $dashboard; }
-.icon-comment-alt:before { content: $comment-alt; }
-.icon-comments-alt:before { content: $comments-alt; }
-.icon-bolt:before { content: $bolt; }
-.icon-sitemap:before { content: $sitemap; }
-.icon-umbrella:before { content: $umbrella; }
-.icon-paste:before { content: $paste; }
-.icon-lightbulb:before { content: $lightbulb; }
-.icon-exchange:before { content: $exchange; }
-.icon-cloud-download:before { content: $cloud-download; }
-.icon-cloud-upload:before { content: $cloud-upload; }
-.icon-user-md:before { content: $user-md; }
-.icon-stethoscope:before { content: $stethoscope; }
-.icon-suitcase:before { content: $suitcase; }
-.icon-bell-alt:before { content: $bell-alt; }
-.icon-coffee:before { content: $coffee; }
-.icon-food:before { content: $food; }
-.icon-file-text-alt:before { content: $file-text-alt; }
-.icon-building:before { content: $building; }
-.icon-hospital:before { content: $hospital; }
-.icon-ambulance:before { content: $ambulance; }
-.icon-medkit:before { content: $medkit; }
-.icon-fighter-jet:before { content: $fighter-jet; }
-.icon-beer:before { content: $beer; }
-.icon-h-sign:before { content: $h-sign; }
-.icon-plus-sign-alt:before { content: $plus-sign-alt; }
-.icon-double-angle-left:before { content: $double-angle-left; }
-.icon-double-angle-right:before { content: $double-angle-right; }
-.icon-double-angle-up:before { content: $double-angle-up; }
-.icon-double-angle-down:before { content: $double-angle-down; }
-.icon-angle-left:before { content: $angle-left; }
-.icon-angle-right:before { content: $angle-right; }
-.icon-angle-up:before { content: $angle-up; }
-.icon-angle-down:before { content: $angle-down; }
-.icon-desktop:before { content: $desktop; }
-.icon-laptop:before { content: $laptop; }
-.icon-tablet:before { content: $tablet; }
-.icon-mobile-phone:before { content: $mobile-phone; }
-.icon-circle-blank:before { content: $circle-blank; }
-.icon-quote-left:before { content: $quote-left; }
-.icon-quote-right:before { content: $quote-right; }
-.icon-spinner:before { content: $spinner; }
-.icon-circle:before { content: $circle; }
-.icon-mail-reply:before,
-.icon-reply:before { content: $reply; }
-.icon-github-alt:before { content: $github-alt; }
-.icon-folder-close-alt:before { content: $folder-close-alt; }
-.icon-folder-open-alt:before { content: $folder-open-alt; }
-.icon-expand-alt:before { content: $expand-alt; }
-.icon-collapse-alt:before { content: $collapse-alt; }
-.icon-smile:before { content: $smile; }
-.icon-frown:before { content: $frown; }
-.icon-meh:before { content: $meh; }
-.icon-gamepad:before { content: $gamepad; }
-.icon-keyboard:before { content: $keyboard; }
-.icon-flag-alt:before { content: $flag-alt; }
-.icon-flag-checkered:before { content: $flag-checkered; }
-.icon-terminal:before { content: $terminal; }
-.icon-code:before { content: $code; }
-.icon-reply-all:before { content: $reply-all; }
-.icon-mail-reply-all:before { content: $mail-reply-all; }
-.icon-star-half-full:before,
-.icon-star-half-empty:before { content: $star-half-empty; }
-.icon-location-arrow:before { content: $location-arrow; }
-.icon-crop:before { content: $crop; }
-.icon-code-fork:before { content: $code-fork; }
-.icon-unlink:before { content: $unlink; }
-.icon-question:before { content: $question; }
-.icon-info:before { content: $info; }
-.icon-exclamation:before { content: $exclamation; }
-.icon-superscript:before { content: $superscript; }
-.icon-subscript:before { content: $subscript; }
-.icon-eraser:before { content: $eraser; }
-.icon-puzzle-piece:before { content: $puzzle-piece; }
-.icon-microphone:before { content: $microphone; }
-.icon-microphone-off:before { content: $microphone-off; }
-.icon-shield:before { content: $shield; }
-.icon-calendar-empty:before { content: $calendar-empty; }
-.icon-fire-extinguisher:before { content: $fire-extinguisher; }
-.icon-rocket:before { content: $rocket; }
-.icon-maxcdn:before { content: $maxcdn; }
-.icon-chevron-sign-left:before { content: $chevron-sign-left; }
-.icon-chevron-sign-right:before { content: $chevron-sign-right; }
-.icon-chevron-sign-up:before { content: $chevron-sign-up; }
-.icon-chevron-sign-down:before { content: $chevron-sign-down; }
-.icon-html5:before { content: $html5; }
-.icon-css3:before { content: $css3; }
-.icon-anchor:before { content: $anchor; }
-.icon-unlock-alt:before { content: $unlock-alt; }
-.icon-bullseye:before { content: $bullseye; }
-.icon-ellipsis-horizontal:before { content: $ellipsis-horizontal; }
-.icon-ellipsis-vertical:before { content: $ellipsis-vertical; }
-.icon-rss-sign:before { content: $rss-sign; }
-.icon-play-sign:before { content: $play-sign; }
-.icon-ticket:before { content: $ticket; }
-.icon-minus-sign-alt:before { content: $minus-sign-alt; }
-.icon-check-minus:before { content: $check-minus; }
-.icon-level-up:before { content: $level-up; }
-.icon-level-down:before { content: $level-down; }
-.icon-check-sign:before { content: $check-sign; }
-.icon-edit-sign:before { content: $edit-sign; }
-.icon-external-link-sign:before { content: $external-link-sign; }
-.icon-share-sign:before { content: $share-sign; }
-.icon-compass:before { content: $compass; }
-.icon-collapse:before { content: $collapse; }
-.icon-collapse-top:before { content: $collapse-top; }
-.icon-expand:before { content: $expand; }
-.icon-euro:before,
-.icon-eur:before { content: $eur; }
-.icon-gbp:before { content: $gbp; }
-.icon-dollar:before,
-.icon-usd:before { content: $usd; }
-.icon-rupee:before,
-.icon-inr:before { content: $inr; }
-.icon-yen:before,
-.icon-jpy:before { content: $jpy; }
-.icon-renminbi:before,
-.icon-cny:before { content: $cny; }
-.icon-won:before,
-.icon-krw:before { content: $krw; }
-.icon-bitcoin:before,
-.icon-btc:before { content: $btc; }
-.icon-file:before { content: $file; }
-.icon-file-text:before { content: $file-text; }
-.icon-sort-by-alphabet:before { content: $sort-by-alphabet; }
-.icon-sort-by-alphabet-alt:before { content: $sort-by-alphabet-alt; }
-.icon-sort-by-attributes:before { content: $sort-by-attributes; }
-.icon-sort-by-attributes-alt:before { content: $sort-by-attributes-alt; }
-.icon-sort-by-order:before { content: $sort-by-order; }
-.icon-sort-by-order-alt:before { content: $sort-by-order-alt; }
-.icon-thumbs-up:before { content: $thumbs-up; }
-.icon-thumbs-down:before { content: $thumbs-down; }
-.icon-youtube-sign:before { content: $youtube-sign; }
-.icon-youtube:before { content: $youtube; }
-.icon-xing:before { content: $xing; }
-.icon-xing-sign:before { content: $xing-sign; }
-.icon-youtube-play:before { content: $youtube-play; }
-.icon-dropbox:before { content: $dropbox; }
-.icon-stackexchange:before { content: $stackexchange; }
-.icon-instagram:before { content: $instagram; }
-.icon-flickr:before { content: $flickr; }
-.icon-adn:before { content: $adn; }
-.icon-bitbucket:before { content: $bitbucket; }
-.icon-bitbucket-sign:before { content: $bitbucket-sign; }
-.icon-tumblr:before { content: $tumblr; }
-.icon-tumblr-sign:before { content: $tumblr-sign; }
-.icon-long-arrow-down:before { content: $long-arrow-down; }
-.icon-long-arrow-up:before { content: $long-arrow-up; }
-.icon-long-arrow-left:before { content: $long-arrow-left; }
-.icon-long-arrow-right:before { content: $long-arrow-right; }
-.icon-apple:before { content: $apple; }
-.icon-windows:before { content: $windows; }
-.icon-android:before { content: $android; }
-.icon-linux:before { content: $linux; }
-.icon-dribbble:before { content: $dribbble; }
-.icon-skype:before { content: $skype; }
-.icon-foursquare:before { content: $foursquare; }
-.icon-trello:before { content: $trello; }
-.icon-female:before { content: $female; }
-.icon-male:before { content: $male; }
-.icon-gittip:before { content: $gittip; }
-.icon-sun:before { content: $sun; }
-.icon-moon:before { content: $moon; }
-.icon-archive:before { content: $archive; }
-.icon-bug:before { content: $bug; }
-.icon-vk:before { content: $vk; }
-.icon-weibo:before { content: $weibo; }
-.icon-renren:before { content: $renren; }
+.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
+.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
+.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
+.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
+.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
+.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
+.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
+.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
+.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
+.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
+.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
+.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
+.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
+.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
+.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
+.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
+.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
+.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
+.#{$fa-css-prefix}-gear:before,
+.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
+.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
+.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
+.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
+.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
+.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
+.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
+.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
+.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
+.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
+.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
+.#{$fa-css-prefix}-rotate-right:before,
+.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
+.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
+.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
+.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
+.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
+.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
+.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
+.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
+.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
+.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
+.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
+.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
+.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
+.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
+.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
+.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
+.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
+.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
+.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
+.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
+.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
+.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
+.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
+.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
+.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
+.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
+.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
+.#{$fa-css-prefix}-dedent:before,
+.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
+.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
+.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
+.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
+.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
+.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
+.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
+.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
+.#{$fa-css-prefix}-edit:before,
+.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
+.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
+.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
+.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
+.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
+.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
+.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
+.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
+.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
+.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
+.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
+.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
+.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
+.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
+.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
+.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
+.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
+.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
+.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
+.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
+.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
+.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
+.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
+.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
+.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
+.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
+.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
+.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
+.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
+.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
+.#{$fa-css-prefix}-mail-forward:before,
+.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
+.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
+.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
+.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
+.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
+.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
+.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
+.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
+.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
+.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
+.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
+.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
+.#{$fa-css-prefix}-warning:before,
+.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
+.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
+.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
+.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
+.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
+.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
+.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
+.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
+.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
+.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
+.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
+.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
+.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
+.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
+.#{$fa-css-prefix}-bar-chart-o:before { content: $fa-var-bar-chart-o; }
+.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
+.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
+.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
+.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
+.#{$fa-css-prefix}-gears:before,
+.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
+.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
+.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
+.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
+.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
+.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
+.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
+.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
+.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
+.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
+.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
+.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
+.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
+.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
+.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
+.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
+.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
+.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
+.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
+.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
+.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
+.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
+.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
+.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
+.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
+.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
+.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
+.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
+.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
+.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
+.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
+.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
+.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
+.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
+.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
+.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
+.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
+.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
+.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
+.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
+.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
+.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
+.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
+.#{$fa-css-prefix}-group:before,
+.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
+.#{$fa-css-prefix}-chain:before,
+.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
+.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
+.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
+.#{$fa-css-prefix}-cut:before,
+.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
+.#{$fa-css-prefix}-copy:before,
+.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
+.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
+.#{$fa-css-prefix}-save:before,
+.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
+.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
+.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
+.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
+.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
+.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
+.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
+.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
+.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
+.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
+.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
+.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
+.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
+.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
+.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
+.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
+.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
+.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
+.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
+.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
+.#{$fa-css-prefix}-unsorted:before,
+.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
+.#{$fa-css-prefix}-sort-down:before,
+.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
+.#{$fa-css-prefix}-sort-up:before,
+.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
+.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
+.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
+.#{$fa-css-prefix}-rotate-left:before,
+.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
+.#{$fa-css-prefix}-legal:before,
+.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
+.#{$fa-css-prefix}-dashboard:before,
+.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
+.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
+.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
+.#{$fa-css-prefix}-flash:before,
+.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
+.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
+.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
+.#{$fa-css-prefix}-paste:before,
+.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
+.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
+.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
+.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
+.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
+.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
+.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
+.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
+.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
+.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
+.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
+.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
+.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
+.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
+.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
+.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
+.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
+.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
+.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
+.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
+.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
+.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
+.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
+.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
+.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
+.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
+.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
+.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
+.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
+.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
+.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
+.#{$fa-css-prefix}-mobile-phone:before,
+.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
+.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
+.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
+.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
+.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
+.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
+.#{$fa-css-prefix}-mail-reply:before,
+.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
+.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
+.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
+.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
+.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
+.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
+.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
+.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
+.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
+.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
+.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
+.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
+.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
+.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
+.#{$fa-css-prefix}-mail-reply-all:before { content: $fa-var-mail-reply-all; }
+.#{$fa-css-prefix}-star-half-empty:before,
+.#{$fa-css-prefix}-star-half-full:before,
+.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
+.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
+.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
+.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
+.#{$fa-css-prefix}-unlink:before,
+.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
+.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
+.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
+.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
+.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
+.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
+.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
+.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
+.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
+.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
+.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
+.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
+.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
+.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
+.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
+.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
+.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
+.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
+.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
+.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
+.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
+.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
+.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
+.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
+.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
+.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
+.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
+.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
+.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
+.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
+.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
+.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
+.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
+.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
+.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
+.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
+.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
+.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
+.#{$fa-css-prefix}-toggle-down:before,
+.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
+.#{$fa-css-prefix}-toggle-up:before,
+.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
+.#{$fa-css-prefix}-toggle-right:before,
+.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
+.#{$fa-css-prefix}-euro:before,
+.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
+.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
+.#{$fa-css-prefix}-dollar:before,
+.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
+.#{$fa-css-prefix}-rupee:before,
+.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
+.#{$fa-css-prefix}-cny:before,
+.#{$fa-css-prefix}-rmb:before,
+.#{$fa-css-prefix}-yen:before,
+.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
+.#{$fa-css-prefix}-ruble:before,
+.#{$fa-css-prefix}-rouble:before,
+.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
+.#{$fa-css-prefix}-won:before,
+.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
+.#{$fa-css-prefix}-bitcoin:before,
+.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
+.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
+.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
+.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
+.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
+.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
+.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
+.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
+.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
+.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
+.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
+.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
+.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
+.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
+.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
+.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
+.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
+.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
+.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
+.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
+.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
+.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
+.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
+.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
+.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
+.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
+.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
+.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
+.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
+.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
+.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
+.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
+.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
+.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
+.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
+.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
+.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
+.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
+.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
+.#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; }
+.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
+.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
+.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
+.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
+.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
+.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
+.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
+.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
+.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
+.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
+.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
+.#{$fa-css-prefix}-toggle-left:before,
+.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
+.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
+.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
+.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
+.#{$fa-css-prefix}-turkish-lira:before,
+.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
+.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
--- /dev/null
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$fa-css-prefix}-lg {
+ font-size: (4em / 3);
+ line-height: (3em / 4);
+ vertical-align: -15%;
+}
+.#{$fa-css-prefix}-2x { font-size: 2em; }
+.#{$fa-css-prefix}-3x { font-size: 3em; }
+.#{$fa-css-prefix}-4x { font-size: 4em; }
+.#{$fa-css-prefix}-5x { font-size: 5em; }
--- /dev/null
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+ padding-left: 0;
+ margin-left: $fa-li-width;
+ list-style-type: none;
+ > li { position: relative; }
+}
+.#{$fa-css-prefix}-li {
+ position: absolute;
+ left: -$fa-li-width;
+ width: $fa-li-width;
+ top: (2em / 14);
+ text-align: center;
+ &.#{$fa-css-prefix}-lg {
+ left: -$fa-li-width + (4em / 14);
+ }
+}
// Mixins
// --------------------------
-@mixin icon($icon) {
- @include icon-FontAwesome();
- content: $icon;
+@mixin fa-icon-rotate($degrees, $rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
+ -webkit-transform: rotate($degrees);
+ -moz-transform: rotate($degrees);
+ -ms-transform: rotate($degrees);
+ -o-transform: rotate($degrees);
+ transform: rotate($degrees);
}
-@mixin icon-FontAwesome() {
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- text-decoration: inherit;
- -webkit-font-smoothing: antialiased;
- *margin-right: .3em; // fixes ie7 issues
-}
-
-@mixin border-radius($radius) {
- -webkit-border-radius: $radius;
- -moz-border-radius: $radius;
- border-radius: $radius;
-}
-
-@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
- .icon-stack {
- position: relative;
- display: inline-block;
- width: $width;
- height: $height;
- line-height: $width;
- vertical-align: -35%;
- [class^="icon-"],
- [class*=" icon-"] {
- display: block;
- text-align: center;
- position: absolute;
- width: 100%;
- height: 100%;
- font-size: $top-font-size;
- line-height: inherit;
- *line-height: $height;
- }
- .icon-stack-base {
- font-size: $base-font-size;
- *line-height: #{$height / $base-font-size}em;
- }
- }
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
+ -webkit-transform: scale($horiz, $vert);
+ -moz-transform: scale($horiz, $vert);
+ -ms-transform: scale($horiz, $vert);
+ -o-transform: scale($horiz, $vert);
+ transform: scale($horiz, $vert);
}
@font-face {
font-family: 'FontAwesome';
- src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}');
- src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}') format('embedded-opentype'),
- url('#{$FontAwesomePath}/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}') format('woff'),
- url('#{$FontAwesomePath}/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}') format('truetype'),
- url('#{$FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}') format('svg');
-// src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+ url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+ url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+ url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+ //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
--- /dev/null
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
--- /dev/null
+// Spinning Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+ -webkit-animation: spin 2s infinite linear;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+}
+
+@-moz-keyframes spin {
+ 0% { -moz-transform: rotate(0deg); }
+ 100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+ 0% { -o-transform: rotate(0deg); }
+ 100% { -o-transform: rotate(359deg); }
+}
+@-ms-keyframes spin {
+ 0% { -ms-transform: rotate(0deg); }
+ 100% { -ms-transform: rotate(359deg); }
+}
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(359deg); }
+}
--- /dev/null
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
+.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
// Variables
// --------------------------
-$FontAwesomePath: "../font" !default;
-$FontAwesomeVersion: "3.2.1" !default;
-$borderColor: #eeeeee !default;
-$iconMuted: #eeeeee !default;
-$iconLight: white !default;
-$iconDark: #333333 !default;
-$icons-li-width: (30em/14);
-
-
-$glass: "\f000";
-
-$music: "\f001";
-
-$search: "\f002";
-
-$envelope-alt: "\f003";
-
-$heart: "\f004";
-
-$star: "\f005";
-
-$star-empty: "\f006";
-
-$user: "\f007";
-
-$film: "\f008";
-
-$th-large: "\f009";
-
-$th: "\f00a";
-
-$th-list: "\f00b";
-
-$ok: "\f00c";
-
-$remove: "\f00d";
-
-$zoom-in: "\f00e";
-
-$zoom-out: "\f010";
-
-$off: "\f011";
-
-$signal: "\f012";
-
-$cog: "\f013";
-
-$trash: "\f014";
-
-$home: "\f015";
-
-$file-alt: "\f016";
-
-$time: "\f017";
-
-$road: "\f018";
-
-$download-alt: "\f019";
-
-$download: "\f01a";
-
-$upload: "\f01b";
-
-$inbox: "\f01c";
-
-$play-circle: "\f01d";
-
-$repeat: "\f01e";
-
-$refresh: "\f021";
-
-$list-alt: "\f022";
-
-$lock: "\f023";
-
-$flag: "\f024";
-
-$headphones: "\f025";
-
-$volume-off: "\f026";
-
-$volume-down: "\f027";
-
-$volume-up: "\f028";
-
-$qrcode: "\f029";
-
-$barcode: "\f02a";
-
-$tag: "\f02b";
-
-$tags: "\f02c";
-
-$book: "\f02d";
-
-$bookmark: "\f02e";
-
-$print: "\f02f";
-
-$camera: "\f030";
-
-$font: "\f031";
-
-$bold: "\f032";
-
-$italic: "\f033";
-
-$text-height: "\f034";
-
-$text-width: "\f035";
-
-$align-left: "\f036";
-
-$align-center: "\f037";
-
-$align-right: "\f038";
-
-$align-justify: "\f039";
-
-$list: "\f03a";
-
-$indent-left: "\f03b";
-
-$indent-right: "\f03c";
-
-$facetime-video: "\f03d";
-
-$picture: "\f03e";
-
-$pencil: "\f040";
-
-$map-marker: "\f041";
-
-$adjust: "\f042";
-
-$tint: "\f043";
-
-$edit: "\f044";
-
-$share: "\f045";
-
-$check: "\f046";
-
-$move: "\f047";
-
-$step-backward: "\f048";
-
-$fast-backward: "\f049";
-
-$backward: "\f04a";
-
-$play: "\f04b";
-
-$pause: "\f04c";
-
-$stop: "\f04d";
-
-$forward: "\f04e";
-
-$fast-forward: "\f050";
-
-$step-forward: "\f051";
-
-$eject: "\f052";
-
-$chevron-left: "\f053";
-
-$chevron-right: "\f054";
-
-$plus-sign: "\f055";
-
-$minus-sign: "\f056";
-
-$remove-sign: "\f057";
-
-$ok-sign: "\f058";
-
-$question-sign: "\f059";
-
-$info-sign: "\f05a";
-
-$screenshot: "\f05b";
-
-$remove-circle: "\f05c";
-
-$ok-circle: "\f05d";
-
-$ban-circle: "\f05e";
-
-$arrow-left: "\f060";
-
-$arrow-right: "\f061";
-
-$arrow-up: "\f062";
-
-$arrow-down: "\f063";
-
-$share-alt: "\f064";
-
-$resize-full: "\f065";
-
-$resize-small: "\f066";
-
-$plus: "\f067";
-
-$minus: "\f068";
-
-$asterisk: "\f069";
-
-$exclamation-sign: "\f06a";
-
-$gift: "\f06b";
-
-$leaf: "\f06c";
-
-$fire: "\f06d";
-
-$eye-open: "\f06e";
-
-$eye-close: "\f070";
-
-$warning-sign: "\f071";
-
-$plane: "\f072";
-
-$calendar: "\f073";
-
-$random: "\f074";
-
-$comment: "\f075";
-
-$magnet: "\f076";
-
-$chevron-up: "\f077";
-
-$chevron-down: "\f078";
-
-$retweet: "\f079";
-
-$shopping-cart: "\f07a";
-
-$folder-close: "\f07b";
-
-$folder-open: "\f07c";
-
-$resize-vertical: "\f07d";
-
-$resize-horizontal: "\f07e";
-
-$bar-chart: "\f080";
-
-$twitter-sign: "\f081";
-
-$facebook-sign: "\f082";
-
-$camera-retro: "\f083";
-
-$key: "\f084";
-
-$cogs: "\f085";
-
-$comments: "\f086";
-
-$thumbs-up-alt: "\f087";
-
-$thumbs-down-alt: "\f088";
-
-$star-half: "\f089";
-
-$heart-empty: "\f08a";
-
-$signout: "\f08b";
-
-$linkedin-sign: "\f08c";
-
-$pushpin: "\f08d";
-
-$external-link: "\f08e";
-
-$signin: "\f090";
-
-$trophy: "\f091";
-
-$github-sign: "\f092";
-
-$upload-alt: "\f093";
-
-$lemon: "\f094";
-
-$phone: "\f095";
-
-$check-empty: "\f096";
-
-$bookmark-empty: "\f097";
-
-$phone-sign: "\f098";
-
-$twitter: "\f099";
-
-$facebook: "\f09a";
-
-$github: "\f09b";
-
-$unlock: "\f09c";
-
-$credit-card: "\f09d";
-
-$rss: "\f09e";
-
-$hdd: "\f0a0";
-
-$bullhorn: "\f0a1";
-
-$bell: "\f0a2";
-
-$certificate: "\f0a3";
-
-$hand-right: "\f0a4";
-
-$hand-left: "\f0a5";
-
-$hand-up: "\f0a6";
-
-$hand-down: "\f0a7";
-
-$circle-arrow-left: "\f0a8";
-
-$circle-arrow-right: "\f0a9";
-
-$circle-arrow-up: "\f0aa";
-
-$circle-arrow-down: "\f0ab";
-
-$globe: "\f0ac";
-
-$wrench: "\f0ad";
-
-$tasks: "\f0ae";
-
-$filter: "\f0b0";
-
-$briefcase: "\f0b1";
-
-$fullscreen: "\f0b2";
-
-$group: "\f0c0";
-
-$link: "\f0c1";
-
-$cloud: "\f0c2";
-
-$beaker: "\f0c3";
-
-$cut: "\f0c4";
-
-$copy: "\f0c5";
-
-$paper-clip: "\f0c6";
-
-$save: "\f0c7";
-
-$sign-blank: "\f0c8";
-
-$reorder: "\f0c9";
-
-$list-ul: "\f0ca";
-
-$list-ol: "\f0cb";
-
-$strikethrough: "\f0cc";
-
-$underline: "\f0cd";
-
-$table: "\f0ce";
-
-$magic: "\f0d0";
-
-$truck: "\f0d1";
-
-$pinterest: "\f0d2";
-
-$pinterest-sign: "\f0d3";
-
-$google-plus-sign: "\f0d4";
-
-$google-plus: "\f0d5";
-
-$money: "\f0d6";
-
-$caret-down: "\f0d7";
-
-$caret-up: "\f0d8";
-
-$caret-left: "\f0d9";
-
-$caret-right: "\f0da";
-
-$columns: "\f0db";
-
-$sort: "\f0dc";
-
-$sort-down: "\f0dd";
-
-$sort-up: "\f0de";
-
-$envelope: "\f0e0";
-
-$linkedin: "\f0e1";
-
-$undo: "\f0e2";
-
-$legal: "\f0e3";
-
-$dashboard: "\f0e4";
-
-$comment-alt: "\f0e5";
-
-$comments-alt: "\f0e6";
-
-$bolt: "\f0e7";
-
-$sitemap: "\f0e8";
-
-$umbrella: "\f0e9";
-
-$paste: "\f0ea";
-
-$lightbulb: "\f0eb";
-
-$exchange: "\f0ec";
-
-$cloud-download: "\f0ed";
-
-$cloud-upload: "\f0ee";
-
-$user-md: "\f0f0";
-
-$stethoscope: "\f0f1";
-
-$suitcase: "\f0f2";
-
-$bell-alt: "\f0f3";
-
-$coffee: "\f0f4";
-
-$food: "\f0f5";
-
-$file-text-alt: "\f0f6";
-
-$building: "\f0f7";
-
-$hospital: "\f0f8";
-
-$ambulance: "\f0f9";
-
-$medkit: "\f0fa";
-
-$fighter-jet: "\f0fb";
-
-$beer: "\f0fc";
-
-$h-sign: "\f0fd";
-
-$plus-sign-alt: "\f0fe";
-
-$double-angle-left: "\f100";
-
-$double-angle-right: "\f101";
-
-$double-angle-up: "\f102";
-
-$double-angle-down: "\f103";
-
-$angle-left: "\f104";
-
-$angle-right: "\f105";
-
-$angle-up: "\f106";
-
-$angle-down: "\f107";
-
-$desktop: "\f108";
-
-$laptop: "\f109";
-
-$tablet: "\f10a";
-
-$mobile-phone: "\f10b";
-
-$circle-blank: "\f10c";
-
-$quote-left: "\f10d";
-
-$quote-right: "\f10e";
-
-$spinner: "\f110";
-
-$circle: "\f111";
-
-$reply: "\f112";
-
-$github-alt: "\f113";
-
-$folder-close-alt: "\f114";
-
-$folder-open-alt: "\f115";
-
-$expand-alt: "\f116";
-
-$collapse-alt: "\f117";
-
-$smile: "\f118";
-
-$frown: "\f119";
-
-$meh: "\f11a";
-
-$gamepad: "\f11b";
-
-$keyboard: "\f11c";
-
-$flag-alt: "\f11d";
-
-$flag-checkered: "\f11e";
-
-$terminal: "\f120";
-
-$code: "\f121";
-
-$reply-all: "\f122";
-
-$mail-reply-all: "\f122";
-
-$star-half-empty: "\f123";
-
-$location-arrow: "\f124";
-
-$crop: "\f125";
-
-$code-fork: "\f126";
-
-$unlink: "\f127";
-
-$question: "\f128";
-
-$info: "\f129";
-
-$exclamation: "\f12a";
-
-$superscript: "\f12b";
-
-$subscript: "\f12c";
-
-$eraser: "\f12d";
-
-$puzzle-piece: "\f12e";
-
-$microphone: "\f130";
-
-$microphone-off: "\f131";
-
-$shield: "\f132";
-
-$calendar-empty: "\f133";
-
-$fire-extinguisher: "\f134";
-
-$rocket: "\f135";
-
-$maxcdn: "\f136";
-
-$chevron-sign-left: "\f137";
-
-$chevron-sign-right: "\f138";
-
-$chevron-sign-up: "\f139";
-
-$chevron-sign-down: "\f13a";
-
-$html5: "\f13b";
-
-$css3: "\f13c";
-
-$anchor: "\f13d";
-
-$unlock-alt: "\f13e";
-
-$bullseye: "\f140";
-
-$ellipsis-horizontal: "\f141";
-
-$ellipsis-vertical: "\f142";
-
-$rss-sign: "\f143";
-
-$play-sign: "\f144";
-
-$ticket: "\f145";
-
-$minus-sign-alt: "\f146";
-
-$check-minus: "\f147";
-
-$level-up: "\f148";
-
-$level-down: "\f149";
-
-$check-sign: "\f14a";
-
-$edit-sign: "\f14b";
-
-$external-link-sign: "\f14c";
-
-$share-sign: "\f14d";
-
-$compass: "\f14e";
-
-$collapse: "\f150";
-
-$collapse-top: "\f151";
-
-$expand: "\f152";
-
-$eur: "\f153";
-
-$gbp: "\f154";
-
-$usd: "\f155";
-
-$inr: "\f156";
-
-$jpy: "\f157";
-
-$cny: "\f158";
-
-$krw: "\f159";
-
-$btc: "\f15a";
-
-$file: "\f15b";
-
-$file-text: "\f15c";
-
-$sort-by-alphabet: "\f15d";
-
-$sort-by-alphabet-alt: "\f15e";
-
-$sort-by-attributes: "\f160";
-
-$sort-by-attributes-alt: "\f161";
-
-$sort-by-order: "\f162";
-
-$sort-by-order-alt: "\f163";
-
-$thumbs-up: "\f164";
-
-$thumbs-down: "\f165";
-
-$youtube-sign: "\f166";
-
-$youtube: "\f167";
-
-$xing: "\f168";
-
-$xing-sign: "\f169";
-
-$youtube-play: "\f16a";
-
-$dropbox: "\f16b";
-
-$stackexchange: "\f16c";
-
-$instagram: "\f16d";
-
-$flickr: "\f16e";
-
-$adn: "\f170";
-
-$bitbucket: "\f171";
-
-$bitbucket-sign: "\f172";
-
-$tumblr: "\f173";
-
-$tumblr-sign: "\f174";
-
-$long-arrow-down: "\f175";
-
-$long-arrow-up: "\f176";
-
-$long-arrow-left: "\f177";
-
-$long-arrow-right: "\f178";
-
-$apple: "\f179";
-
-$windows: "\f17a";
-
-$android: "\f17b";
-
-$linux: "\f17c";
-
-$dribbble: "\f17d";
-
-$skype: "\f17e";
-
-$foursquare: "\f180";
-
-$trello: "\f181";
-
-$female: "\f182";
-
-$male: "\f183";
-
-$gittip: "\f184";
-
-$sun: "\f185";
-
-$moon: "\f186";
-
-$archive: "\f187";
-
-$bug: "\f188";
-
-$vk: "\f189";
-
-$weibo: "\f18a";
-
-$renren: "\f18b";
+$fa-font-path: "../fonts" !default;
+//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix: fa !default;
+$fa-version: "4.0.3" !default;
+$fa-border-color: #eee !default;
+$fa-inverse: #fff !default;
+$fa-li-width: (30em / 14) !default;
+
+$fa-var-glass: "\f000";
+$fa-var-music: "\f001";
+$fa-var-search: "\f002";
+$fa-var-envelope-o: "\f003";
+$fa-var-heart: "\f004";
+$fa-var-star: "\f005";
+$fa-var-star-o: "\f006";
+$fa-var-user: "\f007";
+$fa-var-film: "\f008";
+$fa-var-th-large: "\f009";
+$fa-var-th: "\f00a";
+$fa-var-th-list: "\f00b";
+$fa-var-check: "\f00c";
+$fa-var-times: "\f00d";
+$fa-var-search-plus: "\f00e";
+$fa-var-search-minus: "\f010";
+$fa-var-power-off: "\f011";
+$fa-var-signal: "\f012";
+$fa-var-cog: "\f013";
+$fa-var-trash-o: "\f014";
+$fa-var-home: "\f015";
+$fa-var-file-o: "\f016";
+$fa-var-clock-o: "\f017";
+$fa-var-road: "\f018";
+$fa-var-download: "\f019";
+$fa-var-arrow-circle-o-down: "\f01a";
+$fa-var-arrow-circle-o-up: "\f01b";
+$fa-var-inbox: "\f01c";
+$fa-var-play-circle-o: "\f01d";
+$fa-var-repeat: "\f01e";
+$fa-var-refresh: "\f021";
+$fa-var-list-alt: "\f022";
+$fa-var-lock: "\f023";
+$fa-var-flag: "\f024";
+$fa-var-headphones: "\f025";
+$fa-var-volume-off: "\f026";
+$fa-var-volume-down: "\f027";
+$fa-var-volume-up: "\f028";
+$fa-var-qrcode: "\f029";
+$fa-var-barcode: "\f02a";
+$fa-var-tag: "\f02b";
+$fa-var-tags: "\f02c";
+$fa-var-book: "\f02d";
+$fa-var-bookmark: "\f02e";
+$fa-var-print: "\f02f";
+$fa-var-camera: "\f030";
+$fa-var-font: "\f031";
+$fa-var-bold: "\f032";
+$fa-var-italic: "\f033";
+$fa-var-text-height: "\f034";
+$fa-var-text-width: "\f035";
+$fa-var-align-left: "\f036";
+$fa-var-align-center: "\f037";
+$fa-var-align-right: "\f038";
+$fa-var-align-justify: "\f039";
+$fa-var-list: "\f03a";
+$fa-var-outdent: "\f03b";
+$fa-var-indent: "\f03c";
+$fa-var-video-camera: "\f03d";
+$fa-var-picture-o: "\f03e";
+$fa-var-pencil: "\f040";
+$fa-var-map-marker: "\f041";
+$fa-var-adjust: "\f042";
+$fa-var-tint: "\f043";
+$fa-var-pencil-square-o: "\f044";
+$fa-var-share-square-o: "\f045";
+$fa-var-check-square-o: "\f046";
+$fa-var-arrows: "\f047";
+$fa-var-step-backward: "\f048";
+$fa-var-fast-backward: "\f049";
+$fa-var-backward: "\f04a";
+$fa-var-play: "\f04b";
+$fa-var-pause: "\f04c";
+$fa-var-stop: "\f04d";
+$fa-var-forward: "\f04e";
+$fa-var-fast-forward: "\f050";
+$fa-var-step-forward: "\f051";
+$fa-var-eject: "\f052";
+$fa-var-chevron-left: "\f053";
+$fa-var-chevron-right: "\f054";
+$fa-var-plus-circle: "\f055";
+$fa-var-minus-circle: "\f056";
+$fa-var-times-circle: "\f057";
+$fa-var-check-circle: "\f058";
+$fa-var-question-circle: "\f059";
+$fa-var-info-circle: "\f05a";
+$fa-var-crosshairs: "\f05b";
+$fa-var-times-circle-o: "\f05c";
+$fa-var-check-circle-o: "\f05d";
+$fa-var-ban: "\f05e";
+$fa-var-arrow-left: "\f060";
+$fa-var-arrow-right: "\f061";
+$fa-var-arrow-up: "\f062";
+$fa-var-arrow-down: "\f063";
+$fa-var-share: "\f064";
+$fa-var-expand: "\f065";
+$fa-var-compress: "\f066";
+$fa-var-plus: "\f067";
+$fa-var-minus: "\f068";
+$fa-var-asterisk: "\f069";
+$fa-var-exclamation-circle: "\f06a";
+$fa-var-gift: "\f06b";
+$fa-var-leaf: "\f06c";
+$fa-var-fire: "\f06d";
+$fa-var-eye: "\f06e";
+$fa-var-eye-slash: "\f070";
+$fa-var-exclamation-triangle: "\f071";
+$fa-var-plane: "\f072";
+$fa-var-calendar: "\f073";
+$fa-var-random: "\f074";
+$fa-var-comment: "\f075";
+$fa-var-magnet: "\f076";
+$fa-var-chevron-up: "\f077";
+$fa-var-chevron-down: "\f078";
+$fa-var-retweet: "\f079";
+$fa-var-shopping-cart: "\f07a";
+$fa-var-folder: "\f07b";
+$fa-var-folder-open: "\f07c";
+$fa-var-arrows-v: "\f07d";
+$fa-var-arrows-h: "\f07e";
+$fa-var-bar-chart-o: "\f080";
+$fa-var-twitter-square: "\f081";
+$fa-var-facebook-square: "\f082";
+$fa-var-camera-retro: "\f083";
+$fa-var-key: "\f084";
+$fa-var-cogs: "\f085";
+$fa-var-comments: "\f086";
+$fa-var-thumbs-o-up: "\f087";
+$fa-var-thumbs-o-down: "\f088";
+$fa-var-star-half: "\f089";
+$fa-var-heart-o: "\f08a";
+$fa-var-sign-out: "\f08b";
+$fa-var-linkedin-square: "\f08c";
+$fa-var-thumb-tack: "\f08d";
+$fa-var-external-link: "\f08e";
+$fa-var-sign-in: "\f090";
+$fa-var-trophy: "\f091";
+$fa-var-github-square: "\f092";
+$fa-var-upload: "\f093";
+$fa-var-lemon-o: "\f094";
+$fa-var-phone: "\f095";
+$fa-var-square-o: "\f096";
+$fa-var-bookmark-o: "\f097";
+$fa-var-phone-square: "\f098";
+$fa-var-twitter: "\f099";
+$fa-var-facebook: "\f09a";
+$fa-var-github: "\f09b";
+$fa-var-unlock: "\f09c";
+$fa-var-credit-card: "\f09d";
+$fa-var-rss: "\f09e";
+$fa-var-hdd-o: "\f0a0";
+$fa-var-bullhorn: "\f0a1";
+$fa-var-bell: "\f0f3";
+$fa-var-certificate: "\f0a3";
+$fa-var-hand-o-right: "\f0a4";
+$fa-var-hand-o-left: "\f0a5";
+$fa-var-hand-o-up: "\f0a6";
+$fa-var-hand-o-down: "\f0a7";
+$fa-var-arrow-circle-left: "\f0a8";
+$fa-var-arrow-circle-right: "\f0a9";
+$fa-var-arrow-circle-up: "\f0aa";
+$fa-var-arrow-circle-down: "\f0ab";
+$fa-var-globe: "\f0ac";
+$fa-var-wrench: "\f0ad";
+$fa-var-tasks: "\f0ae";
+$fa-var-filter: "\f0b0";
+$fa-var-briefcase: "\f0b1";
+$fa-var-arrows-alt: "\f0b2";
+$fa-var-users: "\f0c0";
+$fa-var-link: "\f0c1";
+$fa-var-cloud: "\f0c2";
+$fa-var-flask: "\f0c3";
+$fa-var-scissors: "\f0c4";
+$fa-var-files-o: "\f0c5";
+$fa-var-paperclip: "\f0c6";
+$fa-var-floppy-o: "\f0c7";
+$fa-var-square: "\f0c8";
+$fa-var-bars: "\f0c9";
+$fa-var-list-ul: "\f0ca";
+$fa-var-list-ol: "\f0cb";
+$fa-var-strikethrough: "\f0cc";
+$fa-var-underline: "\f0cd";
+$fa-var-table: "\f0ce";
+$fa-var-magic: "\f0d0";
+$fa-var-truck: "\f0d1";
+$fa-var-pinterest: "\f0d2";
+$fa-var-pinterest-square: "\f0d3";
+$fa-var-google-plus-square: "\f0d4";
+$fa-var-google-plus: "\f0d5";
+$fa-var-money: "\f0d6";
+$fa-var-caret-down: "\f0d7";
+$fa-var-caret-up: "\f0d8";
+$fa-var-caret-left: "\f0d9";
+$fa-var-caret-right: "\f0da";
+$fa-var-columns: "\f0db";
+$fa-var-sort: "\f0dc";
+$fa-var-sort-asc: "\f0dd";
+$fa-var-sort-desc: "\f0de";
+$fa-var-envelope: "\f0e0";
+$fa-var-linkedin: "\f0e1";
+$fa-var-undo: "\f0e2";
+$fa-var-gavel: "\f0e3";
+$fa-var-tachometer: "\f0e4";
+$fa-var-comment-o: "\f0e5";
+$fa-var-comments-o: "\f0e6";
+$fa-var-bolt: "\f0e7";
+$fa-var-sitemap: "\f0e8";
+$fa-var-umbrella: "\f0e9";
+$fa-var-clipboard: "\f0ea";
+$fa-var-lightbulb-o: "\f0eb";
+$fa-var-exchange: "\f0ec";
+$fa-var-cloud-download: "\f0ed";
+$fa-var-cloud-upload: "\f0ee";
+$fa-var-user-md: "\f0f0";
+$fa-var-stethoscope: "\f0f1";
+$fa-var-suitcase: "\f0f2";
+$fa-var-bell-o: "\f0a2";
+$fa-var-coffee: "\f0f4";
+$fa-var-cutlery: "\f0f5";
+$fa-var-file-text-o: "\f0f6";
+$fa-var-building-o: "\f0f7";
+$fa-var-hospital-o: "\f0f8";
+$fa-var-ambulance: "\f0f9";
+$fa-var-medkit: "\f0fa";
+$fa-var-fighter-jet: "\f0fb";
+$fa-var-beer: "\f0fc";
+$fa-var-h-square: "\f0fd";
+$fa-var-plus-square: "\f0fe";
+$fa-var-angle-double-left: "\f100";
+$fa-var-angle-double-right: "\f101";
+$fa-var-angle-double-up: "\f102";
+$fa-var-angle-double-down: "\f103";
+$fa-var-angle-left: "\f104";
+$fa-var-angle-right: "\f105";
+$fa-var-angle-up: "\f106";
+$fa-var-angle-down: "\f107";
+$fa-var-desktop: "\f108";
+$fa-var-laptop: "\f109";
+$fa-var-tablet: "\f10a";
+$fa-var-mobile: "\f10b";
+$fa-var-circle-o: "\f10c";
+$fa-var-quote-left: "\f10d";
+$fa-var-quote-right: "\f10e";
+$fa-var-spinner: "\f110";
+$fa-var-circle: "\f111";
+$fa-var-reply: "\f112";
+$fa-var-github-alt: "\f113";
+$fa-var-folder-o: "\f114";
+$fa-var-folder-open-o: "\f115";
+$fa-var-smile-o: "\f118";
+$fa-var-frown-o: "\f119";
+$fa-var-meh-o: "\f11a";
+$fa-var-gamepad: "\f11b";
+$fa-var-keyboard-o: "\f11c";
+$fa-var-flag-o: "\f11d";
+$fa-var-flag-checkered: "\f11e";
+$fa-var-terminal: "\f120";
+$fa-var-code: "\f121";
+$fa-var-reply-all: "\f122";
+$fa-var-mail-reply-all: "\f122";
+$fa-var-star-half-o: "\f123";
+$fa-var-location-arrow: "\f124";
+$fa-var-crop: "\f125";
+$fa-var-code-fork: "\f126";
+$fa-var-chain-broken: "\f127";
+$fa-var-question: "\f128";
+$fa-var-info: "\f129";
+$fa-var-exclamation: "\f12a";
+$fa-var-superscript: "\f12b";
+$fa-var-subscript: "\f12c";
+$fa-var-eraser: "\f12d";
+$fa-var-puzzle-piece: "\f12e";
+$fa-var-microphone: "\f130";
+$fa-var-microphone-slash: "\f131";
+$fa-var-shield: "\f132";
+$fa-var-calendar-o: "\f133";
+$fa-var-fire-extinguisher: "\f134";
+$fa-var-rocket: "\f135";
+$fa-var-maxcdn: "\f136";
+$fa-var-chevron-circle-left: "\f137";
+$fa-var-chevron-circle-right: "\f138";
+$fa-var-chevron-circle-up: "\f139";
+$fa-var-chevron-circle-down: "\f13a";
+$fa-var-html5: "\f13b";
+$fa-var-css3: "\f13c";
+$fa-var-anchor: "\f13d";
+$fa-var-unlock-alt: "\f13e";
+$fa-var-bullseye: "\f140";
+$fa-var-ellipsis-h: "\f141";
+$fa-var-ellipsis-v: "\f142";
+$fa-var-rss-square: "\f143";
+$fa-var-play-circle: "\f144";
+$fa-var-ticket: "\f145";
+$fa-var-minus-square: "\f146";
+$fa-var-minus-square-o: "\f147";
+$fa-var-level-up: "\f148";
+$fa-var-level-down: "\f149";
+$fa-var-check-square: "\f14a";
+$fa-var-pencil-square: "\f14b";
+$fa-var-external-link-square: "\f14c";
+$fa-var-share-square: "\f14d";
+$fa-var-compass: "\f14e";
+$fa-var-caret-square-o-down: "\f150";
+$fa-var-caret-square-o-up: "\f151";
+$fa-var-caret-square-o-right: "\f152";
+$fa-var-eur: "\f153";
+$fa-var-gbp: "\f154";
+$fa-var-usd: "\f155";
+$fa-var-inr: "\f156";
+$fa-var-jpy: "\f157";
+$fa-var-rub: "\f158";
+$fa-var-krw: "\f159";
+$fa-var-btc: "\f15a";
+$fa-var-file: "\f15b";
+$fa-var-file-text: "\f15c";
+$fa-var-sort-alpha-asc: "\f15d";
+$fa-var-sort-alpha-desc: "\f15e";
+$fa-var-sort-amount-asc: "\f160";
+$fa-var-sort-amount-desc: "\f161";
+$fa-var-sort-numeric-asc: "\f162";
+$fa-var-sort-numeric-desc: "\f163";
+$fa-var-thumbs-up: "\f164";
+$fa-var-thumbs-down: "\f165";
+$fa-var-youtube-square: "\f166";
+$fa-var-youtube: "\f167";
+$fa-var-xing: "\f168";
+$fa-var-xing-square: "\f169";
+$fa-var-youtube-play: "\f16a";
+$fa-var-dropbox: "\f16b";
+$fa-var-stack-overflow: "\f16c";
+$fa-var-instagram: "\f16d";
+$fa-var-flickr: "\f16e";
+$fa-var-adn: "\f170";
+$fa-var-bitbucket: "\f171";
+$fa-var-bitbucket-square: "\f172";
+$fa-var-tumblr: "\f173";
+$fa-var-tumblr-square: "\f174";
+$fa-var-long-arrow-down: "\f175";
+$fa-var-long-arrow-up: "\f176";
+$fa-var-long-arrow-left: "\f177";
+$fa-var-long-arrow-right: "\f178";
+$fa-var-apple: "\f179";
+$fa-var-windows: "\f17a";
+$fa-var-android: "\f17b";
+$fa-var-linux: "\f17c";
+$fa-var-dribbble: "\f17d";
+$fa-var-skype: "\f17e";
+$fa-var-foursquare: "\f180";
+$fa-var-trello: "\f181";
+$fa-var-female: "\f182";
+$fa-var-male: "\f183";
+$fa-var-gittip: "\f184";
+$fa-var-sun-o: "\f185";
+$fa-var-moon-o: "\f186";
+$fa-var-archive: "\f187";
+$fa-var-bug: "\f188";
+$fa-var-vk: "\f189";
+$fa-var-weibo: "\f18a";
+$fa-var-renren: "\f18b";
+$fa-var-pagelines: "\f18c";
+$fa-var-stack-exchange: "\f18d";
+$fa-var-arrow-circle-o-right: "\f18e";
+$fa-var-arrow-circle-o-left: "\f190";
+$fa-var-caret-square-o-left: "\f191";
+$fa-var-dot-circle-o: "\f192";
+$fa-var-wheelchair: "\f193";
+$fa-var-vimeo-square: "\f194";
+$fa-var-try: "\f195";
+$fa-var-plus-square-o: "\f196";
/*!
- * Font Awesome 3.2.1
- * the iconic font designed for Bootstrap
- * ------------------------------------------------------------------------------
- * The full suite of pictographic icons, examples, and documentation can be
- * found at http://fontawesome.io. Stay up to date on Twitter at
- * http://twitter.com/fontawesome.
- *
- * License
- * ------------------------------------------------------------------------------
- * - The Font Awesome font is licensed under SIL OFL 1.1 -
- * http://scripts.sil.org/OFL
- * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
- * http://opensource.org/licenses/mit-license.html
- * - Font Awesome documentation licensed under CC BY 3.0 -
- * http://creativecommons.org/licenses/by/3.0/
- * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
- * "Font Awesome by Dave Gandy - http://fontawesome.io"
- *
- * Author - Dave Gandy
- * ------------------------------------------------------------------------------
- * Email: dave@fontawesome.io
- * Twitter: http://twitter.com/byscuits
- * Work: Lead Product Designer @ Kyruus - http://kyruus.com
+ * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables";
@import "mixins";
@import "path";
@import "core";
-@import "bootstrap";
-@import "extras";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "spinning";
+@import "rotated-flipped";
+@import "stacked";
@import "icons";
--- /dev/null
+fontawesome.io
\ No newline at end of file
--- /dev/null
+PATH := ../node_modules/.bin:$(PATH)
+
+FA_ROOT_DIRECTORY = assets/font-awesome
+FA_LESS_DIRECTORY = assets/font-awesome/less
+FA_CSS_DIRECTORY = assets/font-awesome/css
+
+FA_LESS_MODERN = ${FA_LESS_DIRECTORY}/font-awesome.less
+FA_LESS_IE7 = ${FA_LESS_DIRECTORY}/font-awesome-ie7.less
+
+FA_CSS_MODERN = ${FA_CSS_DIRECTORY}/font-awesome.css
+FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css
+FA_CSS_IE7 = ${FA_CSS_DIRECTORY}/font-awesome-ie7.css
+FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.css
+
+SITE_LESS_DIRECTORY = assets/less
+SITE_CSS_DIRECTORY = assets/css
+
+SITE_LESS = ${SITE_LESS_DIRECTORY}/site.less
+SITE_CSS_MIN = ${SITE_CSS_DIRECTORY}/site.css
+
+build:
+ @echo "Compiling Less files"
+ @mkdir -p ${FA_CSS_DIRECTORY}
+ lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
+ lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
+ lessc ${FA_LESS_IE7} > ${FA_CSS_IE7}
+ lessc --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
+ lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN}
+ cp -r ${FA_ROOT_DIRECTORY}/* ../
+ cd assets && zip -r9 font-awesome.zip font-awesome
+
+
+default: build
+
+
+.PHONY: build
--- /dev/null
+.com { color: #93a1a1; }
+.lit { color: #195f91; }
+.pun, .opn, .clo { color: #93a1a1; }
+.fun { color: #dc322f; }
+.str, .atv { color: #D14; }
+.kwd, .linenums .tag { color: #1e347b; }
+.typ, .atn, .dec, .var { color: teal; }
+.pln { color: #48484c; }
+
+.prettyprint {
+ padding: 8px;
+ background-color: #f7f7f9;
+ border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
+ -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+ -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+ box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+ margin: 0 0 0 33px; /* IE indents via margin-left */
+}
+ol.linenums li {
+ padding-left: 12px;
+ color: #bebec5;
+ line-height: 18px;
+ text-shadow: 0 1px 0 #fff;
+}
\ No newline at end of file
--- /dev/null
+.hll { background-color: #ffffcc }
+/*{ background: #f0f3f3; }*/
+.c { color: #999; } /* Comment */
+.err { color: #AA0000; background-color: #FFAAAA } /* Error */
+.k { color: #006699; } /* Keyword */
+.o { color: #555555 } /* Operator */
+.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
+.cp { color: #009999 } /* Comment.Preproc */
+.c1 { color: #999; } /* Comment.Single */
+.cs { color: #999; } /* Comment.Special */
+.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
+.ge { font-style: italic } /* Generic.Emph */
+.gr { color: #FF0000 } /* Generic.Error */
+.gh { color: #003300; } /* Generic.Heading */
+.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
+.go { color: #AAAAAA } /* Generic.Output */
+.gp { color: #000099; } /* Generic.Prompt */
+.gs { } /* Generic.Strong */
+.gu { color: #003300; } /* Generic.Subheading */
+.gt { color: #99CC66 } /* Generic.Traceback */
+.kc { color: #006699; } /* Keyword.Constant */
+.kd { color: #006699; } /* Keyword.Declaration */
+.kn { color: #006699; } /* Keyword.Namespace */
+.kp { color: #006699 } /* Keyword.Pseudo */
+.kr { color: #006699; } /* Keyword.Reserved */
+.kt { color: #007788; } /* Keyword.Type */
+.m { color: #FF6600 } /* Literal.Number */
+.s { color: #d44950 } /* Literal.String */
+.na { color: #4f9fcf } /* Name.Attribute */
+.nb { color: #336666 } /* Name.Builtin */
+.nc { color: #00AA88; } /* Name.Class */
+.no { color: #336600 } /* Name.Constant */
+.nd { color: #9999FF } /* Name.Decorator */
+.ni { color: #999999; } /* Name.Entity */
+.ne { color: #CC0000; } /* Name.Exception */
+.nf { color: #CC00FF } /* Name.Function */
+.nl { color: #9999FF } /* Name.Label */
+.nn { color: #00CCFF; } /* Name.Namespace */
+.nt { color: #2f6f9f; } /* Name.Tag */
+.nv { color: #003333 } /* Name.Variable */
+.ow { color: #000000; } /* Operator.Word */
+.w { color: #bbbbbb } /* Text.Whitespace */
+.mf { color: #FF6600 } /* Literal.Number.Float */
+.mh { color: #FF6600 } /* Literal.Number.Hex */
+.mi { color: #FF6600 } /* Literal.Number.Integer */
+.mo { color: #FF6600 } /* Literal.Number.Oct */
+.sb { color: #CC3300 } /* Literal.String.Backtick */
+.sc { color: #CC3300 } /* Literal.String.Char */
+.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
+.s2 { color: #CC3300 } /* Literal.String.Double */
+.se { color: #CC3300; } /* Literal.String.Escape */
+.sh { color: #CC3300 } /* Literal.String.Heredoc */
+.si { color: #AA0000 } /* Literal.String.Interpol */
+.sx { color: #CC3300 } /* Literal.String.Other */
+.sr { color: #33AAAA } /* Literal.String.Regex */
+.s1 { color: #CC3300 } /* Literal.String.Single */
+.ss { color: #FFCC33 } /* Literal.String.Symbol */
+.bp { color: #336666 } /* Name.Builtin.Pseudo */
+.vc { color: #003333 } /* Name.Variable.Class */
+.vg { color: #003333 } /* Name.Variable.Global */
+.vi { color: #003333 } /* Name.Variable.Instance */
+.il { color: #FF6600 } /* Literal.Number.Integer.Long */
+
+.css .o,
+.css .o + .nt,
+.css .nt + .nt { color: #999; }
+
+pre {
+ background-color: #fafafa;
+ padding: 8px 15px;
+}
--- /dev/null
+.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
+.clearfix:after{clear:both;}
+.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
+.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
+audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
+audio:not([controls]){display:none;}
+html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+a:hover,a:active{outline:0;}
+sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
+sup{top:-0.5em;}
+sub{bottom:-0.25em;}
+img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
+#map_canvas img,.google-maps img{max-width:none;}
+button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
+button,input{*overflow:visible;line-height:normal;}
+button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
+button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
+label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;}
+input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
+input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
+textarea{overflow:auto;vertical-align:top;}
+@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}body{margin:0;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333333;background-color:#ffffff;}
+a{color:#c83025;text-decoration:none;}
+a:hover,a:focus{color:#9d261d;text-decoration:underline;}
+.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
+.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
+.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;}
+.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}
+.row:after{clear:both;}
+.row:before,.row:after{display:table;content:"";line-height:0;}
+.row:after{clear:both;}
+[class*="span"]{float:left;min-height:1px;margin-left:20px;}
+.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
+.span12{width:940px;}
+.span11{width:860px;}
+.span10{width:780px;}
+.span9{width:700px;}
+.span8{width:620px;}
+.span7{width:540px;}
+.span6{width:460px;}
+.span5{width:380px;}
+.span4{width:300px;}
+.span3{width:220px;}
+.span2{width:140px;}
+.span1{width:60px;}
+.offset12{margin-left:980px;}
+.offset11{margin-left:900px;}
+.offset10{margin-left:820px;}
+.offset9{margin-left:740px;}
+.offset8{margin-left:660px;}
+.offset7{margin-left:580px;}
+.offset6{margin-left:500px;}
+.offset5{margin-left:420px;}
+.offset4{margin-left:340px;}
+.offset3{margin-left:260px;}
+.offset2{margin-left:180px;}
+.offset1{margin-left:100px;}
+.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}
+.row:after{clear:both;}
+.row:before,.row:after{display:table;content:"";line-height:0;}
+.row:after{clear:both;}
+[class*="span"]{float:left;min-height:1px;margin-left:20px;}
+.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
+.span12{width:940px;}
+.span11{width:860px;}
+.span10{width:780px;}
+.span9{width:700px;}
+.span8{width:620px;}
+.span7{width:540px;}
+.span6{width:460px;}
+.span5{width:380px;}
+.span4{width:300px;}
+.span3{width:220px;}
+.span2{width:140px;}
+.span1{width:60px;}
+.offset12{margin-left:980px;}
+.offset11{margin-left:900px;}
+.offset10{margin-left:820px;}
+.offset9{margin-left:740px;}
+.offset8{margin-left:660px;}
+.offset7{margin-left:580px;}
+.offset6{margin-left:500px;}
+.offset5{margin-left:420px;}
+.offset4{margin-left:340px;}
+.offset3{margin-left:260px;}
+.offset2{margin-left:180px;}
+.offset1{margin-left:100px;}
+.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
+.row-fluid:after{clear:both;}
+.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
+.row-fluid:after{clear:both;}
+.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
+.row-fluid [class*="span"]:first-child{margin-left:0;}
+.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;}
+.row-fluid .span12{width:100%;*width:99.94680851063829%;}
+.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
+.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}
+.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
+.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}
+.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}
+.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}
+.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}
+.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}
+.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;}
+.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;}
+.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}
+.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;}
+.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;}
+.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}
+.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}
+.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}
+.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}
+.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}
+.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}
+.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}
+.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}
+.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;}
+.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}
+.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}
+.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}
+.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}
+.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;}
+.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}
+.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}
+.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}
+.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}
+.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}
+.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}
+.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}
+.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}
+.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
+.row-fluid:after{clear:both;}
+.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
+.row-fluid:after{clear:both;}
+.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
+.row-fluid [class*="span"]:first-child{margin-left:0;}
+.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;}
+.row-fluid .span12{width:100%;*width:99.94680851063829%;}
+.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
+.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}
+.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
+.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}
+.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}
+.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}
+.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}
+.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}
+.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;}
+.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;}
+.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}
+.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;}
+.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;}
+.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}
+.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}
+.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}
+.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}
+.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}
+.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}
+.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}
+.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}
+.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;}
+.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}
+.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}
+.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}
+.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}
+.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;}
+.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}
+.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}
+.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}
+.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}
+.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}
+.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}
+.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}
+.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}
+[class*="span"].hide,.row-fluid [class*="span"].hide{display:none;}
+[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;}
+.container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;}
+.container:after{clear:both;}
+.container:before,.container:after{display:table;content:"";line-height:0;}
+.container:after{clear:both;}
+.container:before,.container:after{display:table;content:"";line-height:0;}
+.container:after{clear:both;}
+.container:before,.container:after{display:table;content:"";line-height:0;}
+.container:after{clear:both;}
+.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;}
+.container-fluid:after{clear:both;}
+.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;}
+.container-fluid:after{clear:both;}
+p{margin:0 0 10px;}
+.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px;}
+small{font-size:85%;}
+strong{font-weight:bold;}
+em{font-style:italic;}
+cite{font-style:normal;}
+.muted{color:#999999;}
+a.muted:hover,a.muted:focus{color:#808080;}
+.text-warning{color:#b58603;}
+a.text-warning:hover,a.text-warning:focus{color:#836102;}
+.text-error{color:#9d261d;}
+a.text-error:hover,a.text-error:focus{color:#721c15;}
+.text-info{color:#007dbc;}
+a.text-info:hover,a.text-info:focus{color:#005b89;}
+.text-success{color:#5c7f41;}
+a.text-success:hover,a.text-success:focus{color:#435d2f;}
+.text-left{text-align:left;}
+.text-right{text-align:right;}
+.text-center{text-align:center;}
+h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:500;line-height:20px;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999999;}
+h1,h2,h3{line-height:40px;}
+h1{font-size:38.5px;}
+h2{font-size:31.5px;}
+h3{font-size:24.5px;}
+h4{font-size:17.5px;}
+h5{font-size:14px;}
+h6{font-size:11.9px;}
+h1 small{font-size:24.5px;}
+h2 small{font-size:17.5px;}
+h3 small{font-size:14px;}
+h4 small{font-size:14px;}
+.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eeeeee;}
+ul,ol{padding:0;margin:0 0 10px 25px;}
+ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
+li{line-height:20px;}
+ul.unstyled,ol.unstyled{margin-left:0;list-style:none;}
+ul.inline,ol.inline{margin-left:0;list-style:none;}ul.inline>li,ol.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px;}
+dl{margin-bottom:20px;}
+dt,dd{line-height:20px;}
+dt{font-weight:bold;}
+dd{margin-left:10px;}
+.dl-horizontal{*zoom:1;}.dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0;}
+.dl-horizontal:after{clear:both;}
+.dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0;}
+.dl-horizontal:after{clear:both;}
+.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.dl-horizontal dd{margin-left:180px;}
+hr{margin:20px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;}
+abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999;}
+abbr.initialism{font-size:90%;text-transform:uppercase;}
+blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25;}
+blockquote small{display:block;line-height:20px;color:#999999;}blockquote small:before{content:'\2014 \00A0';}
+blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eeeeee;border-left:0;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;}
+blockquote.pull-right small:before{content:'';}
+blockquote.pull-right small:after{content:'\00A0 \2014';}
+q:before,q:after,blockquote:before,blockquote:after{content:"";}
+address{display:block;margin-bottom:20px;font-style:normal;line-height:20px;}
+code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;}
+pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:20px;}
+pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0;}
+.pre-scrollable{max-height:340px;overflow-y:scroll;}
+form{margin:0 0 20px;}
+fieldset{padding:0;margin:0;border:0;}
+legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333333;border:0;border-bottom:1px solid #e5e5e5;}legend small{font-size:15px;color:#999999;}
+label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px;}
+input,button,select,textarea{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;}
+label{display:block;margin-bottom:5px;}
+select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;}
+input,textarea,.uneditable-input{width:206px;}
+textarea{height:auto;}
+textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
+input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;}
+input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}
+select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px;}
+select{width:220px;border:1px solid #cccccc;background-color:#ffffff;}
+select[multiple],select[size]{height:auto;}
+select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+.uneditable-input,.uneditable-textarea{color:#999999;background-color:#fcfcfc;border-color:#cccccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
+.uneditable-input{overflow:hidden;white-space:nowrap;}
+.uneditable-textarea{width:auto;height:auto;}
+input:-moz-placeholder,textarea:-moz-placeholder{color:#999999;}
+input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999999;}
+input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999999;}
+input:-moz-placeholder,textarea:-moz-placeholder{color:#999999;}
+input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999999;}
+input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999999;}
+.radio,.checkbox{min-height:20px;padding-left:20px;}
+.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px;}
+.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}
+.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
+.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
+.input-mini{width:60px;}
+.input-small{width:90px;}
+.input-medium{width:150px;}
+.input-large{width:210px;}
+.input-xlarge{width:270px;}
+.input-xxlarge{width:530px;}
+input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0;}
+.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block;}
+input,textarea,.uneditable-input{margin-left:0;}
+.controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
+input.span12,textarea.span12,.uneditable-input.span12{width:926px;}
+input.span11,textarea.span11,.uneditable-input.span11{width:846px;}
+input.span10,textarea.span10,.uneditable-input.span10{width:766px;}
+input.span9,textarea.span9,.uneditable-input.span9{width:686px;}
+input.span8,textarea.span8,.uneditable-input.span8{width:606px;}
+input.span7,textarea.span7,.uneditable-input.span7{width:526px;}
+input.span6,textarea.span6,.uneditable-input.span6{width:446px;}
+input.span5,textarea.span5,.uneditable-input.span5{width:366px;}
+input.span4,textarea.span4,.uneditable-input.span4{width:286px;}
+input.span3,textarea.span3,.uneditable-input.span3{width:206px;}
+input.span2,textarea.span2,.uneditable-input.span2{width:126px;}
+input.span1,textarea.span1,.uneditable-input.span1{width:46px;}
+input,textarea,.uneditable-input{margin-left:0;}
+.controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
+input.span12,textarea.span12,.uneditable-input.span12{width:926px;}
+input.span11,textarea.span11,.uneditable-input.span11{width:846px;}
+input.span10,textarea.span10,.uneditable-input.span10{width:766px;}
+input.span9,textarea.span9,.uneditable-input.span9{width:686px;}
+input.span8,textarea.span8,.uneditable-input.span8{width:606px;}
+input.span7,textarea.span7,.uneditable-input.span7{width:526px;}
+input.span6,textarea.span6,.uneditable-input.span6{width:446px;}
+input.span5,textarea.span5,.uneditable-input.span5{width:366px;}
+input.span4,textarea.span4,.uneditable-input.span4{width:286px;}
+input.span3,textarea.span3,.uneditable-input.span3{width:206px;}
+input.span2,textarea.span2,.uneditable-input.span2{width:126px;}
+input.span1,textarea.span1,.uneditable-input.span1{width:46px;}
+.controls-row{*zoom:1;}.controls-row:before,.controls-row:after{display:table;content:"";line-height:0;}
+.controls-row:after{clear:both;}
+.controls-row:before,.controls-row:after{display:table;content:"";line-height:0;}
+.controls-row:after{clear:both;}
+.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left;}
+.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px;}
+input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eeeeee;}
+input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent;}
+.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#b58603;}
+.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#b58603;}
+.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#b58603;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#836102;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #fbc124;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #fbc124;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #fbc124;}
+.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#b58603;background-color:#fffcee;border-color:#b58603;}
+.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#b58603;}
+.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#b58603;}
+.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#b58603;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#836102;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #fbc124;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #fbc124;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #fbc124;}
+.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#b58603;background-color:#fffcee;border-color:#b58603;}
+.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#9d261d;}
+.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#9d261d;}
+.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#9d261d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#721c15;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dc4e44;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dc4e44;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dc4e44;}
+.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#9d261d;background-color:#fff0f0;border-color:#9d261d;}
+.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#9d261d;}
+.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#9d261d;}
+.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#9d261d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#721c15;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dc4e44;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dc4e44;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dc4e44;}
+.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#9d261d;background-color:#fff0f0;border-color:#9d261d;}
+.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#5c7f41;}
+.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#5c7f41;}
+.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#5c7f41;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#435d2f;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #8eb670;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #8eb670;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #8eb670;}
+.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#5c7f41;background-color:#f3f9e8;border-color:#5c7f41;}
+.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#5c7f41;}
+.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#5c7f41;}
+.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#5c7f41;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#435d2f;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #8eb670;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #8eb670;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #8eb670;}
+.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#5c7f41;background-color:#f3f9e8;border-color:#5c7f41;}
+.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#007dbc;}
+.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#007dbc;}
+.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#007dbc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#005b89;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #23b5ff;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #23b5ff;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #23b5ff;}
+.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#007dbc;background-color:#f0f9ff;border-color:#007dbc;}
+.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#007dbc;}
+.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#007dbc;}
+.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#007dbc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#005b89;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #23b5ff;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #23b5ff;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #23b5ff;}
+.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#007dbc;background-color:#f0f9ff;border-color:#007dbc;}
+input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
+.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1;}.form-actions:before,.form-actions:after{display:table;content:"";line-height:0;}
+.form-actions:after{clear:both;}
+.form-actions:before,.form-actions:after{display:table;content:"";line-height:0;}
+.form-actions:after{clear:both;}
+.help-block,.help-inline{color:#595959;}
+.help-block{display:block;margin-bottom:10px;}
+.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;}
+.input-append,.input-prepend{display:inline-block;margin-bottom:10px;vertical-align:middle;font-size:0;white-space:nowrap;}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover{font-size:14px;}
+.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2;}
+.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc;}
+.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.input-append .active,.input-prepend .active{background-color:#d9e8c2;border-color:#95bf52;}
+.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;}
+.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
+.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
+.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px;}
+.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
+.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
+.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
+.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
+.input-prepend.input-append .btn-group:first-child{margin-left:0;}
+input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
+.form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;}
+.form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
+.form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
+.form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;}
+.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle;}
+.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;}
+.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block;}
+.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0;}
+.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;}
+.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}
+.control-group{margin-bottom:10px;}
+legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate;}
+.form-horizontal .control-group{margin-bottom:20px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0;}
+.form-horizontal .control-group:after{clear:both;}
+.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0;}
+.form-horizontal .control-group:after{clear:both;}
+.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right;}
+.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0;}.form-horizontal .controls:first-child{*padding-left:180px;}
+.form-horizontal .help-block{margin-bottom:0;}
+.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px;}
+.form-horizontal .form-actions{padding-left:180px;}
+table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
+.table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
+.table th{font-weight:bold;}
+.table thead th{vertical-align:bottom;}
+.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
+.table tbody+tbody{border-top:2px solid #dddddd;}
+.table .table{background-color:#ffffff;}
+.table-condensed th,.table-condensed td{padding:4px 5px;}
+.table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
+.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
+.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
+.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
+.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
+.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
+.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;}
+.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;}
+.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
+.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
+.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
+.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5;}
+table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0;}
+.table td.span1,.table th.span1{float:none;width:44px;margin-left:0;}
+.table td.span2,.table th.span2{float:none;width:124px;margin-left:0;}
+.table td.span3,.table th.span3{float:none;width:204px;margin-left:0;}
+.table td.span4,.table th.span4{float:none;width:284px;margin-left:0;}
+.table td.span5,.table th.span5{float:none;width:364px;margin-left:0;}
+.table td.span6,.table th.span6{float:none;width:444px;margin-left:0;}
+.table td.span7,.table th.span7{float:none;width:524px;margin-left:0;}
+.table td.span8,.table th.span8{float:none;width:604px;margin-left:0;}
+.table td.span9,.table th.span9{float:none;width:684px;margin-left:0;}
+.table td.span10,.table th.span10{float:none;width:764px;margin-left:0;}
+.table td.span11,.table th.span11{float:none;width:844px;margin-left:0;}
+.table td.span12,.table th.span12{float:none;width:924px;margin-left:0;}
+.table tbody tr.success>td{background-color:#f3f9e8;}
+.table tbody tr.error>td{background-color:#fff0f0;}
+.table tbody tr.warning>td{background-color:#fffcee;}
+.table tbody tr.info>td{background-color:#f0f9ff;}
+.table-hover tbody tr.success:hover>td{background-color:#e8f4d4;}
+.table-hover tbody tr.error:hover>td{background-color:#ffd7d7;}
+.table-hover tbody tr.warning:hover>td{background-color:#fff8d5;}
+.table-hover tbody tr.info:hover>td{background-color:#d7efff;}
+[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px;}
+.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"]{background-image:url("../img/glyphicons-halflings-white.png");}
+.icon-glass{background-position:0 0;}
+.icon-music{background-position:-24px 0;}
+.icon-search{background-position:-48px 0;}
+.icon-envelope{background-position:-72px 0;}
+.icon-heart{background-position:-96px 0;}
+.icon-star{background-position:-120px 0;}
+.icon-star-empty{background-position:-144px 0;}
+.icon-user{background-position:-168px 0;}
+.icon-film{background-position:-192px 0;}
+.icon-th-large{background-position:-216px 0;}
+.icon-th{background-position:-240px 0;}
+.icon-th-list{background-position:-264px 0;}
+.icon-ok{background-position:-288px 0;}
+.icon-remove{background-position:-312px 0;}
+.icon-zoom-in{background-position:-336px 0;}
+.icon-zoom-out{background-position:-360px 0;}
+.icon-off{background-position:-384px 0;}
+.icon-signal{background-position:-408px 0;}
+.icon-cog{background-position:-432px 0;}
+.icon-trash{background-position:-456px 0;}
+.icon-home{background-position:0 -24px;}
+.icon-file{background-position:-24px -24px;}
+.icon-time{background-position:-48px -24px;}
+.icon-road{background-position:-72px -24px;}
+.icon-download-alt{background-position:-96px -24px;}
+.icon-download{background-position:-120px -24px;}
+.icon-upload{background-position:-144px -24px;}
+.icon-inbox{background-position:-168px -24px;}
+.icon-play-circle{background-position:-192px -24px;}
+.icon-repeat{background-position:-216px -24px;}
+.icon-refresh{background-position:-240px -24px;}
+.icon-list-alt{background-position:-264px -24px;}
+.icon-lock{background-position:-287px -24px;}
+.icon-flag{background-position:-312px -24px;}
+.icon-headphones{background-position:-336px -24px;}
+.icon-volume-off{background-position:-360px -24px;}
+.icon-volume-down{background-position:-384px -24px;}
+.icon-volume-up{background-position:-408px -24px;}
+.icon-qrcode{background-position:-432px -24px;}
+.icon-barcode{background-position:-456px -24px;}
+.icon-tag{background-position:0 -48px;}
+.icon-tags{background-position:-25px -48px;}
+.icon-book{background-position:-48px -48px;}
+.icon-bookmark{background-position:-72px -48px;}
+.icon-print{background-position:-96px -48px;}
+.icon-camera{background-position:-120px -48px;}
+.icon-font{background-position:-144px -48px;}
+.icon-bold{background-position:-167px -48px;}
+.icon-italic{background-position:-192px -48px;}
+.icon-text-height{background-position:-216px -48px;}
+.icon-text-width{background-position:-240px -48px;}
+.icon-align-left{background-position:-264px -48px;}
+.icon-align-center{background-position:-288px -48px;}
+.icon-align-right{background-position:-312px -48px;}
+.icon-align-justify{background-position:-336px -48px;}
+.icon-list{background-position:-360px -48px;}
+.icon-indent-left{background-position:-384px -48px;}
+.icon-indent-right{background-position:-408px -48px;}
+.icon-facetime-video{background-position:-432px -48px;}
+.icon-picture{background-position:-456px -48px;}
+.icon-pencil{background-position:0 -72px;}
+.icon-map-marker{background-position:-24px -72px;}
+.icon-adjust{background-position:-48px -72px;}
+.icon-tint{background-position:-72px -72px;}
+.icon-edit{background-position:-96px -72px;}
+.icon-share{background-position:-120px -72px;}
+.icon-check{background-position:-144px -72px;}
+.icon-move{background-position:-168px -72px;}
+.icon-step-backward{background-position:-192px -72px;}
+.icon-fast-backward{background-position:-216px -72px;}
+.icon-backward{background-position:-240px -72px;}
+.icon-play{background-position:-264px -72px;}
+.icon-pause{background-position:-288px -72px;}
+.icon-stop{background-position:-312px -72px;}
+.icon-forward{background-position:-336px -72px;}
+.icon-fast-forward{background-position:-360px -72px;}
+.icon-step-forward{background-position:-384px -72px;}
+.icon-eject{background-position:-408px -72px;}
+.icon-chevron-left{background-position:-432px -72px;}
+.icon-chevron-right{background-position:-456px -72px;}
+.icon-plus-sign{background-position:0 -96px;}
+.icon-minus-sign{background-position:-24px -96px;}
+.icon-remove-sign{background-position:-48px -96px;}
+.icon-ok-sign{background-position:-72px -96px;}
+.icon-question-sign{background-position:-96px -96px;}
+.icon-info-sign{background-position:-120px -96px;}
+.icon-screenshot{background-position:-144px -96px;}
+.icon-remove-circle{background-position:-168px -96px;}
+.icon-ok-circle{background-position:-192px -96px;}
+.icon-ban-circle{background-position:-216px -96px;}
+.icon-arrow-left{background-position:-240px -96px;}
+.icon-arrow-right{background-position:-264px -96px;}
+.icon-arrow-up{background-position:-289px -96px;}
+.icon-arrow-down{background-position:-312px -96px;}
+.icon-share-alt{background-position:-336px -96px;}
+.icon-resize-full{background-position:-360px -96px;}
+.icon-resize-small{background-position:-384px -96px;}
+.icon-plus{background-position:-408px -96px;}
+.icon-minus{background-position:-433px -96px;}
+.icon-asterisk{background-position:-456px -96px;}
+.icon-exclamation-sign{background-position:0 -120px;}
+.icon-gift{background-position:-24px -120px;}
+.icon-leaf{background-position:-48px -120px;}
+.icon-fire{background-position:-72px -120px;}
+.icon-eye-open{background-position:-96px -120px;}
+.icon-eye-close{background-position:-120px -120px;}
+.icon-warning-sign{background-position:-144px -120px;}
+.icon-plane{background-position:-168px -120px;}
+.icon-calendar{background-position:-192px -120px;}
+.icon-random{background-position:-216px -120px;width:16px;}
+.icon-comment{background-position:-240px -120px;}
+.icon-magnet{background-position:-264px -120px;}
+.icon-chevron-up{background-position:-288px -120px;}
+.icon-chevron-down{background-position:-313px -119px;}
+.icon-retweet{background-position:-336px -120px;}
+.icon-shopping-cart{background-position:-360px -120px;}
+.icon-folder-close{background-position:-384px -120px;width:16px;}
+.icon-folder-open{background-position:-408px -120px;width:16px;}
+.icon-resize-vertical{background-position:-432px -119px;}
+.icon-resize-horizontal{background-position:-456px -118px;}
+.icon-hdd{background-position:0 -144px;}
+.icon-bullhorn{background-position:-24px -144px;}
+.icon-bell{background-position:-48px -144px;}
+.icon-certificate{background-position:-72px -144px;}
+.icon-thumbs-up{background-position:-96px -144px;}
+.icon-thumbs-down{background-position:-120px -144px;}
+.icon-hand-right{background-position:-144px -144px;}
+.icon-hand-left{background-position:-168px -144px;}
+.icon-hand-up{background-position:-192px -144px;}
+.icon-hand-down{background-position:-216px -144px;}
+.icon-circle-arrow-right{background-position:-240px -144px;}
+.icon-circle-arrow-left{background-position:-264px -144px;}
+.icon-circle-arrow-up{background-position:-288px -144px;}
+.icon-circle-arrow-down{background-position:-312px -144px;}
+.icon-globe{background-position:-336px -144px;}
+.icon-wrench{background-position:-360px -144px;}
+.icon-tasks{background-position:-384px -144px;}
+.icon-filter{background-position:-408px -144px;}
+.icon-briefcase{background-position:-432px -144px;}
+.icon-fullscreen{background-position:-456px -144px;}
+.dropup,.dropdown{position:relative;}
+.dropdown-toggle{*margin-bottom:-3px;}
+.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
+.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";}
+.dropdown .caret{margin-top:8px;margin-left:2px;}
+.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
+.dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
+.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333333;white-space:nowrap;}
+.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{text-decoration:none;color:#ffffff;background-color:#bf2e23;background-image:-moz-linear-gradient(top, #c83025, #b32b21);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#c83025), to(#b32b21));background-image:-webkit-linear-gradient(top, #c83025, #b32b21);background-image:-o-linear-gradient(top, #c83025, #b32b21);background-image:linear-gradient(to bottom, #c83025, #b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc83025', endColorstr='#ffb32b21', GradientType=0);}
+.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#bf2e23;background-image:-moz-linear-gradient(top, #c83025, #b32b21);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#c83025), to(#b32b21));background-image:-webkit-linear-gradient(top, #c83025, #b32b21);background-image:-o-linear-gradient(top, #c83025, #b32b21);background-image:linear-gradient(to bottom, #c83025, #b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc83025', endColorstr='#ffb32b21', GradientType=0);}
+.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999999;}
+.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:default;}
+.open{*z-index:1000;}.open>.dropdown-menu{display:block;}
+.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990;}
+.pull-right>.dropdown-menu{right:0;left:auto;}
+.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"";}
+.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}
+.dropdown-submenu{position:relative;}
+.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
+.dropdown-submenu:hover>.dropdown-menu{display:block;}
+.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0;}
+.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
+.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
+.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
+.dropdown .dropdown-menu .nav-header{padding-left:20px;padding-right:20px;}
+.typeahead{z-index:1051;margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
+.well-large{padding:24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
+.well-small{padding:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;}.fade.in{opacity:1;}
+.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}.collapse.in{height:auto;}
+.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
+button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
+.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #bbbbbb;*border:0;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
+.btn:active,.btn.active{background-color:#cccccc \9;}
+.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
+.btn:active,.btn.active{background-color:#cccccc \9;}
+.btn:first-child{*margin-left:0;}
+.btn:first-child{*margin-left:0;}
+.btn:hover,.btn:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
+.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
+.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
+.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px;}
+.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0;}
+.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px;}
+.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
+.btn-block+.btn-block{margin-top:5px;}
+input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%;}
+.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);}
+.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#e7d785;background-image:-moz-linear-gradient(top, #fffeb8, #c49c38);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fffeb8), to(#c49c38));background-image:-webkit-linear-gradient(top, #fffeb8, #c49c38);background-image:-o-linear-gradient(top, #fffeb8, #c49c38);background-image:linear-gradient(to bottom, #fffeb8, #c49c38);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffeb8', endColorstr='#ffc49c38', GradientType=0);border-color:#c49c38 #c49c38 #896d27;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#c49c38;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#c49c38;*background-color:#b08c32;}
+.btn-primary:active,.btn-primary.active{background-color:#9c7c2d \9;}
+.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#c49c38;*background-color:#b08c32;}
+.btn-primary:active,.btn-primary.active{background-color:#9c7c2d \9;}
+.btn-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#e7c44b;background-image:-moz-linear-gradient(top, #f9e27d, #cc9600);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f9e27d), to(#cc9600));background-image:-webkit-linear-gradient(top, #f9e27d, #cc9600);background-image:-o-linear-gradient(top, #f9e27d, #cc9600);background-image:linear-gradient(to bottom, #f9e27d, #cc9600);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9e27d', endColorstr='#ffcc9600', GradientType=0);border-color:#cc9600 #cc9600 #805e00;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#cc9600;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#ffffff;background-color:#cc9600;*background-color:#b38300;}
+.btn-warning:active,.btn-warning.active{background-color:#997100 \9;}
+.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#ffffff;background-color:#cc9600;*background-color:#b38300;}
+.btn-warning:active,.btn-warning.active{background-color:#997100 \9;}
+.btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#cc4036;background-image:-moz-linear-gradient(top, #dc4e44, #b32b21);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#dc4e44), to(#b32b21));background-image:-webkit-linear-gradient(top, #dc4e44, #b32b21);background-image:-o-linear-gradient(top, #dc4e44, #b32b21);background-image:linear-gradient(to bottom, #dc4e44, #b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc4e44', endColorstr='#ffb32b21', GradientType=0);border-color:#b32b21 #b32b21 #721c15;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#b32b21;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background-color:#b32b21;*background-color:#9d261d;}
+.btn-danger:active,.btn-danger.active{background-color:#872119 \9;}
+.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background-color:#b32b21;*background-color:#9d261d;}
+.btn-danger:active,.btn-danger.active{background-color:#872119 \9;}
+.btn-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#83a94c;background-image:-moz-linear-gradient(top, #95bf52, #678943);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#95bf52), to(#678943));background-image:-webkit-linear-gradient(top, #95bf52, #678943);background-image:-o-linear-gradient(top, #95bf52, #678943);background-image:linear-gradient(to bottom, #95bf52, #678943);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff95bf52', endColorstr='#ff678943', GradientType=0);border-color:#678943 #678943 #40562a;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#678943;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background-color:#678943;*background-color:#5a783b;}
+.btn-success:active,.btn-success.active{background-color:#4d6732 \9;}
+.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background-color:#678943;*background-color:#5a783b;}
+.btn-success:active,.btn-success.active{background-color:#4d6732 \9;}
+.btn-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#008ed0;background-image:-moz-linear-gradient(top, #009add, #007dbc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#009add), to(#007dbc));background-image:-webkit-linear-gradient(top, #009add, #007dbc);background-image:-o-linear-gradient(top, #009add, #007dbc);background-image:linear-gradient(to bottom, #009add, #007dbc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff009add', endColorstr='#ff007dbc', GradientType=0);border-color:#007dbc #007dbc #004a70;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#007dbc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#007dbc;*background-color:#006ca3;}
+.btn-info:active,.btn-info.active{background-color:#005b89 \9;}
+.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#007dbc;*background-color:#006ca3;}
+.btn-info:active,.btn-info.active{background-color:#005b89 \9;}
+.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#363636;background-image:-moz-linear-gradient(top, #444444, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));background-image:-webkit-linear-gradient(top, #444444, #222222);background-image:-o-linear-gradient(top, #444444, #222222);background-image:linear-gradient(to bottom, #444444, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#222222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#ffffff;background-color:#222222;*background-color:#151515;}
+.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;}
+.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#ffffff;background-color:#222222;*background-color:#151515;}
+.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;}
+button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
+button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;}
+button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;}
+button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px;}
+.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+.btn-link{border-color:transparent;cursor:pointer;color:#c83025;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.btn-link:hover,.btn-link:focus{color:#9d261d;text-decoration:underline;background-color:transparent;}
+.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333333;text-decoration:none;}
+.btn-group{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:0;vertical-align:middle;white-space:nowrap;*margin-left:.3em;}.btn-group:first-child{*margin-left:0;}
+.btn-group:first-child{*margin-left:0;}
+.btn-group+.btn-group{margin-left:5px;}
+.btn-toolbar{font-size:0;margin-top:10px;margin-bottom:10px;}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group{margin-left:5px;}
+.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.btn-group>.btn+.btn{margin-left:-1px;}
+.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:14px;}
+.btn-group>.btn-mini{font-size:10.5px;}
+.btn-group>.btn-small{font-size:11.9px;}
+.btn-group>.btn-large{font-size:17.5px;}
+.btn-group>.btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
+.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
+.btn-group>.btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
+.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
+.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2;}
+.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}
+.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*padding-top:5px;*padding-bottom:5px;}
+.btn-group>.btn-mini+.dropdown-toggle{padding-left:5px;padding-right:5px;*padding-top:2px;*padding-bottom:2px;}
+.btn-group>.btn-small+.dropdown-toggle{*padding-top:5px;*padding-bottom:4px;}
+.btn-group>.btn-large+.dropdown-toggle{padding-left:12px;padding-right:12px;*padding-top:7px;*padding-bottom:7px;}
+.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
+.btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6;}
+.btn-group.open .btn-primary.dropdown-toggle{background-color:#c49c38;}
+.btn-group.open .btn-warning.dropdown-toggle{background-color:#cc9600;}
+.btn-group.open .btn-danger.dropdown-toggle{background-color:#b32b21;}
+.btn-group.open .btn-success.dropdown-toggle{background-color:#678943;}
+.btn-group.open .btn-info.dropdown-toggle{background-color:#007dbc;}
+.btn-group.open .btn-inverse.dropdown-toggle{background-color:#222222;}
+.btn .caret{margin-top:8px;margin-left:0;}
+.btn-large .caret{margin-top:6px;}
+.btn-large .caret{border-left-width:5px;border-right-width:5px;border-top-width:5px;}
+.btn-mini .caret,.btn-small .caret{margin-top:8px;}
+.dropup .btn-large .caret{border-bottom-width:5px;}
+.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;}
+.btn-group-vertical{display:inline-block;*display:inline;*zoom:1;}
+.btn-group-vertical>.btn{display:block;float:none;max-width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.btn-group-vertical>.btn+.btn{margin-left:0;margin-top:-1px;}
+.btn-group-vertical>.btn:first-child{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
+.btn-group-vertical>.btn:last-child{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
+.btn-group-vertical>.btn-large:first-child{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
+.btn-group-vertical>.btn-large:last-child{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
+.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fffcee;border:1px solid #ffedca;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.alert,.alert h4{color:#b58603;}
+.alert h4{margin:0;}
+.alert .close{position:relative;top:-2px;right:-21px;line-height:20px;}
+.alert-success{background-color:#f3f9e8;border-color:#e1ebb3;color:#5c7f41;}
+.alert-success h4{color:#5c7f41;}
+.alert-danger,.alert-error{background-color:#fff0f0;border-color:#ffdce1;color:#9d261d;}
+.alert-danger h4,.alert-error h4{color:#9d261d;}
+.alert-info{background-color:#f0f9ff;border-color:#ccf3ff;color:#007dbc;}
+.alert-info h4{color:#007dbc;}
+.alert-block{padding-top:14px;padding-bottom:14px;}
+.alert-block>p,.alert-block>ul{margin-bottom:0;}
+.alert-block p+p{margin-top:5px;}
+.nav{margin-left:0;margin-bottom:20px;list-style:none;}
+.nav>li>a{display:block;}
+.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eeeeee;}
+.nav>li>a>img{max-width:none;}
+.nav>.pull-right{float:right;}
+.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
+.nav li+.nav-header{margin-top:9px;}
+.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;}
+.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
+.nav-list>li>a{padding:3px 15px;}
+.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#c83025;}
+.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{margin-right:2px;}
+.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
+.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0;}
+.nav-tabs:after,.nav-pills:after{clear:both;}
+.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0;}
+.nav-tabs:after,.nav-pills:after{clear:both;}
+.nav-tabs>li,.nav-pills>li{float:left;}
+.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
+.nav-tabs{border-bottom:1px solid #ddd;}
+.nav-tabs>li{margin-bottom:-1px;}
+.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd;}
+.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
+.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#ffffff;background-color:#c83025;}
+.nav-stacked>li{float:none;}
+.nav-stacked>li>a{margin-right:0;}
+.nav-tabs.nav-stacked{border-bottom:0;}
+.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
+.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
+.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus{border-color:#ddd;z-index:2;}
+.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
+.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
+.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
+.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
+.nav .dropdown-toggle .caret{border-top-color:#c83025;border-bottom-color:#c83025;margin-top:6px;}
+.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret{border-top-color:#9d261d;border-bottom-color:#9d261d;}
+.nav-tabs .dropdown-toggle .caret{margin-top:8px;}
+.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
+.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;}
+.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer;}
+.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#ffffff;background-color:#999999;border-color:#999999;}
+.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
+.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#999999;}
+.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0;}
+.tabbable:after{clear:both;}
+.tabbable:before,.tabbable:after{display:table;content:"";line-height:0;}
+.tabbable:after{clear:both;}
+.tab-content{overflow:auto;}
+.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;}
+.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
+.tab-content>.active,.pill-content>.active{display:block;}
+.tabs-below>.nav-tabs{border-top:1px solid #ddd;}
+.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;}
+.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-bottom-color:transparent;border-top-color:#ddd;}
+.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd;}
+.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
+.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
+.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
+.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
+.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
+.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
+.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
+.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
+.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
+.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
+.nav>.disabled>a{color:#999999;}
+.nav>.disabled>a:hover,.nav>.disabled>a:focus{text-decoration:none;background-color:transparent;cursor:default;}
+.navbar{overflow:visible;margin-bottom:20px;*position:relative;*z-index:2;}
+.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#fafafa;background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);border:1px solid #d4d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);*zoom:1;}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0;}
+.navbar-inner:after{clear:both;}
+.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0;}
+.navbar-inner:after{clear:both;}
+.navbar .container{width:auto;}
+.nav-collapse.collapse{height:auto;overflow:visible;}
+.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777777;text-shadow:0 1px 0 #ffffff;}.navbar .brand:hover,.navbar .brand:focus{text-decoration:none;}
+.navbar-text{margin-bottom:0;line-height:40px;color:#777777;}
+.navbar-link{color:#777777;}.navbar-link:hover,.navbar-link:focus{color:#333333;}
+.navbar .divider-vertical{height:40px;margin:0 9px;border-left:1px solid #f2f2f2;border-right:1px solid #ffffff;}
+.navbar .btn,.navbar .btn-group{margin-top:5px;}
+.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn,.navbar .input-prepend .btn-group,.navbar .input-append .btn-group{margin-top:0;}
+.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";line-height:0;}
+.navbar-form:after{clear:both;}
+.navbar-form:before,.navbar-form:after{display:table;content:"";line-height:0;}
+.navbar-form:after{clear:both;}
+.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
+.navbar-form input,.navbar-form select,.navbar-form .btn{display:inline-block;margin-bottom:0;}
+.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
+.navbar-form .input-append,.navbar-form .input-prepend{margin-top:5px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;}
+.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0;}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
+.navbar-static-top{position:static;margin-bottom:0;}.navbar-static-top .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;}
+.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px;}
+.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0;}
+.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
+.navbar-fixed-top{top:0;}
+.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1);}
+.navbar-fixed-bottom{bottom:0;}.navbar-fixed-bottom .navbar-inner{-webkit-box-shadow:0 -1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 -1px 10px rgba(0,0,0,.1);box-shadow:0 -1px 10px rgba(0,0,0,.1);}
+.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
+.navbar .nav.pull-right{float:right;margin-right:0;}
+.navbar .nav>li{float:left;}
+.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777777;text-decoration:none;text-shadow:0 1px 0 #ffffff;}
+.navbar .nav .dropdown-toggle .caret{margin-top:8px;}
+.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#333333;text-decoration:none;}
+.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#555555;text-decoration:none;background-color:#e5e5e5;-webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);}
+.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#ededed;background-image:-moz-linear-gradient(top, #f2f2f2, #e5e5e5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));background-image:-webkit-linear-gradient(top, #f2f2f2, #e5e5e5);background-image:-o-linear-gradient(top, #f2f2f2, #e5e5e5);background-image:linear-gradient(to bottom, #f2f2f2, #e5e5e5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);border-color:#e5e5e5 #e5e5e5 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e5e5e5;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{color:#ffffff;background-color:#e5e5e5;*background-color:#d9d9d9;}
+.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#cccccc \9;}
+.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{color:#ffffff;background-color:#e5e5e5;*background-color:#d9d9d9;}
+.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#cccccc \9;}
+.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
+.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
+.navbar .nav>li>.dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
+.navbar .nav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
+.navbar-fixed-bottom .nav>li>.dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;}
+.navbar-fixed-bottom .nav>li>.dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;}
+.navbar .nav li.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret{border-top-color:#333333;border-bottom-color:#333333;}
+.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:#e5e5e5;color:#555555;}
+.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#777777;border-bottom-color:#777777;}
+.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;}
+.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{left:auto;right:0;}.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{left:auto;right:12px;}
+.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{left:auto;right:13px;}
+.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:-1px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
+.navbar-inverse .navbar-inner{background-color:#1b1b1b;background-image:-moz-linear-gradient(top, #222222, #111111);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));background-image:-webkit-linear-gradient(top, #222222, #111111);background-image:-o-linear-gradient(top, #222222, #111111);background-image:linear-gradient(to bottom, #222222, #111111);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);border-color:#252525;}
+.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#999999;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover,.navbar-inverse .brand:focus,.navbar-inverse .nav>li>a:focus{color:#ffffff;}
+.navbar-inverse .brand{color:#999999;}
+.navbar-inverse .navbar-text{color:#999999;}
+.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{background-color:transparent;color:#ffffff;}
+.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#ffffff;background-color:#111111;}
+.navbar-inverse .navbar-link{color:#999999;}.navbar-inverse .navbar-link:hover,.navbar-inverse .navbar-link:focus{color:#ffffff;}
+.navbar-inverse .divider-vertical{border-left-color:#111111;border-right-color:#222222;}
+.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#111111;color:#ffffff;}
+.navbar-inverse .nav li.dropdown>a:hover .caret,.navbar-inverse .nav li.dropdown>a:focus .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;}
+.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#999999;border-bottom-color:#999999;}
+.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;}
+.navbar-inverse .navbar-search .search-query{color:#ffffff;background-color:#515151;border-color:#111111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#cccccc;}
+.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#cccccc;}
+.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;}
+.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#cccccc;}
+.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#cccccc;}
+.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;}
+.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
+.navbar-inverse .btn-navbar{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e0e0e;background-image:-moz-linear-gradient(top, #151515, #040404);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));background-image:-webkit-linear-gradient(top, #151515, #040404);background-image:-o-linear-gradient(top, #151515, #040404);background-image:linear-gradient(to bottom, #151515, #040404);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);border-color:#040404 #040404 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#040404;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:focus,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#ffffff;background-color:#040404;*background-color:#000000;}
+.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#000000 \9;}
+.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:focus,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#ffffff;background-color:#040404;*background-color:#000000;}
+.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#000000 \9;}
+.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.breadcrumb>li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;}.breadcrumb>li>.divider{padding:0 5px;color:#ccc;}
+.breadcrumb>.active{color:#999999;}
+.pagination{margin:20px 0;}
+.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
+.pagination ul>li{display:inline;}
+.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
+.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
+.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
+.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
+.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
+.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
+.pagination-centered{text-align:center;}
+.pagination-right{text-align:right;}
+.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
+.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
+.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
+.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;}
+.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;}
+.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
+.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}
+.pager{margin:20px 0;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";line-height:0;}
+.pager:after{clear:both;}
+.pager:before,.pager:after{display:table;content:"";line-height:0;}
+.pager:after{clear:both;}
+.pager li{display:inline;}
+.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
+.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5;}
+.pager .next>a,.pager .next>span{float:right;}
+.pager .previous>a,.pager .previous>span{float:left;}
+.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999999;background-color:#fff;cursor:default;}
+.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
+.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
+.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
+.modal.fade.in{top:10%;}
+.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
+.modal-header h3{margin:0;line-height:30px;}
+.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px;}
+.modal-form{margin-bottom:0;}
+.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0;}
+.modal-footer:after{clear:both;}
+.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0;}
+.modal-footer:after{clear:both;}
+.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
+.modal-footer .btn-group .btn+.btn{margin-left:-1px;}
+.modal-footer .btn-block+.btn-block{margin-left:0;}
+.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
+.tooltip.top{margin-top:-3px;padding:5px 0;}
+.tooltip.right{margin-left:3px;padding:0 5px;}
+.tooltip.bottom{margin-top:3px;padding:5px 0;}
+.tooltip.left{margin-left:-3px;padding:0 5px;}
+.tooltip-inner{max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
+.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
+.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
+.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
+.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}
+.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#ffffff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);white-space:normal;}.popover.top{margin-top:-10px;}
+.popover.right{margin-left:10px;}
+.popover.bottom{margin-top:10px;}
+.popover.left{margin-left:-10px;}
+.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.popover-title:empty{display:none;}
+.popover-content{padding:9px 14px;}
+.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
+.popover .arrow{border-width:11px;}
+.popover .arrow:after{border-width:10px;content:"";}
+.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff;}
+.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0, 0, 0, 0.25);}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff;}
+.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0, 0, 0, 0.25);top:-11px;}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#ffffff;}
+.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0, 0, 0, 0.25);}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px;}
+.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0;}
+.thumbnails:after{clear:both;}
+.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0;}
+.thumbnails:after{clear:both;}
+.row-fluid .thumbnails{margin-left:0;}
+.thumbnails>li{float:left;margin-bottom:20px;margin-left:20px;}
+.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
+a.thumbnail:hover,a.thumbnail:focus{border-color:#c83025;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
+.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
+.thumbnail .caption{padding:9px;color:#555555;}
+.media,.media-body{overflow:hidden;*overflow:visible;zoom:1;}
+.media,.media .media{margin-top:15px;}
+.media:first-child{margin-top:0;}
+.media-object{display:block;}
+.media-heading{margin:0 0 5px;}
+.media>.pull-left{margin-right:10px;}
+.media>.pull-right{margin-left:10px;}
+.media-list{margin-left:0;list-style:none;}
+.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;}
+.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.badge{padding-left:9px;padding-right:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
+.label:empty,.badge:empty{display:none;}
+a.label:hover,a.label:focus,a.badge:hover,a.badge:focus{color:#ffffff;text-decoration:none;cursor:pointer;}
+.label-important,.badge-important{background-color:#9d261d;}
+.label-important[href],.badge-important[href]{background-color:#721c15;}
+.label-warning,.badge-warning{background-color:#f4914e;}
+.label-warning[href],.badge-warning[href]{background-color:#f1731e;}
+.label-success,.badge-success{background-color:#5c7f41;}
+.label-success[href],.badge-success[href]{background-color:#435d2f;}
+.label-info,.badge-info{background-color:#007dbc;}
+.label-info[href],.badge-info[href]{background-color:#005b89;}
+.label-inverse,.badge-inverse{background-color:#333333;}
+.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;}
+.btn .label,.btn .badge{position:relative;top:-1px;}
+.btn-mini .label,.btn-mini .badge{top:0;}
+@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.progress .bar{width:0%;height:100%;color:#ffffff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
+.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);}
+.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
+.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
+.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(to bottom, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);}
+.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
+.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(to bottom, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);}
+.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
+.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(to bottom, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);}
+.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
+.progress-warning .bar,.progress .bar-warning{background-color:#f7ac79;background-image:-moz-linear-gradient(top, #f8be96, #f4914e);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f8be96), to(#f4914e));background-image:-webkit-linear-gradient(top, #f8be96, #f4914e);background-image:-o-linear-gradient(top, #f8be96, #f4914e);background-image:linear-gradient(to bottom, #f8be96, #f4914e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8be96', endColorstr='#fff4914e', GradientType=0);}
+.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#f8be96;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
+.accordion{margin-bottom:20px;}
+.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.accordion-heading{border-bottom:0;}
+.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
+.accordion-toggle{cursor:pointer;}
+.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
+.carousel{position:relative;margin-bottom:20px;line-height:1;}
+.carousel-inner{overflow:hidden;width:100%;position:relative;}
+.carousel-inner>.item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1;}
+.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;}
+.carousel-inner>.active{left:0;}
+.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%;}
+.carousel-inner>.next{left:100%;}
+.carousel-inner>.prev{left:-100%;}
+.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0;}
+.carousel-inner>.active.left{left:-100%;}
+.carousel-inner>.active.right{left:100%;}
+.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
+.carousel-control:hover,.carousel-control:focus{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
+.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none;}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255, 255, 255, 0.25);border-radius:5px;}
+.carousel-indicators .active{background-color:#fff;}
+.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#333333;background:rgba(0, 0, 0, 0.75);}
+.carousel-caption h4,.carousel-caption p{color:#ffffff;line-height:20px;}
+.carousel-caption h4{margin:0 0 5px;}
+.carousel-caption p{margin-bottom:0;}
+.hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eeeeee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px;}
+.hero-unit li{line-height:30px;}
+.pull-right{float:right;}
+.pull-left{float:left;}
+.hide{display:none;}
+.show{display:block;}
+.invisible{visibility:hidden;}
+.affix{position:fixed;}
+@-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;}
+.visible-phone{display:none !important;}
+.visible-tablet{display:none !important;}
+.hidden-desktop{display:none !important;}
+.visible-desktop{display:inherit !important;}
+@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;}
+@media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;}}html,body{height:100%;}
+.wrapper{min-height:100%;height:auto !important;height:100%;}
+.wrapper{margin:0 auto -231px;}
+.push{height:231px;}
+.footer{margin-top:60px;height:90px;padding:40px 0 40px;}
+.padding-none{padding:0 !important;}
+.padding{padding:10px !important;}
+.padding-small{padding:5px !important;}
+.padding-large{padding:22px !important;}
+.padding-top-none{padding-top:0 !important;}
+.padding-top{padding-top:10px !important;}
+.padding-top-small{padding-top:5px !important;}
+.padding-top-large{padding-top:22px !important;}
+.padding-right-none{padding-right:0 !important;}
+.padding-right{padding-right:10px !important;}
+.padding-right-small{padding-right:5px !important;}
+.padding-right-large{padding-right:22px !important;}
+.padding-bottom-none{padding-bottom:0 !important;}
+.padding-bottom{padding-bottom:10px !important;}
+.padding-bottom-small{padding-bottom:5px !important;}
+.padding-bottom-large{padding-bottom:22px !important;}
+.padding-left-none{padding-left:0 !important;}
+.padding-left{padding-left:10px !important;}
+.padding-left-small{padding-left:5px !important;}
+.padding-left-large{padding-left:22px !important;}
+.margin-none{margin:0 !important;}
+.margin{margin:10px !important;}
+.margin-small{margin:5px !important;}
+.margin-large{margin:22px !important;}
+.margin-top-none{margin-top:0 !important;}
+.margin-top{margin-top:10px !important;}
+.margin-top-large{margin-top:22px !important;}
+.margin-top-small{margin-top:5px !important;}
+.margin-right-none{margin-right:0 !important;}
+.margin-right{margin-right:10px !important;}
+.margin-right-large{margin-right:22px !important;}
+.margin-right-small{margin-right:5px !important;}
+.margin-bottom-none{margin-bottom:0 !important;}
+.margin-bottom{margin-bottom:10px !important;}
+.margin-bottom-large{margin-bottom:22px !important;}
+.margin-bottom-small{margin-bottom:5px !important;}
+.margin-left-none{margin-left:0 !important;}
+.margin-left{margin-left:10px !important;}
+.margin-left-large{margin-left:22px !important;}
+.margin-left-small{margin-left:5px !important;}
+.border-left-none{border-left:none !important;}
+.border-right-none{border-right:none !important;}
+.border-bottom-none{border-bottom:none !important;}
+.border-top-none{border-top:none !important;}
+.display-block{display:block;}
+.no-underline:hover{text-decoration:none;}
+.clickable{cursor:pointer;}
+.strong{font-weight:bold;}
+.em{font-style:italic;}
+.small{font-size:85%;}
+.no-link{color:#333333;}
+.text-sans-serif{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;}
+.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.text-default{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:normal;}
+.hilite{color:#c83025;}.hilite:hover{color:#9d261d;text-decoration:underline;}
+.hilite [class^="icon-"]:before,.hilite [class*=" icon-"]:before{display:inline;}
+.strike{text-decoration:line-through;}
+.upper{text-transform:uppercase;}
+.lower{text-transform:lowercase;}
+.navbar .brand{font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif;}.navbar .brand .icon-flag{padding-right:3px;}
+.navbar .nav>li>a{padding:12px 10px 9px;}
+.navbar .nav.pull-right{margin-right:-10px;}
+h1,h2,h3,h4,h5,h6{font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif;}
+#iconCarousel{font-size:220px;text-align:center;line-height:225px;text-shadow:2px 2px 3px #222222;}#iconCarousel a{color:#ffffff;}
+#iconCarousel .carousel-control{top:253px;width:30px;height:30px;background:none;border-width:0;font-size:30px;line-height:25px;left:117px;}#iconCarousel .carousel-control.right{left:auto;right:117px;}
+.jumbotron{background:#9d261d;border-bottom:1px solid #721c15;background-color:#99251c;background-repeat:repeat-x;background-image:-moz-linear-gradient(-40deg, #9d261d, #99251c);background-image:-webkit-linear-gradient(-40deg, #9d261d, #99251c);background-image:-o-linear-gradient(-40deg, #9d261d, #99251c);background-image:linear-gradient(-40deg, #9d261d, #99251c);text-shadow:2px 2px 2px #333333;}.jumbotron,.jumbotron h1{color:#ffffff;}
+.jumbotron h1{font-size:80px;letter-spacing:-2px;line-height:1;}
+.jumbotron p{margin-top:15px;margin-bottom:15px;font-size:30px;line-height:1.3;font-weight:lighter;}
+.jumbotron .actions{margin-top:25px;}
+.jumbotron ul{margin-left:50px;}.jumbotron ul li{font-size:15px;line-height:30px;text-shadow:1px 1px 1px #333333;}.jumbotron ul li.icon-large:before{text-indent:-2em;vertical-align:baseline;}
+.jumbotron .btn-large{font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-size:24px;padding:17px 30px;letter-spacing:-1px;}
+.jumbotron .hero-content{text-align:center;}
+.jumbotron .shameless-self-promotion{font-size:14px;margin-top:25px;color:#c47d77;text-shadow:none;}.jumbotron .shameless-self-promotion a{color:#e2bebb;}
+.jumbotron .shameless-self-promotion a:hover{color:#ffffff;}
+.jumbotron-index{padding:40px 0;}.jumbotron-index h1{font-size:80px;letter-spacing:-2px;line-height:1;margin:0 0 15px;}
+.jumbotron-index p{margin-top:15px;margin-bottom:15px;font-size:30px;line-height:1.3;}
+.jumbotron-ad{padding:20px 0;}.jumbotron-ad h1{margin-top:25px;}
+.jumbotron-ad p{margin-bottom:35px;}
+.jumbotron-icon{padding:20px 0 30px;background-color:#e6e6e6;background-repeat:repeat-x;background-image:-moz-linear-gradient(-40deg, #eeeeee, #e6e6e6);background-image:-webkit-linear-gradient(-40deg, #eeeeee, #e6e6e6);background-image:-o-linear-gradient(-40deg, #eeeeee, #e6e6e6);background-image:linear-gradient(-40deg, #eeeeee, #e6e6e6);color:#222222;text-shadow:1px 1px 1px #ffffff;border-bottom:solid 1px #c4c4c4;}.jumbotron-icon h1{color:#222222;font-size:40px;}.jumbotron-icon h1 small{letter-spacing:normal;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;margin-left:20px;}
+.jumbotron-icon .info-details{float:left;}.jumbotron-icon .info-details p{margin:25px 0;font-weight:bold;}
+.jumbotron-icon .info-details .dl-horizontal dt{width:80px;}
+.jumbotron-icon .info-details .dl-horizontal dd{margin-left:95px;}
+.jumbotron-icon .icon-2{font-size:2em;}
+.jumbotron-icon .icon-3{font-size:4em;}
+.jumbotron-icon .icon-4{font-size:7em;}
+.jumbotron-icon .icon-5{font-size:12em;}
+.jumbotron-icon .icon-6{font-size:20em;}
+.jumbotron-icon .icon-1,.jumbotron-icon .icon-2,.jumbotron-icon .icon-3,.jumbotron-icon .icon-4,.jumbotron-icon .icon-5,.jumbotron-icon .icon-6{margin-right:0.07142857142857142em;}
+.stripe-ad{margin-bottom:22px;}.stripe-ad .lead{margin-top:10px;margin-right:30px;}
+.btn-primary{color:#333333;text-shadow:0 -1px 0 rgba(255, 255, 255, 0.25);}.btn-primary:hover{text-shadow:0 -1px 0 rgba(255, 255, 255, 0.25);color:#333333;}
+section{margin-top:40px;}
+.stacked{padding-top:35px;height:105px;}
+#social-buttons{padding:22px 0 17px;text-align:center;background-color:#f5f5f5;border-top:1px solid #fff;border-bottom:1px solid #ddd;}#social-buttons ul.unstyled{margin:0;}
+#social-buttons .btn{font-weight:bold;padding:0px 5px;line-height:17px;margin:0;}
+#social-buttons .count.btn{background:#ffffff;font-weight:normal;}
+.the-icons{margin-top:22px;}.the-icons .span3 a{display:block;cursor:pointer;line-height:32px;height:32px;padding-left:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.the-icons .span3 a,.the-icons .span3 a:hover{color:#222222;}
+.the-icons .span3 a [class^="icon-"],.the-icons .span3 a [class*=" icon-"]{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px;}
+.the-icons .span3 a:hover{background-color:#fff0f0;text-decoration:none;}.the-icons .span3 a:hover [class^="icon-"],.the-icons .span3 a:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle;}
+.the-icons .span3 a:hover [class^="icon-"]:before,.the-icons .span3 a:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px;}
+#why .span4,#whats-new .span4{margin-bottom:20px;}
+#why h4 [class^="icon-"]:before,#whats-new h4 [class^="icon-"]:before,#why h4 [class*=" icon-"]:before,#whats-new h4 [class*=" icon-"]:before{vertical-align:-10%;font-size:28px;display:inline-block;width:1.0714285714285714em;text-align:center;margin-right:5px;}
+.rating{unicode-bidi:bidi-override;direction:rtl;font-size:30px;}.rating span.star{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;}.rating span.star:hover{cursor:pointer;}
+.rating span.star:before{content:"\f006";padding-right:5px;color:#999999;}
+.rating span.star:hover:before,.rating span.star:hover~span.star:before{content:"\f005";color:#e3cf7a;}
+.label,.badge{background-color:#eeeeee;}
+.well.well-transparent{background-color:transparent;}
+footer{background-color:#9d261d;border-top:1px solid #872119;color:#ddb3b0;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);margin-top:60px;padding-top:45px;padding-bottom:60px;*zoom:1;}footer a{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}footer a:hover{color:#ffffff;}
+footer ul{line-height:25px;}
+footer .project{margin-top:10px;}
+.navbar .nav>li.dropdown-split-right>a{padding-left:7px;}
+.navbar .nav>li.dropdown-split-left>a{padding-right:0;}
+.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
+.clearfix:after{clear:both;}
+.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
+.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
+@-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;}
+.visible-phone{display:none !important;}
+.visible-tablet{display:none !important;}
+.hidden-desktop{display:none !important;}
+.visible-desktop{display:inherit !important;}
+@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;}
+@media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} .row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:30px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} .row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:30px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;} .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;} .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;} .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;} .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;} .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;} .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;} .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;} .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;} .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;} .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;} .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;} .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;} .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;} .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;} .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;} .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%;} .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;} .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;} .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;} .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;} .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;} .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%;} .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;} .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;} .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;} .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;} .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;} .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;} .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;} .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;} .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;} .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;} .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%;} .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;} .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;} .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;} .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;} .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;} .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;} .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;} .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;} .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;} .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;} .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;} .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;} .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;} .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;} .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;} .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;} .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%;} .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;} .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;} .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;} .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;} .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;} .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%;} .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;} .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;} .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;} .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;} .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;} .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;} .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;} .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;} .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;} .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;} .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%;} .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:30px;} input.span12,textarea.span12,.uneditable-input.span12{width:1156px;} input.span11,textarea.span11,.uneditable-input.span11{width:1056px;} input.span10,textarea.span10,.uneditable-input.span10{width:956px;} input.span9,textarea.span9,.uneditable-input.span9{width:856px;} input.span8,textarea.span8,.uneditable-input.span8{width:756px;} input.span7,textarea.span7,.uneditable-input.span7{width:656px;} input.span6,textarea.span6,.uneditable-input.span6{width:556px;} input.span5,textarea.span5,.uneditable-input.span5{width:456px;} input.span4,textarea.span4,.uneditable-input.span4{width:356px;} input.span3,textarea.span3,.uneditable-input.span3{width:256px;} input.span2,textarea.span2,.uneditable-input.span2{width:156px;} input.span1,textarea.span1,.uneditable-input.span1{width:56px;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:30px;} input.span12,textarea.span12,.uneditable-input.span12{width:1156px;} input.span11,textarea.span11,.uneditable-input.span11{width:1056px;} input.span10,textarea.span10,.uneditable-input.span10{width:956px;} input.span9,textarea.span9,.uneditable-input.span9{width:856px;} input.span8,textarea.span8,.uneditable-input.span8{width:756px;} input.span7,textarea.span7,.uneditable-input.span7{width:656px;} input.span6,textarea.span6,.uneditable-input.span6{width:556px;} input.span5,textarea.span5,.uneditable-input.span5{width:456px;} input.span4,textarea.span4,.uneditable-input.span4{width:356px;} input.span3,textarea.span3,.uneditable-input.span3{width:256px;} input.span2,textarea.span2,.uneditable-input.span2{width:156px;} input.span1,textarea.span1,.uneditable-input.span1{width:56px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}}@media (min-width:1200px){#iconCarousel{font-size:290px;line-height:295px;}#iconCarousel .carousel-control{top:310px;width:30px;height:30px;font-size:40px;line-height:35px;left:145px;}#iconCarousel .carousel-control.right{right:145px;} .jumbotron-index{padding:50px 0;}.jumbotron-index h1{font-size:100px;} .jumbotron-index p{font-size:40px;margin:20px 0;} .jumbotron-index .btn-large{font-size:30px;padding:21px 35px;} .jumbotron-index .shameless-self-promotion{margin-top:30px;} .jumbotron-ad{padding:50px 0;}.jumbotron-ad h1{font-size:90px;} .jumbotron-ad p{font-size:35px;margin:20px 0;} .stripe-ad .lead{margin-top:7px;} .lead{font-size:26px;line-height:36px;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} .row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} .row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;} .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;} .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;} .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;} .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;} .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;} .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;} .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;} .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;} .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;} .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;} .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;} .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;} .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;} .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;} .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;} .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;} .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;} .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12,textarea.span12,.uneditable-input.span12{width:710px;} input.span11,textarea.span11,.uneditable-input.span11{width:648px;} input.span10,textarea.span10,.uneditable-input.span10{width:586px;} input.span9,textarea.span9,.uneditable-input.span9{width:524px;} input.span8,textarea.span8,.uneditable-input.span8{width:462px;} input.span7,textarea.span7,.uneditable-input.span7{width:400px;} input.span6,textarea.span6,.uneditable-input.span6{width:338px;} input.span5,textarea.span5,.uneditable-input.span5{width:276px;} input.span4,textarea.span4,.uneditable-input.span4{width:214px;} input.span3,textarea.span3,.uneditable-input.span3{width:152px;} input.span2,textarea.span2,.uneditable-input.span2{width:90px;} input.span1,textarea.span1,.uneditable-input.span1{width:28px;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12,textarea.span12,.uneditable-input.span12{width:710px;} input.span11,textarea.span11,.uneditable-input.span11{width:648px;} input.span10,textarea.span10,.uneditable-input.span10{width:586px;} input.span9,textarea.span9,.uneditable-input.span9{width:524px;} input.span8,textarea.span8,.uneditable-input.span8{width:462px;} input.span7,textarea.span7,.uneditable-input.span7{width:400px;} input.span6,textarea.span6,.uneditable-input.span6{width:338px;} input.span5,textarea.span5,.uneditable-input.span5{width:276px;} input.span4,textarea.span4,.uneditable-input.span4{width:214px;} input.span3,textarea.span3,.uneditable-input.span3{width:152px;} input.span2,textarea.span2,.uneditable-input.span2{width:90px;} input.span1,textarea.span1,.uneditable-input.span1{width:28px;}}@media (min-width:768px) and (max-width:979px){#iconCarousel{font-size:200px;line-height:205px;}#iconCarousel .carousel-control{top:230px;width:30px;height:30px;font-size:40px;line-height:40px;left:74px;}#iconCarousel .carousel-control.right{right:74px;} .jumbotron-index{padding:50px 0;}.jumbotron-index h1{font-size:65px;} .jumbotron-index p{font-size:25px;} .jumbotron-index .shameless-self-promotion{font-size:12px;} .jumbotron-ad p{font-size:28px;} .jumbotron-icon h1 small{display:block;margin-top:15px;margin-left:0;line-height:20px;} .stripe-ad .lead{margin:0;font-size:19px;} .stripe-ad .span8{width:402px;} .stripe-ad .span4{width:302px;} #why .span4,#whats-new .span4,#new-styles .span4{width:352px;} .the-icons .span3{width:228px;} .wrapper{margin:0 auto -251px;} .push{height:251px;} .footer{margin-top:60px;height:110px;padding:40px 0 40px;} .footer{padding-left:20px;padding-right:20px;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){.jumbotron,footer,#social-buttons{padding-left:20px;padding-right:20px;margin-right:-20px;margin-left:-20px;} #iconCarousel{font-size:180px;line-height:180px;width:280px;margin:30px auto 0;}#iconCarousel .carousel-control{top:90px;width:44px;height:44px;font-size:44px;line-height:44px;left:-7px;}#iconCarousel .carousel-control.right{right:-7px;} .jumbotron-index h1{font-size:58px;} .jumbotron-index p{font-size:24px;} .jumbotron-index .btn-large{font-size:20px;padding:14px 26px;} .jumbotron-index .shameless-self-promotion{font-size:12px;} .jumbotron-ad h1{font-size:39px;} .jumbotron-ad p{font-size:20px;margin-bottom:20px;} .jumbotron-icon .icon-1,.jumbotron-icon .icon-2,.jumbotron-icon .icon-3,.jumbotron-icon .icon-4,.jumbotron-icon .icon-5,.jumbotron-icon .icon-6{margin-right:0;} .jumbotron-icon .icon-6{font-size:16em;} .jumbotron-icon h1 small{display:block;margin-top:15px;margin-left:0;line-height:20px;} .stripe-ad .lead{margin:0 0 30px;} #carbonads-container{margin-right:-20px;margin-left:-20px;}#carbonads-container .carbonad{width:100%;height:120px;border-right:none;border-left:none;} #azcarbon{width:300px;margin:0 auto;} .wrapper{margin:0 auto -311px;} .push{height:311px;} .footer{margin-top:60px;height:170px;padding:40px 0 40px;} .footer{padding-left:20px;padding-right:20px;}}@media (max-width:767px){body{padding-top:0;} .navbar-fixed-top,.navbar-fixed-bottom{position:static;} .navbar-fixed-top{margin-bottom:20px;} .navbar-fixed-bottom{margin-top:20px;} .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .nav-collapse{clear:both;} .nav-collapse .nav{float:none;margin:0 0 10px;} .nav-collapse .nav>li{float:none;} .nav-collapse .nav>li>a{margin-bottom:2px;} .nav-collapse .nav>.divider-vertical{display:none;} .nav-collapse .nav .nav-header{color:#777777;text-shadow:none;} .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .nav-collapse .dropdown-menu li+li a{margin-bottom:2px;} .nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2;} .navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999999;} .navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111111;} .nav-collapse.in .btn-group{margin-top:5px;padding:0;} .nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:none;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .nav-collapse .open>.dropdown-menu{display:block;} .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;} .nav-collapse .dropdown-menu .divider{display:none;} .nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none;} .nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);} .navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111111;border-bottom-color:#111111;} .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;} .nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;} .navbar .btn-navbar{display:block;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;}}@media (min-width:768px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}@media (max-width:767px){}
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
- * Twitter: http://twitter.com/byscuits
+ * Twitter: http://twitter.com/davegandy
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
.icon-large {
--- /dev/null
+/*!
+ * Font Awesome 3.2.1
+ * the iconic font designed for Bootstrap
+ * ------------------------------------------------------------------------------
+ * The full suite of pictographic icons, examples, and documentation can be
+ * found at http://fontawesome.io. Stay up to date on Twitter at
+ * http://twitter.com/fontawesome.
+ *
+ * License
+ * ------------------------------------------------------------------------------
+ * - The Font Awesome font is licensed under SIL OFL 1.1 -
+ * http://scripts.sil.org/OFL
+ * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
+ * http://opensource.org/licenses/mit-license.html
+ * - Font Awesome documentation licensed under CC BY 3.0 -
+ * http://creativecommons.org/licenses/by/3.0/
+ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
+ * "Font Awesome by Dave Gandy - http://fontawesome.io"
+ *
+ * Author - Dave Gandy
+ * ------------------------------------------------------------------------------
+ * Email: dave@fontawesome.io
+ * Twitter: http://twitter.com/davegandy
+ * Work: Lead Product Designer @ Kyruus - http://kyruus.com
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('../font/fontawesome-webfont.eot?v=3.2.1');
+ src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+/* FONT AWESOME CORE
+ * -------------------------- */
+[class^="icon-"],
+[class*=" icon-"] {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+}
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+ text-decoration: inherit;
+ display: inline-block;
+ speak: none;
+}
+/* makes the font 33% larger relative to the icon container */
+.icon-large:before {
+ vertical-align: -10%;
+ font-size: 1.3333333333333333em;
+}
+/* makes sure icons active on rollover in links */
+a [class^="icon-"],
+a [class*=" icon-"] {
+ display: inline;
+}
+/* increased font size for icon-large */
+[class^="icon-"].icon-fixed-width,
+[class*=" icon-"].icon-fixed-width {
+ display: inline-block;
+ width: 1.1428571428571428em;
+ text-align: right;
+ padding-right: 0.2857142857142857em;
+}
+[class^="icon-"].icon-fixed-width.icon-large,
+[class*=" icon-"].icon-fixed-width.icon-large {
+ width: 1.4285714285714286em;
+}
+.icons-ul {
+ margin-left: 2.142857142857143em;
+ list-style-type: none;
+}
+.icons-ul > li {
+ position: relative;
+}
+.icons-ul .icon-li {
+ position: absolute;
+ left: -2.142857142857143em;
+ width: 2.142857142857143em;
+ text-align: center;
+ line-height: inherit;
+}
+[class^="icon-"].hide,
+[class*=" icon-"].hide {
+ display: none;
+}
+.icon-muted {
+ color: #eeeeee;
+}
+.icon-light {
+ color: #ffffff;
+}
+.icon-dark {
+ color: #333333;
+}
+.icon-border {
+ border: solid 1px #eeeeee;
+ padding: .2em .25em .15em;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+.icon-2x {
+ font-size: 2em;
+}
+.icon-2x.icon-border {
+ border-width: 2px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.icon-3x {
+ font-size: 3em;
+}
+.icon-3x.icon-border {
+ border-width: 3px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+.icon-4x {
+ font-size: 4em;
+}
+.icon-4x.icon-border {
+ border-width: 4px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+}
+.icon-5x {
+ font-size: 5em;
+}
+.icon-5x.icon-border {
+ border-width: 5px;
+ -webkit-border-radius: 7px;
+ -moz-border-radius: 7px;
+ border-radius: 7px;
+}
+.pull-right {
+ float: right;
+}
+.pull-left {
+ float: left;
+}
+[class^="icon-"].pull-left,
+[class*=" icon-"].pull-left {
+ margin-right: .3em;
+}
+[class^="icon-"].pull-right,
+[class*=" icon-"].pull-right {
+ margin-left: .3em;
+}
+/* BOOTSTRAP SPECIFIC CLASSES
+ * -------------------------- */
+/* Bootstrap 2.0 sprites.less reset */
+[class^="icon-"],
+[class*=" icon-"] {
+ display: inline;
+ width: auto;
+ height: auto;
+ line-height: normal;
+ vertical-align: baseline;
+ background-image: none;
+ background-position: 0% 0%;
+ background-repeat: repeat;
+ margin-top: 0;
+}
+/* more sprites.less reset */
+.icon-white,
+.nav-pills > .active > a > [class^="icon-"],
+.nav-pills > .active > a > [class*=" icon-"],
+.nav-list > .active > a > [class^="icon-"],
+.nav-list > .active > a > [class*=" icon-"],
+.navbar-inverse .nav > .active > a > [class^="icon-"],
+.navbar-inverse .nav > .active > a > [class*=" icon-"],
+.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"],
+.dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > .active > a > [class*=" icon-"],
+.dropdown-submenu:hover > a > [class^="icon-"],
+.dropdown-submenu:hover > a > [class*=" icon-"] {
+ background-image: none;
+}
+/* keeps Bootstrap styles with and without icons the same */
+.btn [class^="icon-"].icon-large,
+.nav [class^="icon-"].icon-large,
+.btn [class*=" icon-"].icon-large,
+.nav [class*=" icon-"].icon-large {
+ line-height: .9em;
+}
+.btn [class^="icon-"].icon-spin,
+.nav [class^="icon-"].icon-spin,
+.btn [class*=" icon-"].icon-spin,
+.nav [class*=" icon-"].icon-spin {
+ display: inline-block;
+}
+.nav-tabs [class^="icon-"],
+.nav-pills [class^="icon-"],
+.nav-tabs [class*=" icon-"],
+.nav-pills [class*=" icon-"],
+.nav-tabs [class^="icon-"].icon-large,
+.nav-pills [class^="icon-"].icon-large,
+.nav-tabs [class*=" icon-"].icon-large,
+.nav-pills [class*=" icon-"].icon-large {
+ line-height: .9em;
+}
+.btn [class^="icon-"].pull-left.icon-2x,
+.btn [class*=" icon-"].pull-left.icon-2x,
+.btn [class^="icon-"].pull-right.icon-2x,
+.btn [class*=" icon-"].pull-right.icon-2x {
+ margin-top: .18em;
+}
+.btn [class^="icon-"].icon-spin.icon-large,
+.btn [class*=" icon-"].icon-spin.icon-large {
+ line-height: .8em;
+}
+.btn.btn-small [class^="icon-"].pull-left.icon-2x,
+.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
+.btn.btn-small [class^="icon-"].pull-right.icon-2x,
+.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
+ margin-top: .25em;
+}
+.btn.btn-large [class^="icon-"],
+.btn.btn-large [class*=" icon-"] {
+ margin-top: 0;
+}
+.btn.btn-large [class^="icon-"].pull-left.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
+.btn.btn-large [class^="icon-"].pull-right.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
+ margin-top: .05em;
+}
+.btn.btn-large [class^="icon-"].pull-left.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
+ margin-right: .2em;
+}
+.btn.btn-large [class^="icon-"].pull-right.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
+ margin-left: .2em;
+}
+/* Fixes alignment in nav lists */
+.nav-list [class^="icon-"],
+.nav-list [class*=" icon-"] {
+ line-height: inherit;
+}
+/* EXTRAS
+ * -------------------------- */
+/* Stacked and layered icon */
+.icon-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: -35%;
+}
+.icon-stack [class^="icon-"],
+.icon-stack [class*=" icon-"] {
+ display: block;
+ text-align: center;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ font-size: 1em;
+ line-height: inherit;
+ *line-height: 2em;
+}
+.icon-stack .icon-stack-base {
+ font-size: 2em;
+ *line-height: 1em;
+}
+/* Animated rotating icon */
+.icon-spin {
+ display: inline-block;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ -webkit-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+}
+/* Prevent stack and spinners from being taken inline when inside a link */
+a .icon-stack,
+a .icon-spin {
+ display: inline-block;
+ text-decoration: none;
+}
+@-moz-keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ }
+ 100% {
+ -moz-transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ }
+}
+@-o-keyframes spin {
+ 0% {
+ -o-transform: rotate(0deg);
+ }
+ 100% {
+ -o-transform: rotate(359deg);
+ }
+}
+@-ms-keyframes spin {
+ 0% {
+ -ms-transform: rotate(0deg);
+ }
+ 100% {
+ -ms-transform: rotate(359deg);
+ }
+}
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(359deg);
+ }
+}
+/* Icon rotations and mirroring */
+.icon-rotate-90:before {
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ -o-transform: rotate(90deg);
+ transform: rotate(90deg);
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+}
+.icon-rotate-180:before {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+}
+.icon-rotate-270:before {
+ -webkit-transform: rotate(270deg);
+ -moz-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ -o-transform: rotate(270deg);
+ transform: rotate(270deg);
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+}
+.icon-flip-horizontal:before {
+ -webkit-transform: scale(-1, 1);
+ -moz-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ -o-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+.icon-flip-vertical:before {
+ -webkit-transform: scale(1, -1);
+ -moz-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ -o-transform: scale(1, -1);
+ transform: scale(1, -1);
+}
+/* ensure rotation occurs inside anchor tags */
+a .icon-rotate-90:before,
+a .icon-rotate-180:before,
+a .icon-rotate-270:before,
+a .icon-flip-horizontal:before,
+a .icon-flip-vertical:before {
+ display: inline-block;
+}
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+.icon-glass:before {
+ content: "\f000";
+}
+.icon-music:before {
+ content: "\f001";
+}
+.icon-search:before {
+ content: "\f002";
+}
+.icon-envelope-alt:before {
+ content: "\f003";
+}
+.icon-heart:before {
+ content: "\f004";
+}
+.icon-star:before {
+ content: "\f005";
+}
+.icon-star-empty:before {
+ content: "\f006";
+}
+.icon-user:before {
+ content: "\f007";
+}
+.icon-film:before {
+ content: "\f008";
+}
+.icon-th-large:before {
+ content: "\f009";
+}
+.icon-th:before {
+ content: "\f00a";
+}
+.icon-th-list:before {
+ content: "\f00b";
+}
+.icon-ok:before {
+ content: "\f00c";
+}
+.icon-remove:before {
+ content: "\f00d";
+}
+.icon-zoom-in:before {
+ content: "\f00e";
+}
+.icon-zoom-out:before {
+ content: "\f010";
+}
+.icon-power-off:before,
+.icon-off:before {
+ content: "\f011";
+}
+.icon-signal:before {
+ content: "\f012";
+}
+.icon-gear:before,
+.icon-cog:before {
+ content: "\f013";
+}
+.icon-trash:before {
+ content: "\f014";
+}
+.icon-home:before {
+ content: "\f015";
+}
+.icon-file-alt:before {
+ content: "\f016";
+}
+.icon-time:before {
+ content: "\f017";
+}
+.icon-road:before {
+ content: "\f018";
+}
+.icon-download-alt:before {
+ content: "\f019";
+}
+.icon-download:before {
+ content: "\f01a";
+}
+.icon-upload:before {
+ content: "\f01b";
+}
+.icon-inbox:before {
+ content: "\f01c";
+}
+.icon-play-circle:before {
+ content: "\f01d";
+}
+.icon-rotate-right:before,
+.icon-repeat:before {
+ content: "\f01e";
+}
+.icon-refresh:before {
+ content: "\f021";
+}
+.icon-list-alt:before {
+ content: "\f022";
+}
+.icon-lock:before {
+ content: "\f023";
+}
+.icon-flag:before {
+ content: "\f024";
+}
+.icon-headphones:before {
+ content: "\f025";
+}
+.icon-volume-off:before {
+ content: "\f026";
+}
+.icon-volume-down:before {
+ content: "\f027";
+}
+.icon-volume-up:before {
+ content: "\f028";
+}
+.icon-qrcode:before {
+ content: "\f029";
+}
+.icon-barcode:before {
+ content: "\f02a";
+}
+.icon-tag:before {
+ content: "\f02b";
+}
+.icon-tags:before {
+ content: "\f02c";
+}
+.icon-book:before {
+ content: "\f02d";
+}
+.icon-bookmark:before {
+ content: "\f02e";
+}
+.icon-print:before {
+ content: "\f02f";
+}
+.icon-camera:before {
+ content: "\f030";
+}
+.icon-font:before {
+ content: "\f031";
+}
+.icon-bold:before {
+ content: "\f032";
+}
+.icon-italic:before {
+ content: "\f033";
+}
+.icon-text-height:before {
+ content: "\f034";
+}
+.icon-text-width:before {
+ content: "\f035";
+}
+.icon-align-left:before {
+ content: "\f036";
+}
+.icon-align-center:before {
+ content: "\f037";
+}
+.icon-align-right:before {
+ content: "\f038";
+}
+.icon-align-justify:before {
+ content: "\f039";
+}
+.icon-list:before {
+ content: "\f03a";
+}
+.icon-indent-left:before {
+ content: "\f03b";
+}
+.icon-indent-right:before {
+ content: "\f03c";
+}
+.icon-facetime-video:before {
+ content: "\f03d";
+}
+.icon-picture:before {
+ content: "\f03e";
+}
+.icon-pencil:before {
+ content: "\f040";
+}
+.icon-map-marker:before {
+ content: "\f041";
+}
+.icon-adjust:before {
+ content: "\f042";
+}
+.icon-tint:before {
+ content: "\f043";
+}
+.icon-edit:before {
+ content: "\f044";
+}
+.icon-share:before {
+ content: "\f045";
+}
+.icon-check:before {
+ content: "\f046";
+}
+.icon-move:before {
+ content: "\f047";
+}
+.icon-step-backward:before {
+ content: "\f048";
+}
+.icon-fast-backward:before {
+ content: "\f049";
+}
+.icon-backward:before {
+ content: "\f04a";
+}
+.icon-play:before {
+ content: "\f04b";
+}
+.icon-pause:before {
+ content: "\f04c";
+}
+.icon-stop:before {
+ content: "\f04d";
+}
+.icon-forward:before {
+ content: "\f04e";
+}
+.icon-fast-forward:before {
+ content: "\f050";
+}
+.icon-step-forward:before {
+ content: "\f051";
+}
+.icon-eject:before {
+ content: "\f052";
+}
+.icon-chevron-left:before {
+ content: "\f053";
+}
+.icon-chevron-right:before {
+ content: "\f054";
+}
+.icon-plus-sign:before {
+ content: "\f055";
+}
+.icon-minus-sign:before {
+ content: "\f056";
+}
+.icon-remove-sign:before {
+ content: "\f057";
+}
+.icon-ok-sign:before {
+ content: "\f058";
+}
+.icon-question-sign:before {
+ content: "\f059";
+}
+.icon-info-sign:before {
+ content: "\f05a";
+}
+.icon-screenshot:before {
+ content: "\f05b";
+}
+.icon-remove-circle:before {
+ content: "\f05c";
+}
+.icon-ok-circle:before {
+ content: "\f05d";
+}
+.icon-ban-circle:before {
+ content: "\f05e";
+}
+.icon-arrow-left:before {
+ content: "\f060";
+}
+.icon-arrow-right:before {
+ content: "\f061";
+}
+.icon-arrow-up:before {
+ content: "\f062";
+}
+.icon-arrow-down:before {
+ content: "\f063";
+}
+.icon-mail-forward:before,
+.icon-share-alt:before {
+ content: "\f064";
+}
+.icon-resize-full:before {
+ content: "\f065";
+}
+.icon-resize-small:before {
+ content: "\f066";
+}
+.icon-plus:before {
+ content: "\f067";
+}
+.icon-minus:before {
+ content: "\f068";
+}
+.icon-asterisk:before {
+ content: "\f069";
+}
+.icon-exclamation-sign:before {
+ content: "\f06a";
+}
+.icon-gift:before {
+ content: "\f06b";
+}
+.icon-leaf:before {
+ content: "\f06c";
+}
+.icon-fire:before {
+ content: "\f06d";
+}
+.icon-eye-open:before {
+ content: "\f06e";
+}
+.icon-eye-close:before {
+ content: "\f070";
+}
+.icon-warning-sign:before {
+ content: "\f071";
+}
+.icon-plane:before {
+ content: "\f072";
+}
+.icon-calendar:before {
+ content: "\f073";
+}
+.icon-random:before {
+ content: "\f074";
+}
+.icon-comment:before {
+ content: "\f075";
+}
+.icon-magnet:before {
+ content: "\f076";
+}
+.icon-chevron-up:before {
+ content: "\f077";
+}
+.icon-chevron-down:before {
+ content: "\f078";
+}
+.icon-retweet:before {
+ content: "\f079";
+}
+.icon-shopping-cart:before {
+ content: "\f07a";
+}
+.icon-folder-close:before {
+ content: "\f07b";
+}
+.icon-folder-open:before {
+ content: "\f07c";
+}
+.icon-resize-vertical:before {
+ content: "\f07d";
+}
+.icon-resize-horizontal:before {
+ content: "\f07e";
+}
+.icon-bar-chart:before {
+ content: "\f080";
+}
+.icon-twitter-sign:before {
+ content: "\f081";
+}
+.icon-facebook-sign:before {
+ content: "\f082";
+}
+.icon-camera-retro:before {
+ content: "\f083";
+}
+.icon-key:before {
+ content: "\f084";
+}
+.icon-gears:before,
+.icon-cogs:before {
+ content: "\f085";
+}
+.icon-comments:before {
+ content: "\f086";
+}
+.icon-thumbs-up-alt:before {
+ content: "\f087";
+}
+.icon-thumbs-down-alt:before {
+ content: "\f088";
+}
+.icon-star-half:before {
+ content: "\f089";
+}
+.icon-heart-empty:before {
+ content: "\f08a";
+}
+.icon-signout:before {
+ content: "\f08b";
+}
+.icon-linkedin-sign:before {
+ content: "\f08c";
+}
+.icon-pushpin:before {
+ content: "\f08d";
+}
+.icon-external-link:before {
+ content: "\f08e";
+}
+.icon-signin:before {
+ content: "\f090";
+}
+.icon-trophy:before {
+ content: "\f091";
+}
+.icon-github-sign:before {
+ content: "\f092";
+}
+.icon-upload-alt:before {
+ content: "\f093";
+}
+.icon-lemon:before {
+ content: "\f094";
+}
+.icon-phone:before {
+ content: "\f095";
+}
+.icon-unchecked:before,
+.icon-check-empty:before {
+ content: "\f096";
+}
+.icon-bookmark-empty:before {
+ content: "\f097";
+}
+.icon-phone-sign:before {
+ content: "\f098";
+}
+.icon-twitter:before {
+ content: "\f099";
+}
+.icon-facebook:before {
+ content: "\f09a";
+}
+.icon-github:before {
+ content: "\f09b";
+}
+.icon-unlock:before {
+ content: "\f09c";
+}
+.icon-credit-card:before {
+ content: "\f09d";
+}
+.icon-rss:before {
+ content: "\f09e";
+}
+.icon-hdd:before {
+ content: "\f0a0";
+}
+.icon-bullhorn:before {
+ content: "\f0a1";
+}
+.icon-bell:before {
+ content: "\f0a2";
+}
+.icon-certificate:before {
+ content: "\f0a3";
+}
+.icon-hand-right:before {
+ content: "\f0a4";
+}
+.icon-hand-left:before {
+ content: "\f0a5";
+}
+.icon-hand-up:before {
+ content: "\f0a6";
+}
+.icon-hand-down:before {
+ content: "\f0a7";
+}
+.icon-circle-arrow-left:before {
+ content: "\f0a8";
+}
+.icon-circle-arrow-right:before {
+ content: "\f0a9";
+}
+.icon-circle-arrow-up:before {
+ content: "\f0aa";
+}
+.icon-circle-arrow-down:before {
+ content: "\f0ab";
+}
+.icon-globe:before {
+ content: "\f0ac";
+}
+.icon-wrench:before {
+ content: "\f0ad";
+}
+.icon-tasks:before {
+ content: "\f0ae";
+}
+.icon-filter:before {
+ content: "\f0b0";
+}
+.icon-briefcase:before {
+ content: "\f0b1";
+}
+.icon-fullscreen:before {
+ content: "\f0b2";
+}
+.icon-group:before {
+ content: "\f0c0";
+}
+.icon-link:before {
+ content: "\f0c1";
+}
+.icon-cloud:before {
+ content: "\f0c2";
+}
+.icon-beaker:before {
+ content: "\f0c3";
+}
+.icon-cut:before {
+ content: "\f0c4";
+}
+.icon-copy:before {
+ content: "\f0c5";
+}
+.icon-paperclip:before,
+.icon-paper-clip:before {
+ content: "\f0c6";
+}
+.icon-save:before {
+ content: "\f0c7";
+}
+.icon-sign-blank:before {
+ content: "\f0c8";
+}
+.icon-reorder:before {
+ content: "\f0c9";
+}
+.icon-list-ul:before {
+ content: "\f0ca";
+}
+.icon-list-ol:before {
+ content: "\f0cb";
+}
+.icon-strikethrough:before {
+ content: "\f0cc";
+}
+.icon-underline:before {
+ content: "\f0cd";
+}
+.icon-table:before {
+ content: "\f0ce";
+}
+.icon-magic:before {
+ content: "\f0d0";
+}
+.icon-truck:before {
+ content: "\f0d1";
+}
+.icon-pinterest:before {
+ content: "\f0d2";
+}
+.icon-pinterest-sign:before {
+ content: "\f0d3";
+}
+.icon-google-plus-sign:before {
+ content: "\f0d4";
+}
+.icon-google-plus:before {
+ content: "\f0d5";
+}
+.icon-money:before {
+ content: "\f0d6";
+}
+.icon-caret-down:before {
+ content: "\f0d7";
+}
+.icon-caret-up:before {
+ content: "\f0d8";
+}
+.icon-caret-left:before {
+ content: "\f0d9";
+}
+.icon-caret-right:before {
+ content: "\f0da";
+}
+.icon-columns:before {
+ content: "\f0db";
+}
+.icon-sort:before {
+ content: "\f0dc";
+}
+.icon-sort-down:before {
+ content: "\f0dd";
+}
+.icon-sort-up:before {
+ content: "\f0de";
+}
+.icon-envelope:before {
+ content: "\f0e0";
+}
+.icon-linkedin:before {
+ content: "\f0e1";
+}
+.icon-rotate-left:before,
+.icon-undo:before {
+ content: "\f0e2";
+}
+.icon-legal:before {
+ content: "\f0e3";
+}
+.icon-dashboard:before {
+ content: "\f0e4";
+}
+.icon-comment-alt:before {
+ content: "\f0e5";
+}
+.icon-comments-alt:before {
+ content: "\f0e6";
+}
+.icon-bolt:before {
+ content: "\f0e7";
+}
+.icon-sitemap:before {
+ content: "\f0e8";
+}
+.icon-umbrella:before {
+ content: "\f0e9";
+}
+.icon-paste:before {
+ content: "\f0ea";
+}
+.icon-lightbulb:before {
+ content: "\f0eb";
+}
+.icon-exchange:before {
+ content: "\f0ec";
+}
+.icon-cloud-download:before {
+ content: "\f0ed";
+}
+.icon-cloud-upload:before {
+ content: "\f0ee";
+}
+.icon-user-md:before {
+ content: "\f0f0";
+}
+.icon-stethoscope:before {
+ content: "\f0f1";
+}
+.icon-suitcase:before {
+ content: "\f0f2";
+}
+.icon-bell-alt:before {
+ content: "\f0f3";
+}
+.icon-coffee:before {
+ content: "\f0f4";
+}
+.icon-food:before {
+ content: "\f0f5";
+}
+.icon-file-text-alt:before {
+ content: "\f0f6";
+}
+.icon-building:before {
+ content: "\f0f7";
+}
+.icon-hospital:before {
+ content: "\f0f8";
+}
+.icon-ambulance:before {
+ content: "\f0f9";
+}
+.icon-medkit:before {
+ content: "\f0fa";
+}
+.icon-fighter-jet:before {
+ content: "\f0fb";
+}
+.icon-beer:before {
+ content: "\f0fc";
+}
+.icon-h-sign:before {
+ content: "\f0fd";
+}
+.icon-plus-sign-alt:before {
+ content: "\f0fe";
+}
+.icon-double-angle-left:before {
+ content: "\f100";
+}
+.icon-double-angle-right:before {
+ content: "\f101";
+}
+.icon-double-angle-up:before {
+ content: "\f102";
+}
+.icon-double-angle-down:before {
+ content: "\f103";
+}
+.icon-angle-left:before {
+ content: "\f104";
+}
+.icon-angle-right:before {
+ content: "\f105";
+}
+.icon-angle-up:before {
+ content: "\f106";
+}
+.icon-angle-down:before {
+ content: "\f107";
+}
+.icon-desktop:before {
+ content: "\f108";
+}
+.icon-laptop:before {
+ content: "\f109";
+}
+.icon-tablet:before {
+ content: "\f10a";
+}
+.icon-mobile-phone:before {
+ content: "\f10b";
+}
+.icon-circle-blank:before {
+ content: "\f10c";
+}
+.icon-quote-left:before {
+ content: "\f10d";
+}
+.icon-quote-right:before {
+ content: "\f10e";
+}
+.icon-spinner:before {
+ content: "\f110";
+}
+.icon-circle:before {
+ content: "\f111";
+}
+.icon-mail-reply:before,
+.icon-reply:before {
+ content: "\f112";
+}
+.icon-github-alt:before {
+ content: "\f113";
+}
+.icon-folder-close-alt:before {
+ content: "\f114";
+}
+.icon-folder-open-alt:before {
+ content: "\f115";
+}
+.icon-expand-alt:before {
+ content: "\f116";
+}
+.icon-collapse-alt:before {
+ content: "\f117";
+}
+.icon-smile:before {
+ content: "\f118";
+}
+.icon-frown:before {
+ content: "\f119";
+}
+.icon-meh:before {
+ content: "\f11a";
+}
+.icon-gamepad:before {
+ content: "\f11b";
+}
+.icon-keyboard:before {
+ content: "\f11c";
+}
+.icon-flag-alt:before {
+ content: "\f11d";
+}
+.icon-flag-checkered:before {
+ content: "\f11e";
+}
+.icon-terminal:before {
+ content: "\f120";
+}
+.icon-code:before {
+ content: "\f121";
+}
+.icon-reply-all:before {
+ content: "\f122";
+}
+.icon-mail-reply-all:before {
+ content: "\f122";
+}
+.icon-star-half-full:before,
+.icon-star-half-empty:before {
+ content: "\f123";
+}
+.icon-location-arrow:before {
+ content: "\f124";
+}
+.icon-crop:before {
+ content: "\f125";
+}
+.icon-code-fork:before {
+ content: "\f126";
+}
+.icon-unlink:before {
+ content: "\f127";
+}
+.icon-question:before {
+ content: "\f128";
+}
+.icon-info:before {
+ content: "\f129";
+}
+.icon-exclamation:before {
+ content: "\f12a";
+}
+.icon-superscript:before {
+ content: "\f12b";
+}
+.icon-subscript:before {
+ content: "\f12c";
+}
+.icon-eraser:before {
+ content: "\f12d";
+}
+.icon-puzzle-piece:before {
+ content: "\f12e";
+}
+.icon-microphone:before {
+ content: "\f130";
+}
+.icon-microphone-off:before {
+ content: "\f131";
+}
+.icon-shield:before {
+ content: "\f132";
+}
+.icon-calendar-empty:before {
+ content: "\f133";
+}
+.icon-fire-extinguisher:before {
+ content: "\f134";
+}
+.icon-rocket:before {
+ content: "\f135";
+}
+.icon-maxcdn:before {
+ content: "\f136";
+}
+.icon-chevron-sign-left:before {
+ content: "\f137";
+}
+.icon-chevron-sign-right:before {
+ content: "\f138";
+}
+.icon-chevron-sign-up:before {
+ content: "\f139";
+}
+.icon-chevron-sign-down:before {
+ content: "\f13a";
+}
+.icon-html5:before {
+ content: "\f13b";
+}
+.icon-css3:before {
+ content: "\f13c";
+}
+.icon-anchor:before {
+ content: "\f13d";
+}
+.icon-unlock-alt:before {
+ content: "\f13e";
+}
+.icon-bullseye:before {
+ content: "\f140";
+}
+.icon-ellipsis-horizontal:before {
+ content: "\f141";
+}
+.icon-ellipsis-vertical:before {
+ content: "\f142";
+}
+.icon-rss-sign:before {
+ content: "\f143";
+}
+.icon-play-sign:before {
+ content: "\f144";
+}
+.icon-ticket:before {
+ content: "\f145";
+}
+.icon-minus-sign-alt:before {
+ content: "\f146";
+}
+.icon-check-minus:before {
+ content: "\f147";
+}
+.icon-level-up:before {
+ content: "\f148";
+}
+.icon-level-down:before {
+ content: "\f149";
+}
+.icon-check-sign:before {
+ content: "\f14a";
+}
+.icon-edit-sign:before {
+ content: "\f14b";
+}
+.icon-external-link-sign:before {
+ content: "\f14c";
+}
+.icon-share-sign:before {
+ content: "\f14d";
+}
+.icon-compass:before {
+ content: "\f14e";
+}
+.icon-collapse:before {
+ content: "\f150";
+}
+.icon-collapse-top:before {
+ content: "\f151";
+}
+.icon-expand:before {
+ content: "\f152";
+}
+.icon-euro:before,
+.icon-eur:before {
+ content: "\f153";
+}
+.icon-gbp:before {
+ content: "\f154";
+}
+.icon-dollar:before,
+.icon-usd:before {
+ content: "\f155";
+}
+.icon-rupee:before,
+.icon-inr:before {
+ content: "\f156";
+}
+.icon-yen:before,
+.icon-jpy:before {
+ content: "\f157";
+}
+.icon-renminbi:before,
+.icon-cny:before {
+ content: "\f158";
+}
+.icon-won:before,
+.icon-krw:before {
+ content: "\f159";
+}
+.icon-bitcoin:before,
+.icon-btc:before {
+ content: "\f15a";
+}
+.icon-file:before {
+ content: "\f15b";
+}
+.icon-file-text:before {
+ content: "\f15c";
+}
+.icon-sort-by-alphabet:before {
+ content: "\f15d";
+}
+.icon-sort-by-alphabet-alt:before {
+ content: "\f15e";
+}
+.icon-sort-by-attributes:before {
+ content: "\f160";
+}
+.icon-sort-by-attributes-alt:before {
+ content: "\f161";
+}
+.icon-sort-by-order:before {
+ content: "\f162";
+}
+.icon-sort-by-order-alt:before {
+ content: "\f163";
+}
+.icon-thumbs-up:before {
+ content: "\f164";
+}
+.icon-thumbs-down:before {
+ content: "\f165";
+}
+.icon-youtube-sign:before {
+ content: "\f166";
+}
+.icon-youtube:before {
+ content: "\f167";
+}
+.icon-xing:before {
+ content: "\f168";
+}
+.icon-xing-sign:before {
+ content: "\f169";
+}
+.icon-youtube-play:before {
+ content: "\f16a";
+}
+.icon-dropbox:before {
+ content: "\f16b";
+}
+.icon-stackexchange:before {
+ content: "\f16c";
+}
+.icon-instagram:before {
+ content: "\f16d";
+}
+.icon-flickr:before {
+ content: "\f16e";
+}
+.icon-adn:before {
+ content: "\f170";
+}
+.icon-bitbucket:before {
+ content: "\f171";
+}
+.icon-bitbucket-sign:before {
+ content: "\f172";
+}
+.icon-tumblr:before {
+ content: "\f173";
+}
+.icon-tumblr-sign:before {
+ content: "\f174";
+}
+.icon-long-arrow-down:before {
+ content: "\f175";
+}
+.icon-long-arrow-up:before {
+ content: "\f176";
+}
+.icon-long-arrow-left:before {
+ content: "\f177";
+}
+.icon-long-arrow-right:before {
+ content: "\f178";
+}
+.icon-apple:before {
+ content: "\f179";
+}
+.icon-windows:before {
+ content: "\f17a";
+}
+.icon-android:before {
+ content: "\f17b";
+}
+.icon-linux:before {
+ content: "\f17c";
+}
+.icon-dribbble:before {
+ content: "\f17d";
+}
+.icon-skype:before {
+ content: "\f17e";
+}
+.icon-foursquare:before {
+ content: "\f180";
+}
+.icon-trello:before {
+ content: "\f181";
+}
+.icon-female:before {
+ content: "\f182";
+}
+.icon-male:before {
+ content: "\f183";
+}
+.icon-gittip:before {
+ content: "\f184";
+}
+.icon-sun:before {
+ content: "\f185";
+}
+.icon-moon:before {
+ content: "\f186";
+}
+.icon-archive:before {
+ content: "\f187";
+}
+.icon-bug:before {
+ content: "\f188";
+}
+.icon-vk:before {
+ content: "\f189";
+}
+.icon-weibo:before {
+ content: "\f18a";
+}
+.icon-renren:before {
+ content: "\f18b";
+}
--- /dev/null
+@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
+[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
+.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
+a [class^="icon-"],a [class*=" icon-"]{display:inline;}
+[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
+.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
+.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
+[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
+.icon-muted{color:#eeeeee;}
+.icon-light{color:#ffffff;}
+.icon-dark{color:#333333;}
+.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
+.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
+.pull-right{float:right;}
+.pull-left{float:left;}
+[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
+[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
+[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
+.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
+.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
+.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
+.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
+.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
+.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
+.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
+.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
+.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
+.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
+.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
+.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
+.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
+.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
+a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
+@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
+.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
+.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
+.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
+.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
+a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
+.icon-glass:before{content:"\f000";}
+.icon-music:before{content:"\f001";}
+.icon-search:before{content:"\f002";}
+.icon-envelope-alt:before{content:"\f003";}
+.icon-heart:before{content:"\f004";}
+.icon-star:before{content:"\f005";}
+.icon-star-empty:before{content:"\f006";}
+.icon-user:before{content:"\f007";}
+.icon-film:before{content:"\f008";}
+.icon-th-large:before{content:"\f009";}
+.icon-th:before{content:"\f00a";}
+.icon-th-list:before{content:"\f00b";}
+.icon-ok:before{content:"\f00c";}
+.icon-remove:before{content:"\f00d";}
+.icon-zoom-in:before{content:"\f00e";}
+.icon-zoom-out:before{content:"\f010";}
+.icon-power-off:before,.icon-off:before{content:"\f011";}
+.icon-signal:before{content:"\f012";}
+.icon-gear:before,.icon-cog:before{content:"\f013";}
+.icon-trash:before{content:"\f014";}
+.icon-home:before{content:"\f015";}
+.icon-file-alt:before{content:"\f016";}
+.icon-time:before{content:"\f017";}
+.icon-road:before{content:"\f018";}
+.icon-download-alt:before{content:"\f019";}
+.icon-download:before{content:"\f01a";}
+.icon-upload:before{content:"\f01b";}
+.icon-inbox:before{content:"\f01c";}
+.icon-play-circle:before{content:"\f01d";}
+.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
+.icon-refresh:before{content:"\f021";}
+.icon-list-alt:before{content:"\f022";}
+.icon-lock:before{content:"\f023";}
+.icon-flag:before{content:"\f024";}
+.icon-headphones:before{content:"\f025";}
+.icon-volume-off:before{content:"\f026";}
+.icon-volume-down:before{content:"\f027";}
+.icon-volume-up:before{content:"\f028";}
+.icon-qrcode:before{content:"\f029";}
+.icon-barcode:before{content:"\f02a";}
+.icon-tag:before{content:"\f02b";}
+.icon-tags:before{content:"\f02c";}
+.icon-book:before{content:"\f02d";}
+.icon-bookmark:before{content:"\f02e";}
+.icon-print:before{content:"\f02f";}
+.icon-camera:before{content:"\f030";}
+.icon-font:before{content:"\f031";}
+.icon-bold:before{content:"\f032";}
+.icon-italic:before{content:"\f033";}
+.icon-text-height:before{content:"\f034";}
+.icon-text-width:before{content:"\f035";}
+.icon-align-left:before{content:"\f036";}
+.icon-align-center:before{content:"\f037";}
+.icon-align-right:before{content:"\f038";}
+.icon-align-justify:before{content:"\f039";}
+.icon-list:before{content:"\f03a";}
+.icon-indent-left:before{content:"\f03b";}
+.icon-indent-right:before{content:"\f03c";}
+.icon-facetime-video:before{content:"\f03d";}
+.icon-picture:before{content:"\f03e";}
+.icon-pencil:before{content:"\f040";}
+.icon-map-marker:before{content:"\f041";}
+.icon-adjust:before{content:"\f042";}
+.icon-tint:before{content:"\f043";}
+.icon-edit:before{content:"\f044";}
+.icon-share:before{content:"\f045";}
+.icon-check:before{content:"\f046";}
+.icon-move:before{content:"\f047";}
+.icon-step-backward:before{content:"\f048";}
+.icon-fast-backward:before{content:"\f049";}
+.icon-backward:before{content:"\f04a";}
+.icon-play:before{content:"\f04b";}
+.icon-pause:before{content:"\f04c";}
+.icon-stop:before{content:"\f04d";}
+.icon-forward:before{content:"\f04e";}
+.icon-fast-forward:before{content:"\f050";}
+.icon-step-forward:before{content:"\f051";}
+.icon-eject:before{content:"\f052";}
+.icon-chevron-left:before{content:"\f053";}
+.icon-chevron-right:before{content:"\f054";}
+.icon-plus-sign:before{content:"\f055";}
+.icon-minus-sign:before{content:"\f056";}
+.icon-remove-sign:before{content:"\f057";}
+.icon-ok-sign:before{content:"\f058";}
+.icon-question-sign:before{content:"\f059";}
+.icon-info-sign:before{content:"\f05a";}
+.icon-screenshot:before{content:"\f05b";}
+.icon-remove-circle:before{content:"\f05c";}
+.icon-ok-circle:before{content:"\f05d";}
+.icon-ban-circle:before{content:"\f05e";}
+.icon-arrow-left:before{content:"\f060";}
+.icon-arrow-right:before{content:"\f061";}
+.icon-arrow-up:before{content:"\f062";}
+.icon-arrow-down:before{content:"\f063";}
+.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
+.icon-resize-full:before{content:"\f065";}
+.icon-resize-small:before{content:"\f066";}
+.icon-plus:before{content:"\f067";}
+.icon-minus:before{content:"\f068";}
+.icon-asterisk:before{content:"\f069";}
+.icon-exclamation-sign:before{content:"\f06a";}
+.icon-gift:before{content:"\f06b";}
+.icon-leaf:before{content:"\f06c";}
+.icon-fire:before{content:"\f06d";}
+.icon-eye-open:before{content:"\f06e";}
+.icon-eye-close:before{content:"\f070";}
+.icon-warning-sign:before{content:"\f071";}
+.icon-plane:before{content:"\f072";}
+.icon-calendar:before{content:"\f073";}
+.icon-random:before{content:"\f074";}
+.icon-comment:before{content:"\f075";}
+.icon-magnet:before{content:"\f076";}
+.icon-chevron-up:before{content:"\f077";}
+.icon-chevron-down:before{content:"\f078";}
+.icon-retweet:before{content:"\f079";}
+.icon-shopping-cart:before{content:"\f07a";}
+.icon-folder-close:before{content:"\f07b";}
+.icon-folder-open:before{content:"\f07c";}
+.icon-resize-vertical:before{content:"\f07d";}
+.icon-resize-horizontal:before{content:"\f07e";}
+.icon-bar-chart:before{content:"\f080";}
+.icon-twitter-sign:before{content:"\f081";}
+.icon-facebook-sign:before{content:"\f082";}
+.icon-camera-retro:before{content:"\f083";}
+.icon-key:before{content:"\f084";}
+.icon-gears:before,.icon-cogs:before{content:"\f085";}
+.icon-comments:before{content:"\f086";}
+.icon-thumbs-up-alt:before{content:"\f087";}
+.icon-thumbs-down-alt:before{content:"\f088";}
+.icon-star-half:before{content:"\f089";}
+.icon-heart-empty:before{content:"\f08a";}
+.icon-signout:before{content:"\f08b";}
+.icon-linkedin-sign:before{content:"\f08c";}
+.icon-pushpin:before{content:"\f08d";}
+.icon-external-link:before{content:"\f08e";}
+.icon-signin:before{content:"\f090";}
+.icon-trophy:before{content:"\f091";}
+.icon-github-sign:before{content:"\f092";}
+.icon-upload-alt:before{content:"\f093";}
+.icon-lemon:before{content:"\f094";}
+.icon-phone:before{content:"\f095";}
+.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
+.icon-bookmark-empty:before{content:"\f097";}
+.icon-phone-sign:before{content:"\f098";}
+.icon-twitter:before{content:"\f099";}
+.icon-facebook:before{content:"\f09a";}
+.icon-github:before{content:"\f09b";}
+.icon-unlock:before{content:"\f09c";}
+.icon-credit-card:before{content:"\f09d";}
+.icon-rss:before{content:"\f09e";}
+.icon-hdd:before{content:"\f0a0";}
+.icon-bullhorn:before{content:"\f0a1";}
+.icon-bell:before{content:"\f0a2";}
+.icon-certificate:before{content:"\f0a3";}
+.icon-hand-right:before{content:"\f0a4";}
+.icon-hand-left:before{content:"\f0a5";}
+.icon-hand-up:before{content:"\f0a6";}
+.icon-hand-down:before{content:"\f0a7";}
+.icon-circle-arrow-left:before{content:"\f0a8";}
+.icon-circle-arrow-right:before{content:"\f0a9";}
+.icon-circle-arrow-up:before{content:"\f0aa";}
+.icon-circle-arrow-down:before{content:"\f0ab";}
+.icon-globe:before{content:"\f0ac";}
+.icon-wrench:before{content:"\f0ad";}
+.icon-tasks:before{content:"\f0ae";}
+.icon-filter:before{content:"\f0b0";}
+.icon-briefcase:before{content:"\f0b1";}
+.icon-fullscreen:before{content:"\f0b2";}
+.icon-group:before{content:"\f0c0";}
+.icon-link:before{content:"\f0c1";}
+.icon-cloud:before{content:"\f0c2";}
+.icon-beaker:before{content:"\f0c3";}
+.icon-cut:before{content:"\f0c4";}
+.icon-copy:before{content:"\f0c5";}
+.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
+.icon-save:before{content:"\f0c7";}
+.icon-sign-blank:before{content:"\f0c8";}
+.icon-reorder:before{content:"\f0c9";}
+.icon-list-ul:before{content:"\f0ca";}
+.icon-list-ol:before{content:"\f0cb";}
+.icon-strikethrough:before{content:"\f0cc";}
+.icon-underline:before{content:"\f0cd";}
+.icon-table:before{content:"\f0ce";}
+.icon-magic:before{content:"\f0d0";}
+.icon-truck:before{content:"\f0d1";}
+.icon-pinterest:before{content:"\f0d2";}
+.icon-pinterest-sign:before{content:"\f0d3";}
+.icon-google-plus-sign:before{content:"\f0d4";}
+.icon-google-plus:before{content:"\f0d5";}
+.icon-money:before{content:"\f0d6";}
+.icon-caret-down:before{content:"\f0d7";}
+.icon-caret-up:before{content:"\f0d8";}
+.icon-caret-left:before{content:"\f0d9";}
+.icon-caret-right:before{content:"\f0da";}
+.icon-columns:before{content:"\f0db";}
+.icon-sort:before{content:"\f0dc";}
+.icon-sort-down:before{content:"\f0dd";}
+.icon-sort-up:before{content:"\f0de";}
+.icon-envelope:before{content:"\f0e0";}
+.icon-linkedin:before{content:"\f0e1";}
+.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
+.icon-legal:before{content:"\f0e3";}
+.icon-dashboard:before{content:"\f0e4";}
+.icon-comment-alt:before{content:"\f0e5";}
+.icon-comments-alt:before{content:"\f0e6";}
+.icon-bolt:before{content:"\f0e7";}
+.icon-sitemap:before{content:"\f0e8";}
+.icon-umbrella:before{content:"\f0e9";}
+.icon-paste:before{content:"\f0ea";}
+.icon-lightbulb:before{content:"\f0eb";}
+.icon-exchange:before{content:"\f0ec";}
+.icon-cloud-download:before{content:"\f0ed";}
+.icon-cloud-upload:before{content:"\f0ee";}
+.icon-user-md:before{content:"\f0f0";}
+.icon-stethoscope:before{content:"\f0f1";}
+.icon-suitcase:before{content:"\f0f2";}
+.icon-bell-alt:before{content:"\f0f3";}
+.icon-coffee:before{content:"\f0f4";}
+.icon-food:before{content:"\f0f5";}
+.icon-file-text-alt:before{content:"\f0f6";}
+.icon-building:before{content:"\f0f7";}
+.icon-hospital:before{content:"\f0f8";}
+.icon-ambulance:before{content:"\f0f9";}
+.icon-medkit:before{content:"\f0fa";}
+.icon-fighter-jet:before{content:"\f0fb";}
+.icon-beer:before{content:"\f0fc";}
+.icon-h-sign:before{content:"\f0fd";}
+.icon-plus-sign-alt:before{content:"\f0fe";}
+.icon-double-angle-left:before{content:"\f100";}
+.icon-double-angle-right:before{content:"\f101";}
+.icon-double-angle-up:before{content:"\f102";}
+.icon-double-angle-down:before{content:"\f103";}
+.icon-angle-left:before{content:"\f104";}
+.icon-angle-right:before{content:"\f105";}
+.icon-angle-up:before{content:"\f106";}
+.icon-angle-down:before{content:"\f107";}
+.icon-desktop:before{content:"\f108";}
+.icon-laptop:before{content:"\f109";}
+.icon-tablet:before{content:"\f10a";}
+.icon-mobile-phone:before{content:"\f10b";}
+.icon-circle-blank:before{content:"\f10c";}
+.icon-quote-left:before{content:"\f10d";}
+.icon-quote-right:before{content:"\f10e";}
+.icon-spinner:before{content:"\f110";}
+.icon-circle:before{content:"\f111";}
+.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
+.icon-github-alt:before{content:"\f113";}
+.icon-folder-close-alt:before{content:"\f114";}
+.icon-folder-open-alt:before{content:"\f115";}
+.icon-expand-alt:before{content:"\f116";}
+.icon-collapse-alt:before{content:"\f117";}
+.icon-smile:before{content:"\f118";}
+.icon-frown:before{content:"\f119";}
+.icon-meh:before{content:"\f11a";}
+.icon-gamepad:before{content:"\f11b";}
+.icon-keyboard:before{content:"\f11c";}
+.icon-flag-alt:before{content:"\f11d";}
+.icon-flag-checkered:before{content:"\f11e";}
+.icon-terminal:before{content:"\f120";}
+.icon-code:before{content:"\f121";}
+.icon-reply-all:before{content:"\f122";}
+.icon-mail-reply-all:before{content:"\f122";}
+.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
+.icon-location-arrow:before{content:"\f124";}
+.icon-crop:before{content:"\f125";}
+.icon-code-fork:before{content:"\f126";}
+.icon-unlink:before{content:"\f127";}
+.icon-question:before{content:"\f128";}
+.icon-info:before{content:"\f129";}
+.icon-exclamation:before{content:"\f12a";}
+.icon-superscript:before{content:"\f12b";}
+.icon-subscript:before{content:"\f12c";}
+.icon-eraser:before{content:"\f12d";}
+.icon-puzzle-piece:before{content:"\f12e";}
+.icon-microphone:before{content:"\f130";}
+.icon-microphone-off:before{content:"\f131";}
+.icon-shield:before{content:"\f132";}
+.icon-calendar-empty:before{content:"\f133";}
+.icon-fire-extinguisher:before{content:"\f134";}
+.icon-rocket:before{content:"\f135";}
+.icon-maxcdn:before{content:"\f136";}
+.icon-chevron-sign-left:before{content:"\f137";}
+.icon-chevron-sign-right:before{content:"\f138";}
+.icon-chevron-sign-up:before{content:"\f139";}
+.icon-chevron-sign-down:before{content:"\f13a";}
+.icon-html5:before{content:"\f13b";}
+.icon-css3:before{content:"\f13c";}
+.icon-anchor:before{content:"\f13d";}
+.icon-unlock-alt:before{content:"\f13e";}
+.icon-bullseye:before{content:"\f140";}
+.icon-ellipsis-horizontal:before{content:"\f141";}
+.icon-ellipsis-vertical:before{content:"\f142";}
+.icon-rss-sign:before{content:"\f143";}
+.icon-play-sign:before{content:"\f144";}
+.icon-ticket:before{content:"\f145";}
+.icon-minus-sign-alt:before{content:"\f146";}
+.icon-check-minus:before{content:"\f147";}
+.icon-level-up:before{content:"\f148";}
+.icon-level-down:before{content:"\f149";}
+.icon-check-sign:before{content:"\f14a";}
+.icon-edit-sign:before{content:"\f14b";}
+.icon-external-link-sign:before{content:"\f14c";}
+.icon-share-sign:before{content:"\f14d";}
+.icon-compass:before{content:"\f14e";}
+.icon-collapse:before{content:"\f150";}
+.icon-collapse-top:before{content:"\f151";}
+.icon-expand:before{content:"\f152";}
+.icon-euro:before,.icon-eur:before{content:"\f153";}
+.icon-gbp:before{content:"\f154";}
+.icon-dollar:before,.icon-usd:before{content:"\f155";}
+.icon-rupee:before,.icon-inr:before{content:"\f156";}
+.icon-yen:before,.icon-jpy:before{content:"\f157";}
+.icon-renminbi:before,.icon-cny:before{content:"\f158";}
+.icon-won:before,.icon-krw:before{content:"\f159";}
+.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
+.icon-file:before{content:"\f15b";}
+.icon-file-text:before{content:"\f15c";}
+.icon-sort-by-alphabet:before{content:"\f15d";}
+.icon-sort-by-alphabet-alt:before{content:"\f15e";}
+.icon-sort-by-attributes:before{content:"\f160";}
+.icon-sort-by-attributes-alt:before{content:"\f161";}
+.icon-sort-by-order:before{content:"\f162";}
+.icon-sort-by-order-alt:before{content:"\f163";}
+.icon-thumbs-up:before{content:"\f164";}
+.icon-thumbs-down:before{content:"\f165";}
+.icon-youtube-sign:before{content:"\f166";}
+.icon-youtube:before{content:"\f167";}
+.icon-xing:before{content:"\f168";}
+.icon-xing-sign:before{content:"\f169";}
+.icon-youtube-play:before{content:"\f16a";}
+.icon-dropbox:before{content:"\f16b";}
+.icon-stackexchange:before{content:"\f16c";}
+.icon-instagram:before{content:"\f16d";}
+.icon-flickr:before{content:"\f16e";}
+.icon-adn:before{content:"\f170";}
+.icon-bitbucket:before{content:"\f171";}
+.icon-bitbucket-sign:before{content:"\f172";}
+.icon-tumblr:before{content:"\f173";}
+.icon-tumblr-sign:before{content:"\f174";}
+.icon-long-arrow-down:before{content:"\f175";}
+.icon-long-arrow-up:before{content:"\f176";}
+.icon-long-arrow-left:before{content:"\f177";}
+.icon-long-arrow-right:before{content:"\f178";}
+.icon-apple:before{content:"\f179";}
+.icon-windows:before{content:"\f17a";}
+.icon-android:before{content:"\f17b";}
+.icon-linux:before{content:"\f17c";}
+.icon-dribbble:before{content:"\f17d";}
+.icon-skype:before{content:"\f17e";}
+.icon-foursquare:before{content:"\f180";}
+.icon-trello:before{content:"\f181";}
+.icon-female:before{content:"\f182";}
+.icon-male:before{content:"\f183";}
+.icon-gittip:before{content:"\f184";}
+.icon-sun:before{content:"\f185";}
+.icon-moon:before{content:"\f186";}
+.icon-archive:before{content:"\f187";}
+.icon-bug:before{content:"\f188";}
+.icon-vk:before{content:"\f189";}
+.icon-weibo:before{content:"\f18a";}
+.icon-renren:before{content:"\f18b";}
--- /dev/null
+/* FONT AWESOME CORE
+ * -------------------------- */
+
+[class^="icon-"],
+[class*=" icon-"] {
+ .icon-FontAwesome();
+}
+
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+ text-decoration: inherit;
+ display: inline-block;
+ speak: none;
+}
+
+/* makes the font 33% larger relative to the icon container */
+.icon-large:before {
+ vertical-align: -10%;
+ font-size: 4/3em;
+}
+
+/* makes sure icons active on rollover in links */
+a {
+ [class^="icon-"],
+ [class*=" icon-"] {
+ display: inline;
+ }
+}
+
+/* increased font size for icon-large */
+[class^="icon-"],
+[class*=" icon-"] {
+ &.icon-fixed-width {
+ display: inline-block;
+ width: 16/14em;
+ text-align: right;
+ padding-right: 4/14em;
+ &.icon-large {
+ width: 20/14em;
+ }
+ }
+}
+
+.icons-ul {
+ margin-left: @icons-li-width;
+ list-style-type: none;
+
+ > li { position: relative; }
+
+ .icon-li {
+ position: absolute;
+ left: -@icons-li-width;
+ width: @icons-li-width;
+ text-align: center;
+ line-height: inherit;
+ }
+}
+
+// allows usage of the hide class directly on font awesome icons
+[class^="icon-"],
+[class*=" icon-"] {
+ &.hide {
+ display: none;
+ }
+}
+
+.icon-muted { color: @iconMuted; }
+.icon-light { color: @iconLight; }
+.icon-dark { color: @iconDark; }
+
+// Icon Borders
+// -------------------------
+
+.icon-border {
+ border: solid 1px @borderColor;
+ padding: .2em .25em .15em;
+ .border-radius(3px);
+}
+
+// Icon Sizes
+// -------------------------
+
+.icon-2x {
+ font-size: 2em;
+ &.icon-border {
+ border-width: 2px;
+ .border-radius(4px);
+ }
+}
+.icon-3x {
+ font-size: 3em;
+ &.icon-border {
+ border-width: 3px;
+ .border-radius(5px);
+ }
+}
+.icon-4x {
+ font-size: 4em;
+ &.icon-border {
+ border-width: 4px;
+ .border-radius(6px);
+ }
+}
+
+.icon-5x {
+ font-size: 5em;
+ &.icon-border {
+ border-width: 5px;
+ .border-radius(7px);
+ }
+}
+
+
+// Floats & Margins
+// -------------------------
+
+// Quick floats
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+[class^="icon-"],
+[class*=" icon-"] {
+ &.pull-left {
+ margin-right: .3em;
+ }
+ &.pull-right {
+ margin-left: .3em;
+ }
+}
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
- * Twitter: http://twitter.com/byscuits
+ * Twitter: http://twitter.com/davegandy
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
--- /dev/null
+/*!
+ * Font Awesome 3.2.1
+ * the iconic font designed for Bootstrap
+ * ------------------------------------------------------------------------------
+ * The full suite of pictographic icons, examples, and documentation can be
+ * found at http://fontawesome.io. Stay up to date on Twitter at
+ * http://twitter.com/fontawesome.
+ *
+ * License
+ * ------------------------------------------------------------------------------
+ * - The Font Awesome font is licensed under SIL OFL 1.1 -
+ * http://scripts.sil.org/OFL
+ * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
+ * http://opensource.org/licenses/mit-license.html
+ * - Font Awesome documentation licensed under CC BY 3.0 -
+ * http://creativecommons.org/licenses/by/3.0/
+ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
+ * "Font Awesome by Dave Gandy - http://fontawesome.io"
+ *
+ * Author - Dave Gandy
+ * ------------------------------------------------------------------------------
+ * Email: dave@fontawesome.io
+ * Twitter: http://twitter.com/davegandy
+ * Work: Lead Product Designer @ Kyruus - http://kyruus.com
+ */
+
+@import "variables.less";
+@import "mixins.less";
+@import "path.less";
+@import "core.less";
+@import "bootstrap.less";
+@import "extras.less";
+@import "icons.less";
--- /dev/null
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+
+.icon-glass:before { content: @glass; }
+.icon-music:before { content: @music; }
+.icon-search:before { content: @search; }
+.icon-envelope-alt:before { content: @envelope-alt; }
+.icon-heart:before { content: @heart; }
+.icon-star:before { content: @star; }
+.icon-star-empty:before { content: @star-empty; }
+.icon-user:before { content: @user; }
+.icon-film:before { content: @film; }
+.icon-th-large:before { content: @th-large; }
+.icon-th:before { content: @th; }
+.icon-th-list:before { content: @th-list; }
+.icon-ok:before { content: @ok; }
+.icon-remove:before { content: @remove; }
+.icon-zoom-in:before { content: @zoom-in; }
+.icon-zoom-out:before { content: @zoom-out; }
+.icon-power-off:before,
+.icon-off:before { content: @off; }
+.icon-signal:before { content: @signal; }
+.icon-gear:before,
+.icon-cog:before { content: @cog; }
+.icon-trash:before { content: @trash; }
+.icon-home:before { content: @home; }
+.icon-file-alt:before { content: @file-alt; }
+.icon-time:before { content: @time; }
+.icon-road:before { content: @road; }
+.icon-download-alt:before { content: @download-alt; }
+.icon-download:before { content: @download; }
+.icon-upload:before { content: @upload; }
+.icon-inbox:before { content: @inbox; }
+.icon-play-circle:before { content: @play-circle; }
+.icon-rotate-right:before,
+.icon-repeat:before { content: @repeat; }
+.icon-refresh:before { content: @refresh; }
+.icon-list-alt:before { content: @list-alt; }
+.icon-lock:before { content: @lock; }
+.icon-flag:before { content: @flag; }
+.icon-headphones:before { content: @headphones; }
+.icon-volume-off:before { content: @volume-off; }
+.icon-volume-down:before { content: @volume-down; }
+.icon-volume-up:before { content: @volume-up; }
+.icon-qrcode:before { content: @qrcode; }
+.icon-barcode:before { content: @barcode; }
+.icon-tag:before { content: @tag; }
+.icon-tags:before { content: @tags; }
+.icon-book:before { content: @book; }
+.icon-bookmark:before { content: @bookmark; }
+.icon-print:before { content: @print; }
+.icon-camera:before { content: @camera; }
+.icon-font:before { content: @font; }
+.icon-bold:before { content: @bold; }
+.icon-italic:before { content: @italic; }
+.icon-text-height:before { content: @text-height; }
+.icon-text-width:before { content: @text-width; }
+.icon-align-left:before { content: @align-left; }
+.icon-align-center:before { content: @align-center; }
+.icon-align-right:before { content: @align-right; }
+.icon-align-justify:before { content: @align-justify; }
+.icon-list:before { content: @list; }
+.icon-indent-left:before { content: @indent-left; }
+.icon-indent-right:before { content: @indent-right; }
+.icon-facetime-video:before { content: @facetime-video; }
+.icon-picture:before { content: @picture; }
+.icon-pencil:before { content: @pencil; }
+.icon-map-marker:before { content: @map-marker; }
+.icon-adjust:before { content: @adjust; }
+.icon-tint:before { content: @tint; }
+.icon-edit:before { content: @edit; }
+.icon-share:before { content: @share; }
+.icon-check:before { content: @check; }
+.icon-move:before { content: @move; }
+.icon-step-backward:before { content: @step-backward; }
+.icon-fast-backward:before { content: @fast-backward; }
+.icon-backward:before { content: @backward; }
+.icon-play:before { content: @play; }
+.icon-pause:before { content: @pause; }
+.icon-stop:before { content: @stop; }
+.icon-forward:before { content: @forward; }
+.icon-fast-forward:before { content: @fast-forward; }
+.icon-step-forward:before { content: @step-forward; }
+.icon-eject:before { content: @eject; }
+.icon-chevron-left:before { content: @chevron-left; }
+.icon-chevron-right:before { content: @chevron-right; }
+.icon-plus-sign:before { content: @plus-sign; }
+.icon-minus-sign:before { content: @minus-sign; }
+.icon-remove-sign:before { content: @remove-sign; }
+.icon-ok-sign:before { content: @ok-sign; }
+.icon-question-sign:before { content: @question-sign; }
+.icon-info-sign:before { content: @info-sign; }
+.icon-screenshot:before { content: @screenshot; }
+.icon-remove-circle:before { content: @remove-circle; }
+.icon-ok-circle:before { content: @ok-circle; }
+.icon-ban-circle:before { content: @ban-circle; }
+.icon-arrow-left:before { content: @arrow-left; }
+.icon-arrow-right:before { content: @arrow-right; }
+.icon-arrow-up:before { content: @arrow-up; }
+.icon-arrow-down:before { content: @arrow-down; }
+.icon-mail-forward:before,
+.icon-share-alt:before { content: @share-alt; }
+.icon-resize-full:before { content: @resize-full; }
+.icon-resize-small:before { content: @resize-small; }
+.icon-plus:before { content: @plus; }
+.icon-minus:before { content: @minus; }
+.icon-asterisk:before { content: @asterisk; }
+.icon-exclamation-sign:before { content: @exclamation-sign; }
+.icon-gift:before { content: @gift; }
+.icon-leaf:before { content: @leaf; }
+.icon-fire:before { content: @fire; }
+.icon-eye-open:before { content: @eye-open; }
+.icon-eye-close:before { content: @eye-close; }
+.icon-warning-sign:before { content: @warning-sign; }
+.icon-plane:before { content: @plane; }
+.icon-calendar:before { content: @calendar; }
+.icon-random:before { content: @random; }
+.icon-comment:before { content: @comment; }
+.icon-magnet:before { content: @magnet; }
+.icon-chevron-up:before { content: @chevron-up; }
+.icon-chevron-down:before { content: @chevron-down; }
+.icon-retweet:before { content: @retweet; }
+.icon-shopping-cart:before { content: @shopping-cart; }
+.icon-folder-close:before { content: @folder-close; }
+.icon-folder-open:before { content: @folder-open; }
+.icon-resize-vertical:before { content: @resize-vertical; }
+.icon-resize-horizontal:before { content: @resize-horizontal; }
+.icon-bar-chart:before { content: @bar-chart; }
+.icon-twitter-sign:before { content: @twitter-sign; }
+.icon-facebook-sign:before { content: @facebook-sign; }
+.icon-camera-retro:before { content: @camera-retro; }
+.icon-key:before { content: @key; }
+.icon-gears:before,
+.icon-cogs:before { content: @cogs; }
+.icon-comments:before { content: @comments; }
+.icon-thumbs-up-alt:before { content: @thumbs-up-alt; }
+.icon-thumbs-down-alt:before { content: @thumbs-down-alt; }
+.icon-star-half:before { content: @star-half; }
+.icon-heart-empty:before { content: @heart-empty; }
+.icon-signout:before { content: @signout; }
+.icon-linkedin-sign:before { content: @linkedin-sign; }
+.icon-pushpin:before { content: @pushpin; }
+.icon-external-link:before { content: @external-link; }
+.icon-signin:before { content: @signin; }
+.icon-trophy:before { content: @trophy; }
+.icon-github-sign:before { content: @github-sign; }
+.icon-upload-alt:before { content: @upload-alt; }
+.icon-lemon:before { content: @lemon; }
+.icon-phone:before { content: @phone; }
+.icon-unchecked:before,
+.icon-check-empty:before { content: @check-empty; }
+.icon-bookmark-empty:before { content: @bookmark-empty; }
+.icon-phone-sign:before { content: @phone-sign; }
+.icon-twitter:before { content: @twitter; }
+.icon-facebook:before { content: @facebook; }
+.icon-github:before { content: @github; }
+.icon-unlock:before { content: @unlock; }
+.icon-credit-card:before { content: @credit-card; }
+.icon-rss:before { content: @rss; }
+.icon-hdd:before { content: @hdd; }
+.icon-bullhorn:before { content: @bullhorn; }
+.icon-bell:before { content: @bell; }
+.icon-certificate:before { content: @certificate; }
+.icon-hand-right:before { content: @hand-right; }
+.icon-hand-left:before { content: @hand-left; }
+.icon-hand-up:before { content: @hand-up; }
+.icon-hand-down:before { content: @hand-down; }
+.icon-circle-arrow-left:before { content: @circle-arrow-left; }
+.icon-circle-arrow-right:before { content: @circle-arrow-right; }
+.icon-circle-arrow-up:before { content: @circle-arrow-up; }
+.icon-circle-arrow-down:before { content: @circle-arrow-down; }
+.icon-globe:before { content: @globe; }
+.icon-wrench:before { content: @wrench; }
+.icon-tasks:before { content: @tasks; }
+.icon-filter:before { content: @filter; }
+.icon-briefcase:before { content: @briefcase; }
+.icon-fullscreen:before { content: @fullscreen; }
+.icon-group:before { content: @group; }
+.icon-link:before { content: @link; }
+.icon-cloud:before { content: @cloud; }
+.icon-beaker:before { content: @beaker; }
+.icon-cut:before { content: @cut; }
+.icon-copy:before { content: @copy; }
+.icon-paperclip:before,
+.icon-paper-clip:before { content: @paper-clip; }
+.icon-save:before { content: @save; }
+.icon-sign-blank:before { content: @sign-blank; }
+.icon-reorder:before { content: @reorder; }
+.icon-list-ul:before { content: @list-ul; }
+.icon-list-ol:before { content: @list-ol; }
+.icon-strikethrough:before { content: @strikethrough; }
+.icon-underline:before { content: @underline; }
+.icon-table:before { content: @table; }
+.icon-magic:before { content: @magic; }
+.icon-truck:before { content: @truck; }
+.icon-pinterest:before { content: @pinterest; }
+.icon-pinterest-sign:before { content: @pinterest-sign; }
+.icon-google-plus-sign:before { content: @google-plus-sign; }
+.icon-google-plus:before { content: @google-plus; }
+.icon-money:before { content: @money; }
+.icon-caret-down:before { content: @caret-down; }
+.icon-caret-up:before { content: @caret-up; }
+.icon-caret-left:before { content: @caret-left; }
+.icon-caret-right:before { content: @caret-right; }
+.icon-columns:before { content: @columns; }
+.icon-sort:before { content: @sort; }
+.icon-sort-down:before { content: @sort-down; }
+.icon-sort-up:before { content: @sort-up; }
+.icon-envelope:before { content: @envelope; }
+.icon-linkedin:before { content: @linkedin; }
+.icon-rotate-left:before,
+.icon-undo:before { content: @undo; }
+.icon-legal:before { content: @legal; }
+.icon-dashboard:before { content: @dashboard; }
+.icon-comment-alt:before { content: @comment-alt; }
+.icon-comments-alt:before { content: @comments-alt; }
+.icon-bolt:before { content: @bolt; }
+.icon-sitemap:before { content: @sitemap; }
+.icon-umbrella:before { content: @umbrella; }
+.icon-paste:before { content: @paste; }
+.icon-lightbulb:before { content: @lightbulb; }
+.icon-exchange:before { content: @exchange; }
+.icon-cloud-download:before { content: @cloud-download; }
+.icon-cloud-upload:before { content: @cloud-upload; }
+.icon-user-md:before { content: @user-md; }
+.icon-stethoscope:before { content: @stethoscope; }
+.icon-suitcase:before { content: @suitcase; }
+.icon-bell-alt:before { content: @bell-alt; }
+.icon-coffee:before { content: @coffee; }
+.icon-food:before { content: @food; }
+.icon-file-text-alt:before { content: @file-text-alt; }
+.icon-building:before { content: @building; }
+.icon-hospital:before { content: @hospital; }
+.icon-ambulance:before { content: @ambulance; }
+.icon-medkit:before { content: @medkit; }
+.icon-fighter-jet:before { content: @fighter-jet; }
+.icon-beer:before { content: @beer; }
+.icon-h-sign:before { content: @h-sign; }
+.icon-plus-sign-alt:before { content: @plus-sign-alt; }
+.icon-double-angle-left:before { content: @double-angle-left; }
+.icon-double-angle-right:before { content: @double-angle-right; }
+.icon-double-angle-up:before { content: @double-angle-up; }
+.icon-double-angle-down:before { content: @double-angle-down; }
+.icon-angle-left:before { content: @angle-left; }
+.icon-angle-right:before { content: @angle-right; }
+.icon-angle-up:before { content: @angle-up; }
+.icon-angle-down:before { content: @angle-down; }
+.icon-desktop:before { content: @desktop; }
+.icon-laptop:before { content: @laptop; }
+.icon-tablet:before { content: @tablet; }
+.icon-mobile-phone:before { content: @mobile-phone; }
+.icon-circle-blank:before { content: @circle-blank; }
+.icon-quote-left:before { content: @quote-left; }
+.icon-quote-right:before { content: @quote-right; }
+.icon-spinner:before { content: @spinner; }
+.icon-circle:before { content: @circle; }
+.icon-mail-reply:before,
+.icon-reply:before { content: @reply; }
+.icon-github-alt:before { content: @github-alt; }
+.icon-folder-close-alt:before { content: @folder-close-alt; }
+.icon-folder-open-alt:before { content: @folder-open-alt; }
+.icon-expand-alt:before { content: @expand-alt; }
+.icon-collapse-alt:before { content: @collapse-alt; }
+.icon-smile:before { content: @smile; }
+.icon-frown:before { content: @frown; }
+.icon-meh:before { content: @meh; }
+.icon-gamepad:before { content: @gamepad; }
+.icon-keyboard:before { content: @keyboard; }
+.icon-flag-alt:before { content: @flag-alt; }
+.icon-flag-checkered:before { content: @flag-checkered; }
+.icon-terminal:before { content: @terminal; }
+.icon-code:before { content: @code; }
+.icon-reply-all:before { content: @reply-all; }
+.icon-mail-reply-all:before { content: @mail-reply-all; }
+.icon-star-half-full:before,
+.icon-star-half-empty:before { content: @star-half-empty; }
+.icon-location-arrow:before { content: @location-arrow; }
+.icon-crop:before { content: @crop; }
+.icon-code-fork:before { content: @code-fork; }
+.icon-unlink:before { content: @unlink; }
+.icon-question:before { content: @question; }
+.icon-info:before { content: @info; }
+.icon-exclamation:before { content: @exclamation; }
+.icon-superscript:before { content: @superscript; }
+.icon-subscript:before { content: @subscript; }
+.icon-eraser:before { content: @eraser; }
+.icon-puzzle-piece:before { content: @puzzle-piece; }
+.icon-microphone:before { content: @microphone; }
+.icon-microphone-off:before { content: @microphone-off; }
+.icon-shield:before { content: @shield; }
+.icon-calendar-empty:before { content: @calendar-empty; }
+.icon-fire-extinguisher:before { content: @fire-extinguisher; }
+.icon-rocket:before { content: @rocket; }
+.icon-maxcdn:before { content: @maxcdn; }
+.icon-chevron-sign-left:before { content: @chevron-sign-left; }
+.icon-chevron-sign-right:before { content: @chevron-sign-right; }
+.icon-chevron-sign-up:before { content: @chevron-sign-up; }
+.icon-chevron-sign-down:before { content: @chevron-sign-down; }
+.icon-html5:before { content: @html5; }
+.icon-css3:before { content: @css3; }
+.icon-anchor:before { content: @anchor; }
+.icon-unlock-alt:before { content: @unlock-alt; }
+.icon-bullseye:before { content: @bullseye; }
+.icon-ellipsis-horizontal:before { content: @ellipsis-horizontal; }
+.icon-ellipsis-vertical:before { content: @ellipsis-vertical; }
+.icon-rss-sign:before { content: @rss-sign; }
+.icon-play-sign:before { content: @play-sign; }
+.icon-ticket:before { content: @ticket; }
+.icon-minus-sign-alt:before { content: @minus-sign-alt; }
+.icon-check-minus:before { content: @check-minus; }
+.icon-level-up:before { content: @level-up; }
+.icon-level-down:before { content: @level-down; }
+.icon-check-sign:before { content: @check-sign; }
+.icon-edit-sign:before { content: @edit-sign; }
+.icon-external-link-sign:before { content: @external-link-sign; }
+.icon-share-sign:before { content: @share-sign; }
+.icon-compass:before { content: @compass; }
+.icon-collapse:before { content: @collapse; }
+.icon-collapse-top:before { content: @collapse-top; }
+.icon-expand:before { content: @expand; }
+.icon-euro:before,
+.icon-eur:before { content: @eur; }
+.icon-gbp:before { content: @gbp; }
+.icon-dollar:before,
+.icon-usd:before { content: @usd; }
+.icon-rupee:before,
+.icon-inr:before { content: @inr; }
+.icon-yen:before,
+.icon-jpy:before { content: @jpy; }
+.icon-renminbi:before,
+.icon-cny:before { content: @cny; }
+.icon-won:before,
+.icon-krw:before { content: @krw; }
+.icon-bitcoin:before,
+.icon-btc:before { content: @btc; }
+.icon-file:before { content: @file; }
+.icon-file-text:before { content: @file-text; }
+.icon-sort-by-alphabet:before { content: @sort-by-alphabet; }
+.icon-sort-by-alphabet-alt:before { content: @sort-by-alphabet-alt; }
+.icon-sort-by-attributes:before { content: @sort-by-attributes; }
+.icon-sort-by-attributes-alt:before { content: @sort-by-attributes-alt; }
+.icon-sort-by-order:before { content: @sort-by-order; }
+.icon-sort-by-order-alt:before { content: @sort-by-order-alt; }
+.icon-thumbs-up:before { content: @thumbs-up; }
+.icon-thumbs-down:before { content: @thumbs-down; }
+.icon-youtube-sign:before { content: @youtube-sign; }
+.icon-youtube:before { content: @youtube; }
+.icon-xing:before { content: @xing; }
+.icon-xing-sign:before { content: @xing-sign; }
+.icon-youtube-play:before { content: @youtube-play; }
+.icon-dropbox:before { content: @dropbox; }
+.icon-stackexchange:before { content: @stackexchange; }
+.icon-instagram:before { content: @instagram; }
+.icon-flickr:before { content: @flickr; }
+.icon-adn:before { content: @adn; }
+.icon-bitbucket:before { content: @bitbucket; }
+.icon-bitbucket-sign:before { content: @bitbucket-sign; }
+.icon-tumblr:before { content: @tumblr; }
+.icon-tumblr-sign:before { content: @tumblr-sign; }
+.icon-long-arrow-down:before { content: @long-arrow-down; }
+.icon-long-arrow-up:before { content: @long-arrow-up; }
+.icon-long-arrow-left:before { content: @long-arrow-left; }
+.icon-long-arrow-right:before { content: @long-arrow-right; }
+.icon-apple:before { content: @apple; }
+.icon-windows:before { content: @windows; }
+.icon-android:before { content: @android; }
+.icon-linux:before { content: @linux; }
+.icon-dribbble:before { content: @dribbble; }
+.icon-skype:before { content: @skype; }
+.icon-foursquare:before { content: @foursquare; }
+.icon-trello:before { content: @trello; }
+.icon-female:before { content: @female; }
+.icon-male:before { content: @male; }
+.icon-gittip:before { content: @gittip; }
+.icon-sun:before { content: @sun; }
+.icon-moon:before { content: @moon; }
+.icon-archive:before { content: @archive; }
+.icon-bug:before { content: @bug; }
+.icon-vk:before { content: @vk; }
+.icon-weibo:before { content: @weibo; }
+.icon-renren:before { content: @renren; }
--- /dev/null
+// Mixins
+// --------------------------
+
+.icon(@icon) {
+ .icon-FontAwesome();
+ content: @icon;
+}
+
+.icon-FontAwesome() {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em; // fixes ie7 issues
+}
+
+.border-radius(@radius) {
+ -webkit-border-radius: @radius;
+ -moz-border-radius: @radius;
+ border-radius: @radius;
+}
+
+.icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
+ .icon-stack {
+ position: relative;
+ display: inline-block;
+ width: @width;
+ height: @height;
+ line-height: @width;
+ vertical-align: -35%;
+ [class^="icon-"],
+ [class*=" icon-"] {
+ display: block;
+ text-align: center;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ font-size: @top-font-size;
+ line-height: inherit;
+ *line-height: @height;
+ }
+ .icon-stack-base {
+ font-size: @base-font-size;
+ *line-height: @height / @base-font-size;
+ }
+ }
+}
--- /dev/null
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}');
+ src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'),
+ url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'),
+ url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'),
+ url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg');
+// src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ font-weight: normal;
+ font-style: normal;
+}
--- /dev/null
+// Variables
+// --------------------------
+
+@FontAwesomePath: "../font";
+//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/3.2.1/font"; // for referencing Bootstrap CDN font files directly
+@FontAwesomeVersion: "3.2.1";
+@borderColor: #eee;
+@iconMuted: #eee;
+@iconLight: #fff;
+@iconDark: #333;
+@icons-li-width: 30/14em;
+
+
+ @glass: "\f000";
+
+ @music: "\f001";
+
+ @search: "\f002";
+
+ @envelope-alt: "\f003";
+
+ @heart: "\f004";
+
+ @star: "\f005";
+
+ @star-empty: "\f006";
+
+ @user: "\f007";
+
+ @film: "\f008";
+
+ @th-large: "\f009";
+
+ @th: "\f00a";
+
+ @th-list: "\f00b";
+
+ @ok: "\f00c";
+
+ @remove: "\f00d";
+
+ @zoom-in: "\f00e";
+
+ @zoom-out: "\f010";
+
+ @off: "\f011";
+
+ @signal: "\f012";
+
+ @cog: "\f013";
+
+ @trash: "\f014";
+
+ @home: "\f015";
+
+ @file-alt: "\f016";
+
+ @time: "\f017";
+
+ @road: "\f018";
+
+ @download-alt: "\f019";
+
+ @download: "\f01a";
+
+ @upload: "\f01b";
+
+ @inbox: "\f01c";
+
+ @play-circle: "\f01d";
+
+ @repeat: "\f01e";
+
+ @refresh: "\f021";
+
+ @list-alt: "\f022";
+
+ @lock: "\f023";
+
+ @flag: "\f024";
+
+ @headphones: "\f025";
+
+ @volume-off: "\f026";
+
+ @volume-down: "\f027";
+
+ @volume-up: "\f028";
+
+ @qrcode: "\f029";
+
+ @barcode: "\f02a";
+
+ @tag: "\f02b";
+
+ @tags: "\f02c";
+
+ @book: "\f02d";
+
+ @bookmark: "\f02e";
+
+ @print: "\f02f";
+
+ @camera: "\f030";
+
+ @font: "\f031";
+
+ @bold: "\f032";
+
+ @italic: "\f033";
+
+ @text-height: "\f034";
+
+ @text-width: "\f035";
+
+ @align-left: "\f036";
+
+ @align-center: "\f037";
+
+ @align-right: "\f038";
+
+ @align-justify: "\f039";
+
+ @list: "\f03a";
+
+ @indent-left: "\f03b";
+
+ @indent-right: "\f03c";
+
+ @facetime-video: "\f03d";
+
+ @picture: "\f03e";
+
+ @pencil: "\f040";
+
+ @map-marker: "\f041";
+
+ @adjust: "\f042";
+
+ @tint: "\f043";
+
+ @edit: "\f044";
+
+ @share: "\f045";
+
+ @check: "\f046";
+
+ @move: "\f047";
+
+ @step-backward: "\f048";
+
+ @fast-backward: "\f049";
+
+ @backward: "\f04a";
+
+ @play: "\f04b";
+
+ @pause: "\f04c";
+
+ @stop: "\f04d";
+
+ @forward: "\f04e";
+
+ @fast-forward: "\f050";
+
+ @step-forward: "\f051";
+
+ @eject: "\f052";
+
+ @chevron-left: "\f053";
+
+ @chevron-right: "\f054";
+
+ @plus-sign: "\f055";
+
+ @minus-sign: "\f056";
+
+ @remove-sign: "\f057";
+
+ @ok-sign: "\f058";
+
+ @question-sign: "\f059";
+
+ @info-sign: "\f05a";
+
+ @screenshot: "\f05b";
+
+ @remove-circle: "\f05c";
+
+ @ok-circle: "\f05d";
+
+ @ban-circle: "\f05e";
+
+ @arrow-left: "\f060";
+
+ @arrow-right: "\f061";
+
+ @arrow-up: "\f062";
+
+ @arrow-down: "\f063";
+
+ @share-alt: "\f064";
+
+ @resize-full: "\f065";
+
+ @resize-small: "\f066";
+
+ @plus: "\f067";
+
+ @minus: "\f068";
+
+ @asterisk: "\f069";
+
+ @exclamation-sign: "\f06a";
+
+ @gift: "\f06b";
+
+ @leaf: "\f06c";
+
+ @fire: "\f06d";
+
+ @eye-open: "\f06e";
+
+ @eye-close: "\f070";
+
+ @warning-sign: "\f071";
+
+ @plane: "\f072";
+
+ @calendar: "\f073";
+
+ @random: "\f074";
+
+ @comment: "\f075";
+
+ @magnet: "\f076";
+
+ @chevron-up: "\f077";
+
+ @chevron-down: "\f078";
+
+ @retweet: "\f079";
+
+ @shopping-cart: "\f07a";
+
+ @folder-close: "\f07b";
+
+ @folder-open: "\f07c";
+
+ @resize-vertical: "\f07d";
+
+ @resize-horizontal: "\f07e";
+
+ @bar-chart: "\f080";
+
+ @twitter-sign: "\f081";
+
+ @facebook-sign: "\f082";
+
+ @camera-retro: "\f083";
+
+ @key: "\f084";
+
+ @cogs: "\f085";
+
+ @comments: "\f086";
+
+ @thumbs-up-alt: "\f087";
+
+ @thumbs-down-alt: "\f088";
+
+ @star-half: "\f089";
+
+ @heart-empty: "\f08a";
+
+ @signout: "\f08b";
+
+ @linkedin-sign: "\f08c";
+
+ @pushpin: "\f08d";
+
+ @external-link: "\f08e";
+
+ @signin: "\f090";
+
+ @trophy: "\f091";
+
+ @github-sign: "\f092";
+
+ @upload-alt: "\f093";
+
+ @lemon: "\f094";
+
+ @phone: "\f095";
+
+ @check-empty: "\f096";
+
+ @bookmark-empty: "\f097";
+
+ @phone-sign: "\f098";
+
+ @twitter: "\f099";
+
+ @facebook: "\f09a";
+
+ @github: "\f09b";
+
+ @unlock: "\f09c";
+
+ @credit-card: "\f09d";
+
+ @rss: "\f09e";
+
+ @hdd: "\f0a0";
+
+ @bullhorn: "\f0a1";
+
+ @bell: "\f0a2";
+
+ @certificate: "\f0a3";
+
+ @hand-right: "\f0a4";
+
+ @hand-left: "\f0a5";
+
+ @hand-up: "\f0a6";
+
+ @hand-down: "\f0a7";
+
+ @circle-arrow-left: "\f0a8";
+
+ @circle-arrow-right: "\f0a9";
+
+ @circle-arrow-up: "\f0aa";
+
+ @circle-arrow-down: "\f0ab";
+
+ @globe: "\f0ac";
+
+ @wrench: "\f0ad";
+
+ @tasks: "\f0ae";
+
+ @filter: "\f0b0";
+
+ @briefcase: "\f0b1";
+
+ @fullscreen: "\f0b2";
+
+ @group: "\f0c0";
+
+ @link: "\f0c1";
+
+ @cloud: "\f0c2";
+
+ @beaker: "\f0c3";
+
+ @cut: "\f0c4";
+
+ @copy: "\f0c5";
+
+ @paper-clip: "\f0c6";
+
+ @save: "\f0c7";
+
+ @sign-blank: "\f0c8";
+
+ @reorder: "\f0c9";
+
+ @list-ul: "\f0ca";
+
+ @list-ol: "\f0cb";
+
+ @strikethrough: "\f0cc";
+
+ @underline: "\f0cd";
+
+ @table: "\f0ce";
+
+ @magic: "\f0d0";
+
+ @truck: "\f0d1";
+
+ @pinterest: "\f0d2";
+
+ @pinterest-sign: "\f0d3";
+
+ @google-plus-sign: "\f0d4";
+
+ @google-plus: "\f0d5";
+
+ @money: "\f0d6";
+
+ @caret-down: "\f0d7";
+
+ @caret-up: "\f0d8";
+
+ @caret-left: "\f0d9";
+
+ @caret-right: "\f0da";
+
+ @columns: "\f0db";
+
+ @sort: "\f0dc";
+
+ @sort-down: "\f0dd";
+
+ @sort-up: "\f0de";
+
+ @envelope: "\f0e0";
+
+ @linkedin: "\f0e1";
+
+ @undo: "\f0e2";
+
+ @legal: "\f0e3";
+
+ @dashboard: "\f0e4";
+
+ @comment-alt: "\f0e5";
+
+ @comments-alt: "\f0e6";
+
+ @bolt: "\f0e7";
+
+ @sitemap: "\f0e8";
+
+ @umbrella: "\f0e9";
+
+ @paste: "\f0ea";
+
+ @lightbulb: "\f0eb";
+
+ @exchange: "\f0ec";
+
+ @cloud-download: "\f0ed";
+
+ @cloud-upload: "\f0ee";
+
+ @user-md: "\f0f0";
+
+ @stethoscope: "\f0f1";
+
+ @suitcase: "\f0f2";
+
+ @bell-alt: "\f0f3";
+
+ @coffee: "\f0f4";
+
+ @food: "\f0f5";
+
+ @file-text-alt: "\f0f6";
+
+ @building: "\f0f7";
+
+ @hospital: "\f0f8";
+
+ @ambulance: "\f0f9";
+
+ @medkit: "\f0fa";
+
+ @fighter-jet: "\f0fb";
+
+ @beer: "\f0fc";
+
+ @h-sign: "\f0fd";
+
+ @plus-sign-alt: "\f0fe";
+
+ @double-angle-left: "\f100";
+
+ @double-angle-right: "\f101";
+
+ @double-angle-up: "\f102";
+
+ @double-angle-down: "\f103";
+
+ @angle-left: "\f104";
+
+ @angle-right: "\f105";
+
+ @angle-up: "\f106";
+
+ @angle-down: "\f107";
+
+ @desktop: "\f108";
+
+ @laptop: "\f109";
+
+ @tablet: "\f10a";
+
+ @mobile-phone: "\f10b";
+
+ @circle-blank: "\f10c";
+
+ @quote-left: "\f10d";
+
+ @quote-right: "\f10e";
+
+ @spinner: "\f110";
+
+ @circle: "\f111";
+
+ @reply: "\f112";
+
+ @github-alt: "\f113";
+
+ @folder-close-alt: "\f114";
+
+ @folder-open-alt: "\f115";
+
+ @expand-alt: "\f116";
+
+ @collapse-alt: "\f117";
+
+ @smile: "\f118";
+
+ @frown: "\f119";
+
+ @meh: "\f11a";
+
+ @gamepad: "\f11b";
+
+ @keyboard: "\f11c";
+
+ @flag-alt: "\f11d";
+
+ @flag-checkered: "\f11e";
+
+ @terminal: "\f120";
+
+ @code: "\f121";
+
+ @reply-all: "\f122";
+
+ @mail-reply-all: "\f122";
+
+ @star-half-empty: "\f123";
+
+ @location-arrow: "\f124";
+
+ @crop: "\f125";
+
+ @code-fork: "\f126";
+
+ @unlink: "\f127";
+
+ @question: "\f128";
+
+ @info: "\f129";
+
+ @exclamation: "\f12a";
+
+ @superscript: "\f12b";
+
+ @subscript: "\f12c";
+
+ @eraser: "\f12d";
+
+ @puzzle-piece: "\f12e";
+
+ @microphone: "\f130";
+
+ @microphone-off: "\f131";
+
+ @shield: "\f132";
+
+ @calendar-empty: "\f133";
+
+ @fire-extinguisher: "\f134";
+
+ @rocket: "\f135";
+
+ @maxcdn: "\f136";
+
+ @chevron-sign-left: "\f137";
+
+ @chevron-sign-right: "\f138";
+
+ @chevron-sign-up: "\f139";
+
+ @chevron-sign-down: "\f13a";
+
+ @html5: "\f13b";
+
+ @css3: "\f13c";
+
+ @anchor: "\f13d";
+
+ @unlock-alt: "\f13e";
+
+ @bullseye: "\f140";
+
+ @ellipsis-horizontal: "\f141";
+
+ @ellipsis-vertical: "\f142";
+
+ @rss-sign: "\f143";
+
+ @play-sign: "\f144";
+
+ @ticket: "\f145";
+
+ @minus-sign-alt: "\f146";
+
+ @check-minus: "\f147";
+
+ @level-up: "\f148";
+
+ @level-down: "\f149";
+
+ @check-sign: "\f14a";
+
+ @edit-sign: "\f14b";
+
+ @external-link-sign: "\f14c";
+
+ @share-sign: "\f14d";
+
+ @compass: "\f14e";
+
+ @collapse: "\f150";
+
+ @collapse-top: "\f151";
+
+ @expand: "\f152";
+
+ @eur: "\f153";
+
+ @gbp: "\f154";
+
+ @usd: "\f155";
+
+ @inr: "\f156";
+
+ @jpy: "\f157";
+
+ @cny: "\f158";
+
+ @krw: "\f159";
+
+ @btc: "\f15a";
+
+ @file: "\f15b";
+
+ @file-text: "\f15c";
+
+ @sort-by-alphabet: "\f15d";
+
+ @sort-by-alphabet-alt: "\f15e";
+
+ @sort-by-attributes: "\f160";
+
+ @sort-by-attributes-alt: "\f161";
+
+ @sort-by-order: "\f162";
+
+ @sort-by-order-alt: "\f163";
+
+ @thumbs-up: "\f164";
+
+ @thumbs-down: "\f165";
+
+ @youtube-sign: "\f166";
+
+ @youtube: "\f167";
+
+ @xing: "\f168";
+
+ @xing-sign: "\f169";
+
+ @youtube-play: "\f16a";
+
+ @dropbox: "\f16b";
+
+ @stackexchange: "\f16c";
+
+ @instagram: "\f16d";
+
+ @flickr: "\f16e";
+
+ @adn: "\f170";
+
+ @bitbucket: "\f171";
+
+ @bitbucket-sign: "\f172";
+
+ @tumblr: "\f173";
+
+ @tumblr-sign: "\f174";
+
+ @long-arrow-down: "\f175";
+
+ @long-arrow-up: "\f176";
+
+ @long-arrow-left: "\f177";
+
+ @long-arrow-right: "\f178";
+
+ @apple: "\f179";
+
+ @windows: "\f17a";
+
+ @android: "\f17b";
+
+ @linux: "\f17c";
+
+ @dribbble: "\f17d";
+
+ @skype: "\f17e";
+
+ @foursquare: "\f180";
+
+ @trello: "\f181";
+
+ @female: "\f182";
+
+ @male: "\f183";
+
+ @gittip: "\f184";
+
+ @sun: "\f185";
+
+ @moon: "\f186";
+
+ @archive: "\f187";
+
+ @bug: "\f188";
+
+ @vk: "\f189";
+
+ @weibo: "\f18a";
+
+ @renren: "\f18b";
+
--- /dev/null
+/* FONT AWESOME CORE
+ * -------------------------- */
+
+[class^="icon-"],
+[class*=" icon-"] {
+ @include icon-FontAwesome();
+}
+
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+ text-decoration: inherit;
+ display: inline-block;
+ speak: none;
+}
+
+/* makes the font 33% larger relative to the icon container */
+.icon-large:before {
+ vertical-align: -10%;
+ font-size: (4em/3);
+}
+
+/* makes sure icons active on rollover in links */
+a {
+ [class^="icon-"],
+ [class*=" icon-"] {
+ display: inline;
+ }
+}
+
+/* increased font size for icon-large */
+[class^="icon-"],
+[class*=" icon-"] {
+ &.icon-fixed-width {
+ display: inline-block;
+ width: (16em/14);
+ text-align: right;
+ padding-right: (4em/14);
+ &.icon-large {
+ width: (20em/14);
+ }
+ }
+}
+
+.icons-ul {
+ margin-left: $icons-li-width;
+ list-style-type: none;
+
+ > li { position: relative; }
+
+ .icon-li {
+ position: absolute;
+ left: -$icons-li-width;
+ width: $icons-li-width;
+ text-align: center;
+ line-height: inherit;
+ }
+}
+
+// allows usage of the hide class directly on font awesome icons
+[class^="icon-"],
+[class*=" icon-"] {
+ &.hide {
+ display: none;
+ }
+}
+
+.icon-muted { color: $iconMuted; }
+.icon-light { color: $iconLight; }
+.icon-dark { color: $iconDark; }
+
+// Icon Borders
+// -------------------------
+
+.icon-border {
+ border: solid 1px $borderColor;
+ padding: .2em .25em .15em;
+ @include border-radius(3px);
+}
+
+// Icon Sizes
+// -------------------------
+
+.icon-2x {
+ font-size: 2em;
+ &.icon-border {
+ border-width: 2px;
+ @include border-radius(4px);
+ }
+}
+.icon-3x {
+ font-size: 3em;
+ &.icon-border {
+ border-width: 3px;
+ @include border-radius(5px);
+ }
+}
+.icon-4x {
+ font-size: 4em;
+ &.icon-border {
+ border-width: 4px;
+ @include border-radius(6px);
+ }
+}
+
+.icon-5x {
+ font-size: 5em;
+ &.icon-border {
+ border-width: 5px;
+ @include border-radius(7px);
+ }
+}
+
+
+// Floats & Margins
+// -------------------------
+
+// Quick floats
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+[class^="icon-"],
+[class*=" icon-"] {
+ &.pull-left {
+ margin-right: .3em;
+ }
+ &.pull-right {
+ margin-left: .3em;
+ }
+}
--- /dev/null
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ * readers do not read off random characters that represent icons */
+
+.icon-glass:before { content: $glass; }
+.icon-music:before { content: $music; }
+.icon-search:before { content: $search; }
+.icon-envelope-alt:before { content: $envelope-alt; }
+.icon-heart:before { content: $heart; }
+.icon-star:before { content: $star; }
+.icon-star-empty:before { content: $star-empty; }
+.icon-user:before { content: $user; }
+.icon-film:before { content: $film; }
+.icon-th-large:before { content: $th-large; }
+.icon-th:before { content: $th; }
+.icon-th-list:before { content: $th-list; }
+.icon-ok:before { content: $ok; }
+.icon-remove:before { content: $remove; }
+.icon-zoom-in:before { content: $zoom-in; }
+.icon-zoom-out:before { content: $zoom-out; }
+.icon-power-off:before,
+.icon-off:before { content: $off; }
+.icon-signal:before { content: $signal; }
+.icon-gear:before,
+.icon-cog:before { content: $cog; }
+.icon-trash:before { content: $trash; }
+.icon-home:before { content: $home; }
+.icon-file-alt:before { content: $file-alt; }
+.icon-time:before { content: $time; }
+.icon-road:before { content: $road; }
+.icon-download-alt:before { content: $download-alt; }
+.icon-download:before { content: $download; }
+.icon-upload:before { content: $upload; }
+.icon-inbox:before { content: $inbox; }
+.icon-play-circle:before { content: $play-circle; }
+.icon-rotate-right:before,
+.icon-repeat:before { content: $repeat; }
+.icon-refresh:before { content: $refresh; }
+.icon-list-alt:before { content: $list-alt; }
+.icon-lock:before { content: $lock; }
+.icon-flag:before { content: $flag; }
+.icon-headphones:before { content: $headphones; }
+.icon-volume-off:before { content: $volume-off; }
+.icon-volume-down:before { content: $volume-down; }
+.icon-volume-up:before { content: $volume-up; }
+.icon-qrcode:before { content: $qrcode; }
+.icon-barcode:before { content: $barcode; }
+.icon-tag:before { content: $tag; }
+.icon-tags:before { content: $tags; }
+.icon-book:before { content: $book; }
+.icon-bookmark:before { content: $bookmark; }
+.icon-print:before { content: $print; }
+.icon-camera:before { content: $camera; }
+.icon-font:before { content: $font; }
+.icon-bold:before { content: $bold; }
+.icon-italic:before { content: $italic; }
+.icon-text-height:before { content: $text-height; }
+.icon-text-width:before { content: $text-width; }
+.icon-align-left:before { content: $align-left; }
+.icon-align-center:before { content: $align-center; }
+.icon-align-right:before { content: $align-right; }
+.icon-align-justify:before { content: $align-justify; }
+.icon-list:before { content: $list; }
+.icon-indent-left:before { content: $indent-left; }
+.icon-indent-right:before { content: $indent-right; }
+.icon-facetime-video:before { content: $facetime-video; }
+.icon-picture:before { content: $picture; }
+.icon-pencil:before { content: $pencil; }
+.icon-map-marker:before { content: $map-marker; }
+.icon-adjust:before { content: $adjust; }
+.icon-tint:before { content: $tint; }
+.icon-edit:before { content: $edit; }
+.icon-share:before { content: $share; }
+.icon-check:before { content: $check; }
+.icon-move:before { content: $move; }
+.icon-step-backward:before { content: $step-backward; }
+.icon-fast-backward:before { content: $fast-backward; }
+.icon-backward:before { content: $backward; }
+.icon-play:before { content: $play; }
+.icon-pause:before { content: $pause; }
+.icon-stop:before { content: $stop; }
+.icon-forward:before { content: $forward; }
+.icon-fast-forward:before { content: $fast-forward; }
+.icon-step-forward:before { content: $step-forward; }
+.icon-eject:before { content: $eject; }
+.icon-chevron-left:before { content: $chevron-left; }
+.icon-chevron-right:before { content: $chevron-right; }
+.icon-plus-sign:before { content: $plus-sign; }
+.icon-minus-sign:before { content: $minus-sign; }
+.icon-remove-sign:before { content: $remove-sign; }
+.icon-ok-sign:before { content: $ok-sign; }
+.icon-question-sign:before { content: $question-sign; }
+.icon-info-sign:before { content: $info-sign; }
+.icon-screenshot:before { content: $screenshot; }
+.icon-remove-circle:before { content: $remove-circle; }
+.icon-ok-circle:before { content: $ok-circle; }
+.icon-ban-circle:before { content: $ban-circle; }
+.icon-arrow-left:before { content: $arrow-left; }
+.icon-arrow-right:before { content: $arrow-right; }
+.icon-arrow-up:before { content: $arrow-up; }
+.icon-arrow-down:before { content: $arrow-down; }
+.icon-mail-forward:before,
+.icon-share-alt:before { content: $share-alt; }
+.icon-resize-full:before { content: $resize-full; }
+.icon-resize-small:before { content: $resize-small; }
+.icon-plus:before { content: $plus; }
+.icon-minus:before { content: $minus; }
+.icon-asterisk:before { content: $asterisk; }
+.icon-exclamation-sign:before { content: $exclamation-sign; }
+.icon-gift:before { content: $gift; }
+.icon-leaf:before { content: $leaf; }
+.icon-fire:before { content: $fire; }
+.icon-eye-open:before { content: $eye-open; }
+.icon-eye-close:before { content: $eye-close; }
+.icon-warning-sign:before { content: $warning-sign; }
+.icon-plane:before { content: $plane; }
+.icon-calendar:before { content: $calendar; }
+.icon-random:before { content: $random; }
+.icon-comment:before { content: $comment; }
+.icon-magnet:before { content: $magnet; }
+.icon-chevron-up:before { content: $chevron-up; }
+.icon-chevron-down:before { content: $chevron-down; }
+.icon-retweet:before { content: $retweet; }
+.icon-shopping-cart:before { content: $shopping-cart; }
+.icon-folder-close:before { content: $folder-close; }
+.icon-folder-open:before { content: $folder-open; }
+.icon-resize-vertical:before { content: $resize-vertical; }
+.icon-resize-horizontal:before { content: $resize-horizontal; }
+.icon-bar-chart:before { content: $bar-chart; }
+.icon-twitter-sign:before { content: $twitter-sign; }
+.icon-facebook-sign:before { content: $facebook-sign; }
+.icon-camera-retro:before { content: $camera-retro; }
+.icon-key:before { content: $key; }
+.icon-gears:before,
+.icon-cogs:before { content: $cogs; }
+.icon-comments:before { content: $comments; }
+.icon-thumbs-up-alt:before { content: $thumbs-up-alt; }
+.icon-thumbs-down-alt:before { content: $thumbs-down-alt; }
+.icon-star-half:before { content: $star-half; }
+.icon-heart-empty:before { content: $heart-empty; }
+.icon-signout:before { content: $signout; }
+.icon-linkedin-sign:before { content: $linkedin-sign; }
+.icon-pushpin:before { content: $pushpin; }
+.icon-external-link:before { content: $external-link; }
+.icon-signin:before { content: $signin; }
+.icon-trophy:before { content: $trophy; }
+.icon-github-sign:before { content: $github-sign; }
+.icon-upload-alt:before { content: $upload-alt; }
+.icon-lemon:before { content: $lemon; }
+.icon-phone:before { content: $phone; }
+.icon-unchecked:before,
+.icon-check-empty:before { content: $check-empty; }
+.icon-bookmark-empty:before { content: $bookmark-empty; }
+.icon-phone-sign:before { content: $phone-sign; }
+.icon-twitter:before { content: $twitter; }
+.icon-facebook:before { content: $facebook; }
+.icon-github:before { content: $github; }
+.icon-unlock:before { content: $unlock; }
+.icon-credit-card:before { content: $credit-card; }
+.icon-rss:before { content: $rss; }
+.icon-hdd:before { content: $hdd; }
+.icon-bullhorn:before { content: $bullhorn; }
+.icon-bell:before { content: $bell; }
+.icon-certificate:before { content: $certificate; }
+.icon-hand-right:before { content: $hand-right; }
+.icon-hand-left:before { content: $hand-left; }
+.icon-hand-up:before { content: $hand-up; }
+.icon-hand-down:before { content: $hand-down; }
+.icon-circle-arrow-left:before { content: $circle-arrow-left; }
+.icon-circle-arrow-right:before { content: $circle-arrow-right; }
+.icon-circle-arrow-up:before { content: $circle-arrow-up; }
+.icon-circle-arrow-down:before { content: $circle-arrow-down; }
+.icon-globe:before { content: $globe; }
+.icon-wrench:before { content: $wrench; }
+.icon-tasks:before { content: $tasks; }
+.icon-filter:before { content: $filter; }
+.icon-briefcase:before { content: $briefcase; }
+.icon-fullscreen:before { content: $fullscreen; }
+.icon-group:before { content: $group; }
+.icon-link:before { content: $link; }
+.icon-cloud:before { content: $cloud; }
+.icon-beaker:before { content: $beaker; }
+.icon-cut:before { content: $cut; }
+.icon-copy:before { content: $copy; }
+.icon-paperclip:before,
+.icon-paper-clip:before { content: $paper-clip; }
+.icon-save:before { content: $save; }
+.icon-sign-blank:before { content: $sign-blank; }
+.icon-reorder:before { content: $reorder; }
+.icon-list-ul:before { content: $list-ul; }
+.icon-list-ol:before { content: $list-ol; }
+.icon-strikethrough:before { content: $strikethrough; }
+.icon-underline:before { content: $underline; }
+.icon-table:before { content: $table; }
+.icon-magic:before { content: $magic; }
+.icon-truck:before { content: $truck; }
+.icon-pinterest:before { content: $pinterest; }
+.icon-pinterest-sign:before { content: $pinterest-sign; }
+.icon-google-plus-sign:before { content: $google-plus-sign; }
+.icon-google-plus:before { content: $google-plus; }
+.icon-money:before { content: $money; }
+.icon-caret-down:before { content: $caret-down; }
+.icon-caret-up:before { content: $caret-up; }
+.icon-caret-left:before { content: $caret-left; }
+.icon-caret-right:before { content: $caret-right; }
+.icon-columns:before { content: $columns; }
+.icon-sort:before { content: $sort; }
+.icon-sort-down:before { content: $sort-down; }
+.icon-sort-up:before { content: $sort-up; }
+.icon-envelope:before { content: $envelope; }
+.icon-linkedin:before { content: $linkedin; }
+.icon-rotate-left:before,
+.icon-undo:before { content: $undo; }
+.icon-legal:before { content: $legal; }
+.icon-dashboard:before { content: $dashboard; }
+.icon-comment-alt:before { content: $comment-alt; }
+.icon-comments-alt:before { content: $comments-alt; }
+.icon-bolt:before { content: $bolt; }
+.icon-sitemap:before { content: $sitemap; }
+.icon-umbrella:before { content: $umbrella; }
+.icon-paste:before { content: $paste; }
+.icon-lightbulb:before { content: $lightbulb; }
+.icon-exchange:before { content: $exchange; }
+.icon-cloud-download:before { content: $cloud-download; }
+.icon-cloud-upload:before { content: $cloud-upload; }
+.icon-user-md:before { content: $user-md; }
+.icon-stethoscope:before { content: $stethoscope; }
+.icon-suitcase:before { content: $suitcase; }
+.icon-bell-alt:before { content: $bell-alt; }
+.icon-coffee:before { content: $coffee; }
+.icon-food:before { content: $food; }
+.icon-file-text-alt:before { content: $file-text-alt; }
+.icon-building:before { content: $building; }
+.icon-hospital:before { content: $hospital; }
+.icon-ambulance:before { content: $ambulance; }
+.icon-medkit:before { content: $medkit; }
+.icon-fighter-jet:before { content: $fighter-jet; }
+.icon-beer:before { content: $beer; }
+.icon-h-sign:before { content: $h-sign; }
+.icon-plus-sign-alt:before { content: $plus-sign-alt; }
+.icon-double-angle-left:before { content: $double-angle-left; }
+.icon-double-angle-right:before { content: $double-angle-right; }
+.icon-double-angle-up:before { content: $double-angle-up; }
+.icon-double-angle-down:before { content: $double-angle-down; }
+.icon-angle-left:before { content: $angle-left; }
+.icon-angle-right:before { content: $angle-right; }
+.icon-angle-up:before { content: $angle-up; }
+.icon-angle-down:before { content: $angle-down; }
+.icon-desktop:before { content: $desktop; }
+.icon-laptop:before { content: $laptop; }
+.icon-tablet:before { content: $tablet; }
+.icon-mobile-phone:before { content: $mobile-phone; }
+.icon-circle-blank:before { content: $circle-blank; }
+.icon-quote-left:before { content: $quote-left; }
+.icon-quote-right:before { content: $quote-right; }
+.icon-spinner:before { content: $spinner; }
+.icon-circle:before { content: $circle; }
+.icon-mail-reply:before,
+.icon-reply:before { content: $reply; }
+.icon-github-alt:before { content: $github-alt; }
+.icon-folder-close-alt:before { content: $folder-close-alt; }
+.icon-folder-open-alt:before { content: $folder-open-alt; }
+.icon-expand-alt:before { content: $expand-alt; }
+.icon-collapse-alt:before { content: $collapse-alt; }
+.icon-smile:before { content: $smile; }
+.icon-frown:before { content: $frown; }
+.icon-meh:before { content: $meh; }
+.icon-gamepad:before { content: $gamepad; }
+.icon-keyboard:before { content: $keyboard; }
+.icon-flag-alt:before { content: $flag-alt; }
+.icon-flag-checkered:before { content: $flag-checkered; }
+.icon-terminal:before { content: $terminal; }
+.icon-code:before { content: $code; }
+.icon-reply-all:before { content: $reply-all; }
+.icon-mail-reply-all:before { content: $mail-reply-all; }
+.icon-star-half-full:before,
+.icon-star-half-empty:before { content: $star-half-empty; }
+.icon-location-arrow:before { content: $location-arrow; }
+.icon-crop:before { content: $crop; }
+.icon-code-fork:before { content: $code-fork; }
+.icon-unlink:before { content: $unlink; }
+.icon-question:before { content: $question; }
+.icon-info:before { content: $info; }
+.icon-exclamation:before { content: $exclamation; }
+.icon-superscript:before { content: $superscript; }
+.icon-subscript:before { content: $subscript; }
+.icon-eraser:before { content: $eraser; }
+.icon-puzzle-piece:before { content: $puzzle-piece; }
+.icon-microphone:before { content: $microphone; }
+.icon-microphone-off:before { content: $microphone-off; }
+.icon-shield:before { content: $shield; }
+.icon-calendar-empty:before { content: $calendar-empty; }
+.icon-fire-extinguisher:before { content: $fire-extinguisher; }
+.icon-rocket:before { content: $rocket; }
+.icon-maxcdn:before { content: $maxcdn; }
+.icon-chevron-sign-left:before { content: $chevron-sign-left; }
+.icon-chevron-sign-right:before { content: $chevron-sign-right; }
+.icon-chevron-sign-up:before { content: $chevron-sign-up; }
+.icon-chevron-sign-down:before { content: $chevron-sign-down; }
+.icon-html5:before { content: $html5; }
+.icon-css3:before { content: $css3; }
+.icon-anchor:before { content: $anchor; }
+.icon-unlock-alt:before { content: $unlock-alt; }
+.icon-bullseye:before { content: $bullseye; }
+.icon-ellipsis-horizontal:before { content: $ellipsis-horizontal; }
+.icon-ellipsis-vertical:before { content: $ellipsis-vertical; }
+.icon-rss-sign:before { content: $rss-sign; }
+.icon-play-sign:before { content: $play-sign; }
+.icon-ticket:before { content: $ticket; }
+.icon-minus-sign-alt:before { content: $minus-sign-alt; }
+.icon-check-minus:before { content: $check-minus; }
+.icon-level-up:before { content: $level-up; }
+.icon-level-down:before { content: $level-down; }
+.icon-check-sign:before { content: $check-sign; }
+.icon-edit-sign:before { content: $edit-sign; }
+.icon-external-link-sign:before { content: $external-link-sign; }
+.icon-share-sign:before { content: $share-sign; }
+.icon-compass:before { content: $compass; }
+.icon-collapse:before { content: $collapse; }
+.icon-collapse-top:before { content: $collapse-top; }
+.icon-expand:before { content: $expand; }
+.icon-euro:before,
+.icon-eur:before { content: $eur; }
+.icon-gbp:before { content: $gbp; }
+.icon-dollar:before,
+.icon-usd:before { content: $usd; }
+.icon-rupee:before,
+.icon-inr:before { content: $inr; }
+.icon-yen:before,
+.icon-jpy:before { content: $jpy; }
+.icon-renminbi:before,
+.icon-cny:before { content: $cny; }
+.icon-won:before,
+.icon-krw:before { content: $krw; }
+.icon-bitcoin:before,
+.icon-btc:before { content: $btc; }
+.icon-file:before { content: $file; }
+.icon-file-text:before { content: $file-text; }
+.icon-sort-by-alphabet:before { content: $sort-by-alphabet; }
+.icon-sort-by-alphabet-alt:before { content: $sort-by-alphabet-alt; }
+.icon-sort-by-attributes:before { content: $sort-by-attributes; }
+.icon-sort-by-attributes-alt:before { content: $sort-by-attributes-alt; }
+.icon-sort-by-order:before { content: $sort-by-order; }
+.icon-sort-by-order-alt:before { content: $sort-by-order-alt; }
+.icon-thumbs-up:before { content: $thumbs-up; }
+.icon-thumbs-down:before { content: $thumbs-down; }
+.icon-youtube-sign:before { content: $youtube-sign; }
+.icon-youtube:before { content: $youtube; }
+.icon-xing:before { content: $xing; }
+.icon-xing-sign:before { content: $xing-sign; }
+.icon-youtube-play:before { content: $youtube-play; }
+.icon-dropbox:before { content: $dropbox; }
+.icon-stackexchange:before { content: $stackexchange; }
+.icon-instagram:before { content: $instagram; }
+.icon-flickr:before { content: $flickr; }
+.icon-adn:before { content: $adn; }
+.icon-bitbucket:before { content: $bitbucket; }
+.icon-bitbucket-sign:before { content: $bitbucket-sign; }
+.icon-tumblr:before { content: $tumblr; }
+.icon-tumblr-sign:before { content: $tumblr-sign; }
+.icon-long-arrow-down:before { content: $long-arrow-down; }
+.icon-long-arrow-up:before { content: $long-arrow-up; }
+.icon-long-arrow-left:before { content: $long-arrow-left; }
+.icon-long-arrow-right:before { content: $long-arrow-right; }
+.icon-apple:before { content: $apple; }
+.icon-windows:before { content: $windows; }
+.icon-android:before { content: $android; }
+.icon-linux:before { content: $linux; }
+.icon-dribbble:before { content: $dribbble; }
+.icon-skype:before { content: $skype; }
+.icon-foursquare:before { content: $foursquare; }
+.icon-trello:before { content: $trello; }
+.icon-female:before { content: $female; }
+.icon-male:before { content: $male; }
+.icon-gittip:before { content: $gittip; }
+.icon-sun:before { content: $sun; }
+.icon-moon:before { content: $moon; }
+.icon-archive:before { content: $archive; }
+.icon-bug:before { content: $bug; }
+.icon-vk:before { content: $vk; }
+.icon-weibo:before { content: $weibo; }
+.icon-renren:before { content: $renren; }
--- /dev/null
+// Mixins
+// --------------------------
+
+@mixin icon($icon) {
+ @include icon-FontAwesome();
+ content: $icon;
+}
+
+@mixin icon-FontAwesome() {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em; // fixes ie7 issues
+}
+
+@mixin border-radius($radius) {
+ -webkit-border-radius: $radius;
+ -moz-border-radius: $radius;
+ border-radius: $radius;
+}
+
+@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
+ .icon-stack {
+ position: relative;
+ display: inline-block;
+ width: $width;
+ height: $height;
+ line-height: $width;
+ vertical-align: -35%;
+ [class^="icon-"],
+ [class*=" icon-"] {
+ display: block;
+ text-align: center;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ font-size: $top-font-size;
+ line-height: inherit;
+ *line-height: $height;
+ }
+ .icon-stack-base {
+ font-size: $base-font-size;
+ *line-height: #{$height / $base-font-size}em;
+ }
+ }
+}
--- /dev/null
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}');
+ src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}') format('embedded-opentype'),
+ url('#{$FontAwesomePath}/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}') format('woff'),
+ url('#{$FontAwesomePath}/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}') format('truetype'),
+ url('#{$FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}') format('svg');
+// src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ font-weight: normal;
+ font-style: normal;
+}
--- /dev/null
+// Variables
+// --------------------------
+
+$FontAwesomePath: "../font" !default;
+$FontAwesomeVersion: "3.2.1" !default;
+$borderColor: #eeeeee !default;
+$iconMuted: #eeeeee !default;
+$iconLight: white !default;
+$iconDark: #333333 !default;
+$icons-li-width: (30em/14);
+
+
+$glass: "\f000";
+
+$music: "\f001";
+
+$search: "\f002";
+
+$envelope-alt: "\f003";
+
+$heart: "\f004";
+
+$star: "\f005";
+
+$star-empty: "\f006";
+
+$user: "\f007";
+
+$film: "\f008";
+
+$th-large: "\f009";
+
+$th: "\f00a";
+
+$th-list: "\f00b";
+
+$ok: "\f00c";
+
+$remove: "\f00d";
+
+$zoom-in: "\f00e";
+
+$zoom-out: "\f010";
+
+$off: "\f011";
+
+$signal: "\f012";
+
+$cog: "\f013";
+
+$trash: "\f014";
+
+$home: "\f015";
+
+$file-alt: "\f016";
+
+$time: "\f017";
+
+$road: "\f018";
+
+$download-alt: "\f019";
+
+$download: "\f01a";
+
+$upload: "\f01b";
+
+$inbox: "\f01c";
+
+$play-circle: "\f01d";
+
+$repeat: "\f01e";
+
+$refresh: "\f021";
+
+$list-alt: "\f022";
+
+$lock: "\f023";
+
+$flag: "\f024";
+
+$headphones: "\f025";
+
+$volume-off: "\f026";
+
+$volume-down: "\f027";
+
+$volume-up: "\f028";
+
+$qrcode: "\f029";
+
+$barcode: "\f02a";
+
+$tag: "\f02b";
+
+$tags: "\f02c";
+
+$book: "\f02d";
+
+$bookmark: "\f02e";
+
+$print: "\f02f";
+
+$camera: "\f030";
+
+$font: "\f031";
+
+$bold: "\f032";
+
+$italic: "\f033";
+
+$text-height: "\f034";
+
+$text-width: "\f035";
+
+$align-left: "\f036";
+
+$align-center: "\f037";
+
+$align-right: "\f038";
+
+$align-justify: "\f039";
+
+$list: "\f03a";
+
+$indent-left: "\f03b";
+
+$indent-right: "\f03c";
+
+$facetime-video: "\f03d";
+
+$picture: "\f03e";
+
+$pencil: "\f040";
+
+$map-marker: "\f041";
+
+$adjust: "\f042";
+
+$tint: "\f043";
+
+$edit: "\f044";
+
+$share: "\f045";
+
+$check: "\f046";
+
+$move: "\f047";
+
+$step-backward: "\f048";
+
+$fast-backward: "\f049";
+
+$backward: "\f04a";
+
+$play: "\f04b";
+
+$pause: "\f04c";
+
+$stop: "\f04d";
+
+$forward: "\f04e";
+
+$fast-forward: "\f050";
+
+$step-forward: "\f051";
+
+$eject: "\f052";
+
+$chevron-left: "\f053";
+
+$chevron-right: "\f054";
+
+$plus-sign: "\f055";
+
+$minus-sign: "\f056";
+
+$remove-sign: "\f057";
+
+$ok-sign: "\f058";
+
+$question-sign: "\f059";
+
+$info-sign: "\f05a";
+
+$screenshot: "\f05b";
+
+$remove-circle: "\f05c";
+
+$ok-circle: "\f05d";
+
+$ban-circle: "\f05e";
+
+$arrow-left: "\f060";
+
+$arrow-right: "\f061";
+
+$arrow-up: "\f062";
+
+$arrow-down: "\f063";
+
+$share-alt: "\f064";
+
+$resize-full: "\f065";
+
+$resize-small: "\f066";
+
+$plus: "\f067";
+
+$minus: "\f068";
+
+$asterisk: "\f069";
+
+$exclamation-sign: "\f06a";
+
+$gift: "\f06b";
+
+$leaf: "\f06c";
+
+$fire: "\f06d";
+
+$eye-open: "\f06e";
+
+$eye-close: "\f070";
+
+$warning-sign: "\f071";
+
+$plane: "\f072";
+
+$calendar: "\f073";
+
+$random: "\f074";
+
+$comment: "\f075";
+
+$magnet: "\f076";
+
+$chevron-up: "\f077";
+
+$chevron-down: "\f078";
+
+$retweet: "\f079";
+
+$shopping-cart: "\f07a";
+
+$folder-close: "\f07b";
+
+$folder-open: "\f07c";
+
+$resize-vertical: "\f07d";
+
+$resize-horizontal: "\f07e";
+
+$bar-chart: "\f080";
+
+$twitter-sign: "\f081";
+
+$facebook-sign: "\f082";
+
+$camera-retro: "\f083";
+
+$key: "\f084";
+
+$cogs: "\f085";
+
+$comments: "\f086";
+
+$thumbs-up-alt: "\f087";
+
+$thumbs-down-alt: "\f088";
+
+$star-half: "\f089";
+
+$heart-empty: "\f08a";
+
+$signout: "\f08b";
+
+$linkedin-sign: "\f08c";
+
+$pushpin: "\f08d";
+
+$external-link: "\f08e";
+
+$signin: "\f090";
+
+$trophy: "\f091";
+
+$github-sign: "\f092";
+
+$upload-alt: "\f093";
+
+$lemon: "\f094";
+
+$phone: "\f095";
+
+$check-empty: "\f096";
+
+$bookmark-empty: "\f097";
+
+$phone-sign: "\f098";
+
+$twitter: "\f099";
+
+$facebook: "\f09a";
+
+$github: "\f09b";
+
+$unlock: "\f09c";
+
+$credit-card: "\f09d";
+
+$rss: "\f09e";
+
+$hdd: "\f0a0";
+
+$bullhorn: "\f0a1";
+
+$bell: "\f0a2";
+
+$certificate: "\f0a3";
+
+$hand-right: "\f0a4";
+
+$hand-left: "\f0a5";
+
+$hand-up: "\f0a6";
+
+$hand-down: "\f0a7";
+
+$circle-arrow-left: "\f0a8";
+
+$circle-arrow-right: "\f0a9";
+
+$circle-arrow-up: "\f0aa";
+
+$circle-arrow-down: "\f0ab";
+
+$globe: "\f0ac";
+
+$wrench: "\f0ad";
+
+$tasks: "\f0ae";
+
+$filter: "\f0b0";
+
+$briefcase: "\f0b1";
+
+$fullscreen: "\f0b2";
+
+$group: "\f0c0";
+
+$link: "\f0c1";
+
+$cloud: "\f0c2";
+
+$beaker: "\f0c3";
+
+$cut: "\f0c4";
+
+$copy: "\f0c5";
+
+$paper-clip: "\f0c6";
+
+$save: "\f0c7";
+
+$sign-blank: "\f0c8";
+
+$reorder: "\f0c9";
+
+$list-ul: "\f0ca";
+
+$list-ol: "\f0cb";
+
+$strikethrough: "\f0cc";
+
+$underline: "\f0cd";
+
+$table: "\f0ce";
+
+$magic: "\f0d0";
+
+$truck: "\f0d1";
+
+$pinterest: "\f0d2";
+
+$pinterest-sign: "\f0d3";
+
+$google-plus-sign: "\f0d4";
+
+$google-plus: "\f0d5";
+
+$money: "\f0d6";
+
+$caret-down: "\f0d7";
+
+$caret-up: "\f0d8";
+
+$caret-left: "\f0d9";
+
+$caret-right: "\f0da";
+
+$columns: "\f0db";
+
+$sort: "\f0dc";
+
+$sort-down: "\f0dd";
+
+$sort-up: "\f0de";
+
+$envelope: "\f0e0";
+
+$linkedin: "\f0e1";
+
+$undo: "\f0e2";
+
+$legal: "\f0e3";
+
+$dashboard: "\f0e4";
+
+$comment-alt: "\f0e5";
+
+$comments-alt: "\f0e6";
+
+$bolt: "\f0e7";
+
+$sitemap: "\f0e8";
+
+$umbrella: "\f0e9";
+
+$paste: "\f0ea";
+
+$lightbulb: "\f0eb";
+
+$exchange: "\f0ec";
+
+$cloud-download: "\f0ed";
+
+$cloud-upload: "\f0ee";
+
+$user-md: "\f0f0";
+
+$stethoscope: "\f0f1";
+
+$suitcase: "\f0f2";
+
+$bell-alt: "\f0f3";
+
+$coffee: "\f0f4";
+
+$food: "\f0f5";
+
+$file-text-alt: "\f0f6";
+
+$building: "\f0f7";
+
+$hospital: "\f0f8";
+
+$ambulance: "\f0f9";
+
+$medkit: "\f0fa";
+
+$fighter-jet: "\f0fb";
+
+$beer: "\f0fc";
+
+$h-sign: "\f0fd";
+
+$plus-sign-alt: "\f0fe";
+
+$double-angle-left: "\f100";
+
+$double-angle-right: "\f101";
+
+$double-angle-up: "\f102";
+
+$double-angle-down: "\f103";
+
+$angle-left: "\f104";
+
+$angle-right: "\f105";
+
+$angle-up: "\f106";
+
+$angle-down: "\f107";
+
+$desktop: "\f108";
+
+$laptop: "\f109";
+
+$tablet: "\f10a";
+
+$mobile-phone: "\f10b";
+
+$circle-blank: "\f10c";
+
+$quote-left: "\f10d";
+
+$quote-right: "\f10e";
+
+$spinner: "\f110";
+
+$circle: "\f111";
+
+$reply: "\f112";
+
+$github-alt: "\f113";
+
+$folder-close-alt: "\f114";
+
+$folder-open-alt: "\f115";
+
+$expand-alt: "\f116";
+
+$collapse-alt: "\f117";
+
+$smile: "\f118";
+
+$frown: "\f119";
+
+$meh: "\f11a";
+
+$gamepad: "\f11b";
+
+$keyboard: "\f11c";
+
+$flag-alt: "\f11d";
+
+$flag-checkered: "\f11e";
+
+$terminal: "\f120";
+
+$code: "\f121";
+
+$reply-all: "\f122";
+
+$mail-reply-all: "\f122";
+
+$star-half-empty: "\f123";
+
+$location-arrow: "\f124";
+
+$crop: "\f125";
+
+$code-fork: "\f126";
+
+$unlink: "\f127";
+
+$question: "\f128";
+
+$info: "\f129";
+
+$exclamation: "\f12a";
+
+$superscript: "\f12b";
+
+$subscript: "\f12c";
+
+$eraser: "\f12d";
+
+$puzzle-piece: "\f12e";
+
+$microphone: "\f130";
+
+$microphone-off: "\f131";
+
+$shield: "\f132";
+
+$calendar-empty: "\f133";
+
+$fire-extinguisher: "\f134";
+
+$rocket: "\f135";
+
+$maxcdn: "\f136";
+
+$chevron-sign-left: "\f137";
+
+$chevron-sign-right: "\f138";
+
+$chevron-sign-up: "\f139";
+
+$chevron-sign-down: "\f13a";
+
+$html5: "\f13b";
+
+$css3: "\f13c";
+
+$anchor: "\f13d";
+
+$unlock-alt: "\f13e";
+
+$bullseye: "\f140";
+
+$ellipsis-horizontal: "\f141";
+
+$ellipsis-vertical: "\f142";
+
+$rss-sign: "\f143";
+
+$play-sign: "\f144";
+
+$ticket: "\f145";
+
+$minus-sign-alt: "\f146";
+
+$check-minus: "\f147";
+
+$level-up: "\f148";
+
+$level-down: "\f149";
+
+$check-sign: "\f14a";
+
+$edit-sign: "\f14b";
+
+$external-link-sign: "\f14c";
+
+$share-sign: "\f14d";
+
+$compass: "\f14e";
+
+$collapse: "\f150";
+
+$collapse-top: "\f151";
+
+$expand: "\f152";
+
+$eur: "\f153";
+
+$gbp: "\f154";
+
+$usd: "\f155";
+
+$inr: "\f156";
+
+$jpy: "\f157";
+
+$cny: "\f158";
+
+$krw: "\f159";
+
+$btc: "\f15a";
+
+$file: "\f15b";
+
+$file-text: "\f15c";
+
+$sort-by-alphabet: "\f15d";
+
+$sort-by-alphabet-alt: "\f15e";
+
+$sort-by-attributes: "\f160";
+
+$sort-by-attributes-alt: "\f161";
+
+$sort-by-order: "\f162";
+
+$sort-by-order-alt: "\f163";
+
+$thumbs-up: "\f164";
+
+$thumbs-down: "\f165";
+
+$youtube-sign: "\f166";
+
+$youtube: "\f167";
+
+$xing: "\f168";
+
+$xing-sign: "\f169";
+
+$youtube-play: "\f16a";
+
+$dropbox: "\f16b";
+
+$stackexchange: "\f16c";
+
+$instagram: "\f16d";
+
+$flickr: "\f16e";
+
+$adn: "\f170";
+
+$bitbucket: "\f171";
+
+$bitbucket-sign: "\f172";
+
+$tumblr: "\f173";
+
+$tumblr-sign: "\f174";
+
+$long-arrow-down: "\f175";
+
+$long-arrow-up: "\f176";
+
+$long-arrow-left: "\f177";
+
+$long-arrow-right: "\f178";
+
+$apple: "\f179";
+
+$windows: "\f17a";
+
+$android: "\f17b";
+
+$linux: "\f17c";
+
+$dribbble: "\f17d";
+
+$skype: "\f17e";
+
+$foursquare: "\f180";
+
+$trello: "\f181";
+
+$female: "\f182";
+
+$male: "\f183";
+
+$gittip: "\f184";
+
+$sun: "\f185";
+
+$moon: "\f186";
+
+$archive: "\f187";
+
+$bug: "\f188";
+
+$vk: "\f189";
+
+$weibo: "\f18a";
+
+$renren: "\f18b";
+
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
- * Twitter: http://twitter.com/byscuits
+ * Twitter: http://twitter.com/davegandy
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
--- /dev/null
+/*!
+ * Font Awesome 3.2.1
+ * the iconic font designed for Bootstrap
+ * ------------------------------------------------------------------------------
+ * The full suite of pictographic icons, examples, and documentation can be
+ * found at http://fontawesome.io. Stay up to date on Twitter at
+ * http://twitter.com/fontawesome.
+ *
+ * License
+ * ------------------------------------------------------------------------------
+ * - The Font Awesome font is licensed under SIL OFL 1.1 -
+ * http://scripts.sil.org/OFL
+ * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
+ * http://opensource.org/licenses/mit-license.html
+ * - Font Awesome documentation licensed under CC BY 3.0 -
+ * http://creativecommons.org/licenses/by/3.0/
+ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
+ * "Font Awesome by Dave Gandy - http://fontawesome.io"
+ *
+ * Author - Dave Gandy
+ * ------------------------------------------------------------------------------
+ * Email: dave@fontawesome.io
+ * Twitter: http://twitter.com/davegandy
+ * Work: Lead Product Designer @ Kyruus - http://kyruus.com
+ */
+
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "bootstrap";
+@import "extras";
+@import "icons";
--- /dev/null
+/*!
+ * zeroclipboard
+ * The Zero Clipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface.
+ * Copyright 2012 Jon Rohan, James M. Greene, .
+ * Released under the MIT license
+ * http://jonrohan.github.com/ZeroClipboard/
+ * v1.1.7
+ */(function(){"use strict";var a=function(a,b){var c=a.style[b];a.currentStyle?c=a.currentStyle[b]:window.getComputedStyle&&(c=document.defaultView.getComputedStyle(a,null).getPropertyValue(b));if(c=="auto"&&b=="cursor"){var d=["a"];for(var e=0;e<d.length;e++)if(a.tagName.toLowerCase()==d[e])return"pointer"}return c},b=function(a){if(!l.prototype._singleton)return;a||(a=window.event);var b;this!==window?b=this:a.target?b=a.target:a.srcElement&&(b=a.srcElement),l.prototype._singleton.setCurrent(b)},c=function(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent("on"+b,c)},d=function(a,b,c){a.removeEventListener?a.removeEventListener(b,c,!1):a.detachEvent&&a.detachEvent("on"+b,c)},e=function(a,b){if(a.addClass)return a.addClass(b),a;if(b&&typeof b=="string"){var c=(b||"").split(/\s+/);if(a.nodeType===1)if(!a.className)a.className=b;else{var d=" "+a.className+" ",e=a.className;for(var f=0,g=c.length;f<g;f++)d.indexOf(" "+c[f]+" ")<0&&(e+=" "+c[f]);a.className=e.replace(/^\s+|\s+$/g,"")}}return a},f=function(a,b){if(a.removeClass)return a.removeClass(b),a;if(b&&typeof b=="string"||b===undefined){var c=(b||"").split(/\s+/);if(a.nodeType===1&&a.className)if(b){var d=(" "+a.className+" ").replace(/[\n\t]/g," ");for(var e=0,f=c.length;e<f;e++)d=d.replace(" "+c[e]+" "," ");a.className=d.replace(/^\s+|\s+$/g,"")}else a.className=""}return a},g=function(b){var c={left:0,top:0,width:b.width||b.offsetWidth||0,height:b.height||b.offsetHeight||0,zIndex:9999},d=a(b,"zIndex");d&&d!="auto"&&(c.zIndex=parseInt(d,10));while(b){var e=parseInt(a(b,"borderLeftWidth"),10),f=parseInt(a(b,"borderTopWidth"),10);c.left+=isNaN(b.offsetLeft)?0:b.offsetLeft,c.left+=isNaN(e)?0:e,c.top+=isNaN(b.offsetTop)?0:b.offsetTop,c.top+=isNaN(f)?0:f,b=b.offsetParent}return c},h=function(a){return(a.indexOf("?")>=0?"&":"?")+"nocache="+(new Date).getTime()},i=function(a){var b=[];return a.trustedDomains&&(typeof a.trustedDomains=="string"?b.push("trustedDomain="+a.trustedDomains):b.push("trustedDomain="+a.trustedDomains.join(","))),b.join("&")},j=function(a,b){if(b.indexOf)return b.indexOf(a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},k=function(a){if(typeof a=="string")throw new TypeError("ZeroClipboard doesn't accept query strings.");return a.length?a:[a]},l=function(a,b){a&&(l.prototype._singleton||this).glue(a);if(l.prototype._singleton)return l.prototype._singleton;l.prototype._singleton=this,this.options={};for(var c in o)this.options[c]=o[c];for(var d in b)this.options[d]=b[d];this.handlers={},l.detectFlashSupport()&&p()},m,n=[];l.prototype.setCurrent=function(b){m=b,this.reposition(),b.getAttribute("title")&&this.setTitle(b.getAttribute("title")),this.setHandCursor(a(b,"cursor")=="pointer")},l.prototype.setText=function(a){a&&a!==""&&(this.options.text=a,this.ready()&&this.flashBridge.setText(a))},l.prototype.setTitle=function(a){a&&a!==""&&this.htmlBridge.setAttribute("title",a)},l.prototype.setSize=function(a,b){this.ready()&&this.flashBridge.setSize(a,b)},l.prototype.setHandCursor=function(a){this.ready()&&this.flashBridge.setHandCursor(a)},l.version="1.1.7";var o={moviePath:"ZeroClipboard.swf",trustedDomains:null,text:null,hoverClass:"zeroclipboard-is-hover",activeClass:"zeroclipboard-is-active",allowScriptAccess:"sameDomain"};l.setDefaults=function(a){for(var b in a)o[b]=a[b]},l.destroy=function(){l.prototype._singleton.unglue(n);var a=l.prototype._singleton.htmlBridge;a.parentNode.removeChild(a),delete l.prototype._singleton},l.detectFlashSupport=function(){var a=!1;try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash")&&(a=!0)}catch(b){navigator.mimeTypes["application/x-shockwave-flash"]&&(a=!0)}return a};var p=function(){var a=l.prototype._singleton,b=document.getElementById("global-zeroclipboard-html-bridge");if(!b){var c=' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="global-zeroclipboard-flash-bridge" width="100%" height="100%"> <param name="movie" value="'+a.options.moviePath+h(a.options.moviePath)+'"/> <param name="allowScriptAccess" value="'+a.options.allowScriptAccess+'"/> <param name="scale" value="exactfit"/> <param name="loop" value="false"/> <param name="menu" value="false"/> <param name="quality" value="best" /> <param name="bgcolor" value="#ffffff"/> <param name="wmode" value="transparent"/> <param name="flashvars" value="'+i(a.options)+'"/> <embed src="'+a.options.moviePath+h(a.options.moviePath)+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="100%" height="100%" name="global-zeroclipboard-flash-bridge" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="'+i(a.options)+'" scale="exactfit"> </embed> </object>';b=document.createElement("div"),b.id="global-zeroclipboard-html-bridge",b.setAttribute("class","global-zeroclipboard-container"),b.setAttribute("data-clipboard-ready",!1),b.style.position="absolute",b.style.left="-9999px",b.style.top="-9999px",b.style.width="15px",b.style.height="15px",b.style.zIndex="9999",b.innerHTML=c,document.body.appendChild(b)}a.htmlBridge=b,a.flashBridge=document["global-zeroclipboard-flash-bridge"]||b.children[0].lastElementChild};l.prototype.resetBridge=function(){this.htmlBridge.style.left="-9999px",this.htmlBridge.style.top="-9999px",this.htmlBridge.removeAttribute("title"),this.htmlBridge.removeAttribute("data-clipboard-text"),f(m,this.options.activeClass),m=null,this.options.text=null},l.prototype.ready=function(){var a=this.htmlBridge.getAttribute("data-clipboard-ready");return a==="true"||a===!0},l.prototype.reposition=function(){if(!m)return!1;var a=g(m);this.htmlBridge.style.top=a.top+"px",this.htmlBridge.style.left=a.left+"px",this.htmlBridge.style.width=a.width+"px",this.htmlBridge.style.height=a.height+"px",this.htmlBridge.style.zIndex=a.zIndex+1,this.setSize(a.width,a.height)},l.dispatch=function(a,b){l.prototype._singleton.receiveEvent(a,b)},l.prototype.on=function(a,b){var c=a.toString().split(/\s/g);for(var d=0;d<c.length;d++)a=c[d].toLowerCase().replace(/^on/,""),this.handlers[a]||(this.handlers[a]=b);this.handlers.noflash&&!l.detectFlashSupport()&&this.receiveEvent("onNoFlash",null)},l.prototype.addEventListener=l.prototype.on,l.prototype.off=function(a,b){var c=a.toString().split(/\s/g);for(var d=0;d<c.length;d++){a=c[d].toLowerCase().replace(/^on/,"");for(var e in this.handlers)e===a&&this.handlers[e]===b&&delete this.handlers[e]}},l.prototype.removeEventListener=l.prototype.off,l.prototype.receiveEvent=function(a,b){a=a.toString().toLowerCase().replace(/^on/,"");var c=m;switch(a){case"load":if(b&&parseFloat(b.flashVersion.replace(",",".").replace(/[^0-9\.]/gi,""))<10){this.receiveEvent("onWrongFlash",{flashVersion:b.flashVersion});return}this.htmlBridge.setAttribute("data-clipboard-ready",!0);break;case"mouseover":e(c,this.options.hoverClass);break;case"mouseout":f(c,this.options.hoverClass),this.resetBridge();break;case"mousedown":e(c,this.options.activeClass);break;case"mouseup":f(c,this.options.activeClass);break;case"datarequested":var d=c.getAttribute("data-clipboard-target"),g=d?document.getElementById(d):null;if(g){var h=g.value||g.textContent||g.innerText;h&&this.setText(h)}else{var i=c.getAttribute("data-clipboard-text");i&&this.setText(i)}break;case"complete":this.options.text=null}if(this.handlers[a]){var j=this.handlers[a];typeof j=="function"?j.call(c,this,b):typeof j=="string"&&window[j].call(c,this,b)}},l.prototype.glue=function(a){a=k(a);for(var d=0;d<a.length;d++)j(a[d],n)==-1&&(n.push(a[d]),c(a[d],"mouseover",b))},l.prototype.unglue=function(a){a=k(a);for(var c=0;c<a.length;c++){d(a[c],"mouseover",b);var e=j(a[c],n);e!=-1&&n.splice(e,1)}},typeof module!="undefined"?module.exports=l:typeof define=="function"&&define.amd?define(function(){return l}):window.ZeroClipboard=l})();
\ No newline at end of file
--- /dev/null
+// Backbone.js 0.9.1
+
+// (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc.
+// Backbone may be freely distributed under the MIT license.
+// For all details and documentation:
+// http://backbonejs.org
+(function(){var i=this,r=i.Backbone,s=Array.prototype.slice,t=Array.prototype.splice,g;g="undefined"!==typeof exports?exports:i.Backbone={};g.VERSION="0.9.1";var f=i._;!f&&"undefined"!==typeof require&&(f=require("underscore"));var h=i.jQuery||i.Zepto||i.ender;g.setDomLibrary=function(a){h=a};g.noConflict=function(){i.Backbone=r;return this};g.emulateHTTP=!1;g.emulateJSON=!1;g.Events={on:function(a,b,c){for(var d,a=a.split(/\s+/),e=this._callbacks||(this._callbacks={});d=a.shift();){d=e[d]||(e[d]=
+{});var f=d.tail||(d.tail=d.next={});f.callback=b;f.context=c;d.tail=f.next={}}return this},off:function(a,b,c){var d,e,f;if(a){if(e=this._callbacks)for(a=a.split(/\s+/);d=a.shift();)if(f=e[d],delete e[d],b&&f)for(;(f=f.next)&&f.next;)if(!(f.callback===b&&(!c||f.context===c)))this.on(d,f.callback,f.context)}else delete this._callbacks;return this},trigger:function(a){var b,c,d,e;if(!(d=this._callbacks))return this;e=d.all;for((a=a.split(/\s+/)).push(null);b=a.shift();)e&&a.push({next:e.next,tail:e.tail,
+event:b}),(c=d[b])&&a.push({next:c.next,tail:c.tail});for(e=s.call(arguments,1);c=a.pop();){b=c.tail;for(d=c.event?[c.event].concat(e):e;(c=c.next)!==b;)c.callback.apply(c.context||this,d)}return this}};g.Events.bind=g.Events.on;g.Events.unbind=g.Events.off;g.Model=function(a,b){var c;a||(a={});b&&b.parse&&(a=this.parse(a));if(c=j(this,"defaults"))a=f.extend({},c,a);b&&b.collection&&(this.collection=b.collection);this.attributes={};this._escapedAttributes={};this.cid=f.uniqueId("c");if(!this.set(a,
+{silent:!0}))throw Error("Can't create an invalid model");delete this._changed;this._previousAttributes=f.clone(this.attributes);this.initialize.apply(this,arguments)};f.extend(g.Model.prototype,g.Events,{idAttribute:"id",initialize:function(){},toJSON:function(){return f.clone(this.attributes)},get:function(a){return this.attributes[a]},escape:function(a){var b;if(b=this._escapedAttributes[a])return b;b=this.attributes[a];return this._escapedAttributes[a]=f.escape(null==b?"":""+b)},has:function(a){return null!=
+this.attributes[a]},set:function(a,b,c){var d,e;f.isObject(a)||null==a?(d=a,c=b):(d={},d[a]=b);c||(c={});if(!d)return this;d instanceof g.Model&&(d=d.attributes);if(c.unset)for(e in d)d[e]=void 0;if(!this._validate(d,c))return!1;this.idAttribute in d&&(this.id=d[this.idAttribute]);var b=this.attributes,k=this._escapedAttributes,n=this._previousAttributes||{},h=this._setting;this._changed||(this._changed={});this._setting=!0;for(e in d)if(a=d[e],f.isEqual(b[e],a)||delete k[e],c.unset?delete b[e]:b[e]=
+a,this._changing&&!f.isEqual(this._changed[e],a)&&(this.trigger("change:"+e,this,a,c),this._moreChanges=!0),delete this._changed[e],!f.isEqual(n[e],a)||f.has(b,e)!=f.has(n,e))this._changed[e]=a;h||(!c.silent&&this.hasChanged()&&this.change(c),this._setting=!1);return this},unset:function(a,b){(b||(b={})).unset=!0;return this.set(a,null,b)},clear:function(a){(a||(a={})).unset=!0;return this.set(f.clone(this.attributes),a)},fetch:function(a){var a=a?f.clone(a):{},b=this,c=a.success;a.success=function(d,
+e,f){if(!b.set(b.parse(d,f),a))return!1;c&&c(b,d)};a.error=g.wrapError(a.error,b,a);return(this.sync||g.sync).call(this,"read",this,a)},save:function(a,b,c){var d,e;f.isObject(a)||null==a?(d=a,c=b):(d={},d[a]=b);c=c?f.clone(c):{};c.wait&&(e=f.clone(this.attributes));a=f.extend({},c,{silent:!0});if(d&&!this.set(d,c.wait?a:c))return!1;var k=this,h=c.success;c.success=function(a,b,e){b=k.parse(a,e);c.wait&&(b=f.extend(d||{},b));if(!k.set(b,c))return!1;h?h(k,a):k.trigger("sync",k,a,c)};c.error=g.wrapError(c.error,
+k,c);b=this.isNew()?"create":"update";b=(this.sync||g.sync).call(this,b,this,c);c.wait&&this.set(e,a);return b},destroy:function(a){var a=a?f.clone(a):{},b=this,c=a.success,d=function(){b.trigger("destroy",b,b.collection,a)};if(this.isNew())return d();a.success=function(e){a.wait&&d();c?c(b,e):b.trigger("sync",b,e,a)};a.error=g.wrapError(a.error,b,a);var e=(this.sync||g.sync).call(this,"delete",this,a);a.wait||d();return e},url:function(){var a=j(this.collection,"url")||j(this,"urlRoot")||o();return this.isNew()?
+a:a+("/"==a.charAt(a.length-1)?"":"/")+encodeURIComponent(this.id)},parse:function(a){return a},clone:function(){return new this.constructor(this.attributes)},isNew:function(){return null==this.id},change:function(a){if(this._changing||!this.hasChanged())return this;this._moreChanges=this._changing=!0;for(var b in this._changed)this.trigger("change:"+b,this,this._changed[b],a);for(;this._moreChanges;)this._moreChanges=!1,this.trigger("change",this,a);this._previousAttributes=f.clone(this.attributes);
+delete this._changed;this._changing=!1;return this},hasChanged:function(a){return!arguments.length?!f.isEmpty(this._changed):this._changed&&f.has(this._changed,a)},changedAttributes:function(a){if(!a)return this.hasChanged()?f.clone(this._changed):!1;var b,c=!1,d=this._previousAttributes,e;for(e in a)if(!f.isEqual(d[e],b=a[e]))(c||(c={}))[e]=b;return c},previous:function(a){return!arguments.length||!this._previousAttributes?null:this._previousAttributes[a]},previousAttributes:function(){return f.clone(this._previousAttributes)},
+isValid:function(){return!this.validate(this.attributes)},_validate:function(a,b){if(b.silent||!this.validate)return!0;var a=f.extend({},this.attributes,a),c=this.validate(a,b);if(!c)return!0;b&&b.error?b.error(this,c,b):this.trigger("error",this,c,b);return!1}});g.Collection=function(a,b){b||(b={});b.comparator&&(this.comparator=b.comparator);this._reset();this.initialize.apply(this,arguments);a&&this.reset(a,{silent:!0,parse:b.parse})};f.extend(g.Collection.prototype,g.Events,{model:g.Model,initialize:function(){},
+toJSON:function(){return this.map(function(a){return a.toJSON()})},add:function(a,b){var c,d,e,g,h,i={},j={};b||(b={});a=f.isArray(a)?a.slice():[a];for(c=0,d=a.length;c<d;c++){if(!(e=a[c]=this._prepareModel(a[c],b)))throw Error("Can't add an invalid model to a collection");if(i[g=e.cid]||this._byCid[g]||null!=(h=e.id)&&(j[h]||this._byId[h]))throw Error("Can't add the same model to a collection twice");i[g]=j[h]=e}for(c=0;c<d;c++)(e=a[c]).on("all",this._onModelEvent,this),this._byCid[e.cid]=e,null!=
+e.id&&(this._byId[e.id]=e);this.length+=d;t.apply(this.models,[null!=b.at?b.at:this.models.length,0].concat(a));this.comparator&&this.sort({silent:!0});if(b.silent)return this;for(c=0,d=this.models.length;c<d;c++)if(i[(e=this.models[c]).cid])b.index=c,e.trigger("add",e,this,b);return this},remove:function(a,b){var c,d,e,g;b||(b={});a=f.isArray(a)?a.slice():[a];for(c=0,d=a.length;c<d;c++)if(g=this.getByCid(a[c])||this.get(a[c]))delete this._byId[g.id],delete this._byCid[g.cid],e=this.indexOf(g),this.models.splice(e,
+1),this.length--,b.silent||(b.index=e,g.trigger("remove",g,this,b)),this._removeReference(g);return this},get:function(a){return null==a?null:this._byId[null!=a.id?a.id:a]},getByCid:function(a){return a&&this._byCid[a.cid||a]},at:function(a){return this.models[a]},sort:function(a){a||(a={});if(!this.comparator)throw Error("Cannot sort a set without a comparator");var b=f.bind(this.comparator,this);1==this.comparator.length?this.models=this.sortBy(b):this.models.sort(b);a.silent||this.trigger("reset",
+this,a);return this},pluck:function(a){return f.map(this.models,function(b){return b.get(a)})},reset:function(a,b){a||(a=[]);b||(b={});for(var c=0,d=this.models.length;c<d;c++)this._removeReference(this.models[c]);this._reset();this.add(a,{silent:!0,parse:b.parse});b.silent||this.trigger("reset",this,b);return this},fetch:function(a){a=a?f.clone(a):{};void 0===a.parse&&(a.parse=!0);var b=this,c=a.success;a.success=function(d,e,f){b[a.add?"add":"reset"](b.parse(d,f),a);c&&c(b,d)};a.error=g.wrapError(a.error,
+b,a);return(this.sync||g.sync).call(this,"read",this,a)},create:function(a,b){var c=this,b=b?f.clone(b):{},a=this._prepareModel(a,b);if(!a)return!1;b.wait||c.add(a,b);var d=b.success;b.success=function(e,f){b.wait&&c.add(e,b);d?d(e,f):e.trigger("sync",a,f,b)};a.save(null,b);return a},parse:function(a){return a},chain:function(){return f(this.models).chain()},_reset:function(){this.length=0;this.models=[];this._byId={};this._byCid={}},_prepareModel:function(a,b){a instanceof g.Model?a.collection||
+(a.collection=this):(b.collection=this,a=new this.model(a,b),a._validate(a.attributes,b)||(a=!1));return a},_removeReference:function(a){this==a.collection&&delete a.collection;a.off("all",this._onModelEvent,this)},_onModelEvent:function(a,b,c,d){("add"==a||"remove"==a)&&c!=this||("destroy"==a&&this.remove(b,d),b&&a==="change:"+b.idAttribute&&(delete this._byId[b.previous(b.idAttribute)],this._byId[b.id]=b),this.trigger.apply(this,arguments))}});f.each("forEach,each,map,reduce,reduceRight,find,detect,filter,select,reject,every,all,some,any,include,contains,invoke,max,min,sortBy,sortedIndex,toArray,size,first,initial,rest,last,without,indexOf,shuffle,lastIndexOf,isEmpty,groupBy".split(","),
+function(a){g.Collection.prototype[a]=function(){return f[a].apply(f,[this.models].concat(f.toArray(arguments)))}});g.Router=function(a){a||(a={});a.routes&&(this.routes=a.routes);this._bindRoutes();this.initialize.apply(this,arguments)};var u=/:\w+/g,v=/\*\w+/g,w=/[-[\]{}()+?.,\\^$|#\s]/g;f.extend(g.Router.prototype,g.Events,{initialize:function(){},route:function(a,b,c){g.history||(g.history=new g.History);f.isRegExp(a)||(a=this._routeToRegExp(a));c||(c=this[b]);g.history.route(a,f.bind(function(d){d=
+this._extractParameters(a,d);c&&c.apply(this,d);this.trigger.apply(this,["route:"+b].concat(d));g.history.trigger("route",this,b,d)},this));return this},navigate:function(a,b){g.history.navigate(a,b)},_bindRoutes:function(){if(this.routes){var a=[],b;for(b in this.routes)a.unshift([b,this.routes[b]]);b=0;for(var c=a.length;b<c;b++)this.route(a[b][0],a[b][1],this[a[b][1]])}},_routeToRegExp:function(a){a=a.replace(w,"\\$&").replace(u,"([^/]+)").replace(v,"(.*?)");return RegExp("^"+a+"$")},_extractParameters:function(a,
+b){return a.exec(b).slice(1)}});g.History=function(){this.handlers=[];f.bindAll(this,"checkUrl")};var m=/^[#\/]/,x=/msie [\w.]+/,l=!1;f.extend(g.History.prototype,g.Events,{interval:50,getFragment:function(a,b){if(null==a)if(this._hasPushState||b){var a=window.location.pathname,c=window.location.search;c&&(a+=c)}else a=window.location.hash;a=decodeURIComponent(a);a.indexOf(this.options.root)||(a=a.substr(this.options.root.length));return a.replace(m,"")},start:function(a){if(l)throw Error("Backbone.history has already been started");
+this.options=f.extend({},{root:"/"},this.options,a);this._wantsHashChange=!1!==this.options.hashChange;this._wantsPushState=!!this.options.pushState;this._hasPushState=!(!this.options.pushState||!window.history||!window.history.pushState);var a=this.getFragment(),b=document.documentMode;if(b=x.exec(navigator.userAgent.toLowerCase())&&(!b||7>=b))this.iframe=h('<iframe src="javascript:0" tabindex="-1" />').hide().appendTo("body")[0].contentWindow,this.navigate(a);this._hasPushState?h(window).bind("popstate",
+this.checkUrl):this._wantsHashChange&&"onhashchange"in window&&!b?h(window).bind("hashchange",this.checkUrl):this._wantsHashChange&&(this._checkUrlInterval=setInterval(this.checkUrl,this.interval));this.fragment=a;l=!0;a=window.location;b=a.pathname==this.options.root;if(this._wantsHashChange&&this._wantsPushState&&!this._hasPushState&&!b)return this.fragment=this.getFragment(null,!0),window.location.replace(this.options.root+"#"+this.fragment),!0;this._wantsPushState&&this._hasPushState&&b&&a.hash&&
+(this.fragment=a.hash.replace(m,""),window.history.replaceState({},document.title,a.protocol+"//"+a.host+this.options.root+this.fragment));if(!this.options.silent)return this.loadUrl()},stop:function(){h(window).unbind("popstate",this.checkUrl).unbind("hashchange",this.checkUrl);clearInterval(this._checkUrlInterval);l=!1},route:function(a,b){this.handlers.unshift({route:a,callback:b})},checkUrl:function(){var a=this.getFragment();a==this.fragment&&this.iframe&&(a=this.getFragment(this.iframe.location.hash));
+if(a==this.fragment||a==decodeURIComponent(this.fragment))return!1;this.iframe&&this.navigate(a);this.loadUrl()||this.loadUrl(window.location.hash)},loadUrl:function(a){var b=this.fragment=this.getFragment(a);return f.any(this.handlers,function(a){if(a.route.test(b))return a.callback(b),!0})},navigate:function(a,b){if(!l)return!1;if(!b||!0===b)b={trigger:b};var c=(a||"").replace(m,"");this.fragment==c||this.fragment==decodeURIComponent(c)||(this._hasPushState?(0!=c.indexOf(this.options.root)&&(c=
+this.options.root+c),this.fragment=c,window.history[b.replace?"replaceState":"pushState"]({},document.title,c)):this._wantsHashChange?(this.fragment=c,this._updateHash(window.location,c,b.replace),this.iframe&&c!=this.getFragment(this.iframe.location.hash)&&(b.replace||this.iframe.document.open().close(),this._updateHash(this.iframe.location,c,b.replace))):window.location.assign(this.options.root+a),b.trigger&&this.loadUrl(a))},_updateHash:function(a,b,c){c?a.replace(a.toString().replace(/(javascript:|#).*$/,
+"")+"#"+b):a.hash=b}});g.View=function(a){this.cid=f.uniqueId("view");this._configure(a||{});this._ensureElement();this.initialize.apply(this,arguments);this.delegateEvents()};var y=/^(\S+)\s*(.*)$/,p="model,collection,el,id,attributes,className,tagName".split(",");f.extend(g.View.prototype,g.Events,{tagName:"div",$:function(a){return this.$el.find(a)},initialize:function(){},render:function(){return this},remove:function(){this.$el.remove();return this},make:function(a,b,c){a=document.createElement(a);
+b&&h(a).attr(b);c&&h(a).html(c);return a},setElement:function(a,b){this.$el=h(a);this.el=this.$el[0];!1!==b&&this.delegateEvents();return this},delegateEvents:function(a){if(a||(a=j(this,"events"))){this.undelegateEvents();for(var b in a){var c=a[b];f.isFunction(c)||(c=this[a[b]]);if(!c)throw Error('Event "'+a[b]+'" does not exist');var d=b.match(y),e=d[1],d=d[2],c=f.bind(c,this),e=e+(".delegateEvents"+this.cid);""===d?this.$el.bind(e,c):this.$el.delegate(d,e,c)}}},undelegateEvents:function(){this.$el.unbind(".delegateEvents"+
+this.cid)},_configure:function(a){this.options&&(a=f.extend({},this.options,a));for(var b=0,c=p.length;b<c;b++){var d=p[b];a[d]&&(this[d]=a[d])}this.options=a},_ensureElement:function(){if(this.el)this.setElement(this.el,!1);else{var a=j(this,"attributes")||{};this.id&&(a.id=this.id);this.className&&(a["class"]=this.className);this.setElement(this.make(this.tagName,a),!1)}}});g.Model.extend=g.Collection.extend=g.Router.extend=g.View.extend=function(a,b){var c=z(this,a,b);c.extend=this.extend;return c};
+var A={create:"POST",update:"PUT","delete":"DELETE",read:"GET"};g.sync=function(a,b,c){var d=A[a],e={type:d,dataType:"json"};c.url||(e.url=j(b,"url")||o());if(!c.data&&b&&("create"==a||"update"==a))e.contentType="application/json",e.data=JSON.stringify(b.toJSON());g.emulateJSON&&(e.contentType="application/x-www-form-urlencoded",e.data=e.data?{model:e.data}:{});if(g.emulateHTTP&&("PUT"===d||"DELETE"===d))g.emulateJSON&&(e.data._method=d),e.type="POST",e.beforeSend=function(a){a.setRequestHeader("X-HTTP-Method-Override",
+d)};"GET"!==e.type&&!g.emulateJSON&&(e.processData=!1);return h.ajax(f.extend(e,c))};g.wrapError=function(a,b,c){return function(d,e){e=d===b?e:d;a?a(b,e,c):b.trigger("error",b,e,c)}};var q=function(){},z=function(a,b,c){var d;d=b&&b.hasOwnProperty("constructor")?b.constructor:function(){a.apply(this,arguments)};f.extend(d,a);q.prototype=a.prototype;d.prototype=new q;b&&f.extend(d.prototype,b);c&&f.extend(d,c);d.prototype.constructor=d;d.__super__=a.prototype;return d},j=function(a,b){return!a||!a[b]?
+null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property or function must be specified');}}).call(this);
--- /dev/null
+/*!
+* Bootstrap.js by @fat & @mdo
+* Copyright 2012 Twitter, Inc.
+* http://www.apache.org/licenses/LICENSE-2.0.txt
+*/
+!function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},getActiveIndex:function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},to:function(t){var n=this.getActiveIndex(),r=this;if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){r.to(t)}):n==t?this.pause().cycle():this.slide(t>n?"next":"prev",e(this.$items[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u](),f=e.Event("slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning||this.$element.hasClass("in"))return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning||!this.$element.hasClass("in"))return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},e.fn.collapse.defaults,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function r(){e(t).each(function(){i(e(this)).removeClass("open")})}function i(t){var n=t.attr("data-target"),r;n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,"")),r=n&&e(n);if(!r||!r.length)r=t.parent();return r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||s.toggleClass("open"),n.focus(),!1},keydown:function(n){var r,s,o,u,a,f;if(!/(38|40|27)/.test(n.keyCode))return;r=e(this),n.preventDefault(),n.stopPropagation();if(r.is(".disabled, :disabled"))return;u=i(r),a=u.hasClass("open");if(!a||a&&n.keyCode==27)return n.which==27&&u.find(t).focus(),r.click();s=e("[role=menu] li:not(.divider):visible a",u);if(!s.length)return;f=s.index(s.filter(":focus")),n.keyCode==38&&f>0&&f--,n.keyCode==40&&f<s.length-1&&f++,~f||(f=0),s.eq(f).focus()}};var s=e.fn.dropdown;e.fn.dropdown=function(t){return this.each(function(){var r=e(this),i=r.data("dropdown");i||r.data("dropdown",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.dropdown.Constructor=n,e.fn.dropdown.noConflict=function(){return e.fn.dropdown=s,this},e(document).on("click.dropdown.data-api",r).on("click.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on("click.dropdown-menu",function(e){e.stopPropagation()}).on("click.dropdown.data-api",t,n.prototype.toggle).on("keydown.dropdown.data-api",t+", [role=menu]",n.prototype.keydown)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=n,this.$element=e(t).delegate('[data-dismiss="modal"]',"click.dismiss.modal",e.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};t.prototype={constructor:t,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var t=this,n=e.Event("show");this.$element.trigger(n);if(this.isShown||n.isDefaultPrevented())return;this.isShown=!0,this.escape(),this.backdrop(function(){var n=e.support.transition&&t.$element.hasClass("fade");t.$element.parent().length||t.$element.appendTo(document.body),t.$element.show(),n&&t.$element[0].offsetWidth,t.$element.addClass("in").attr("aria-hidden",!1),t.enforceFocus(),n?t.$element.one(e.support.transition.end,function(){t.$element.focus().trigger("shown")}):t.$element.focus().trigger("shown")})},hide:function(t){t&&t.preventDefault();var n=this;t=e.Event("hide"),this.$element.trigger(t);if(!this.isShown||t.isDefaultPrevented())return;this.isShown=!1,this.escape(),e(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),e.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal()},enforceFocus:function(){var t=this;e(document).on("focusin.modal",function(e){t.$element[0]!==e.target&&!t.$element.has(e.target).length&&t.$element.focus()})},escape:function(){var e=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(t){t.which==27&&e.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var t=this,n=setTimeout(function(){t.$element.off(e.support.transition.end),t.hideModal()},500);this.$element.one(e.support.transition.end,function(){clearTimeout(n),t.hideModal()})},hideModal:function(){var e=this;this.$element.hide(),this.backdrop(function(){e.removeBackdrop(),e.$element.trigger("hidden")})},removeBackdrop:function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},backdrop:function(t){var n=this,r=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var i=e.support.transition&&r;this.$backdrop=e('<div class="modal-backdrop '+r+'" />').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()}};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s,o,u,a;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,o=this.options.trigger.split(" ");for(a=o.length;a--;)u=o[a],u=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):u!="manual"&&(i=u=="hover"?"mouseenter":"focus",s=u=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this)));this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e.fn[this.type].defaults,r={},i;this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this),i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var t,n,r,i,s,o,u=e.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(u);if(u.isDefaultPrevented())return;t=this.tip(),this.setContent(),this.options.animation&&t.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,t[0],this.$element[0]):this.options.placement,t.detach().css({top:0,left:0,display:"block"}),this.options.container?t.appendTo(this.options.container):t.insertAfter(this.$element),n=this.getPosition(),r=t[0].offsetWidth,i=t[0].offsetHeight;switch(s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}this.applyPlacement(o,s),this.$element.trigger("shown")}},applyPlacement:function(e,t){var n=this.tip(),r=n[0].offsetWidth,i=n[0].offsetHeight,s,o,u,a;n.offset(e).addClass(t).addClass("in"),s=n[0].offsetWidth,o=n[0].offsetHeight,t=="top"&&o!=i&&(e.top=e.top+i-o,a=!0),t=="bottom"||t=="top"?(u=0,e.left<0&&(u=e.left*-2,e.left=0,n.offset(e),s=n[0].offsetWidth,o=n[0].offsetHeight),this.replaceArrow(u-r+s,s,"left")):this.replaceArrow(o-i,o,"top"),a&&n.offset(e)},replaceArrow:function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=(typeof n.content=="function"?n.content.call(t[0]):n.content)||t.attr("data-content"),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parent(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parent("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.typeahead.defaults,n),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=e(this.options.menu),this.shown=!1,this.listen()};t.prototype={constructor:t,select:function(){var e=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(e)).change(),this.hide()},updater:function(e){return e},show:function(){var t=e.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:t.top+t.height,left:t.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(t){var n;return this.query=this.$element.val(),!this.query||this.query.length<this.options.minLength?this.shown?this.hide():this:(n=e.isFunction(this.source)?this.source(this.query,e.proxy(this.process,this)):this.source,n?this.process(n):this)},process:function(t){var n=this;return t=e.grep(t,function(e){return n.matcher(e)}),t=this.sorter(t),t.length?this.render(t.slice(0,this.options.items)).show():this.shown?this.hide():this},matcher:function(e){return~e.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(e){var t=[],n=[],r=[],i;while(i=e.shift())i.toLowerCase().indexOf(this.query.toLowerCase())?~i.indexOf(this.query)?n.push(i):r.push(i):t.push(i);return t.concat(n,r)},highlighter:function(e){var t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return e.replace(new RegExp("("+t+")","ig"),function(e,t){return"<strong>"+t+"</strong>"})},render:function(t){var n=this;return t=e(t).map(function(t,r){return t=e(n.options.item).attr("data-value",r),t.find("a").html(n.highlighter(r)),t[0]}),t.first().addClass("active"),this.$menu.html(t),this},next:function(t){var n=this.$menu.find(".active").removeClass("active"),r=n.next();r.length||(r=e(this.$menu.find("li")[0])),r.addClass("active")},prev:function(e){var t=this.$menu.find(".active").removeClass("active"),n=t.prev();n.length||(n=this.$menu.find("li").last()),n.addClass("active")},listen:function(){this.$element.on("focus",e.proxy(this.focus,this)).on("blur",e.proxy(this.blur,this)).on("keypress",e.proxy(this.keypress,this)).on("keyup",e.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",e.proxy(this.keydown,this)),this.$menu.on("click",e.proxy(this.click,this)).on("mouseenter","li",e.proxy(this.mouseenter,this)).on("mouseleave","li",e.proxy(this.mouseleave,this))},eventSupported:function(e){var t=e in this.$element;return t||(this.$element.setAttribute(e,"return;"),t=typeof this.$element[e]=="function"),t},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()},keydown:function(t){this.suppressKeyPressRepeat=~e.inArray(t.keyCode,[40,38,9,13,27]),this.move(t)},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},focus:function(e){this.focused=!0},blur:function(e){this.focused=!1,!this.mousedover&&this.shown&&this.hide()},click:function(e){e.stopPropagation(),e.preventDefault(),this.select(),this.$element.focus()},mouseenter:function(t){this.mousedover=!0,this.$menu.find(".active").removeClass("active"),e(t.currentTarget).addClass("active")},mouseleave:function(e){this.mousedover=!1,!this.focused&&this.shown&&this.hide()}};var n=e.fn.typeahead;e.fn.typeahead=function(n){return this.each(function(){var r=e(this),i=r.data("typeahead"),s=typeof n=="object"&&n;i||r.data("typeahead",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu"></ul>',item:'<li><a href="#"></a></li>',minLength:1},e.fn.typeahead.Constructor=t,e.fn.typeahead.noConflict=function(){return e.fn.typeahead=n,this},e(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(t){var n=e(this);if(n.data("typeahead"))return;n.typeahead(n.data())})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)).on("click.affix.data-api",e.proxy(function(){setTimeout(e.proxy(this.checkPosition,this),1)},this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery);
\ No newline at end of file
--- /dev/null
+/*!
+* Bootstrap.js by @fat & @mdo
+* Copyright 2012 Twitter, Inc.
+* http://www.apache.org/licenses/LICENSE-2.0.txt
+*/
+!function($){"use strict";$(function(){$.support.transition=function(){var transitionEnd=function(){var name,el=document.createElement("bootstrap"),transEndEventNames={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(name in transEndEventNames)if(void 0!==el.style[name])return transEndEventNames[name]}();return transitionEnd&&{end:transitionEnd}}()})}(window.jQuery),!function($){"use strict";var dismiss='[data-dismiss="alert"]',Alert=function(el){$(el).on("click",dismiss,this.close)};Alert.prototype.close=function(e){function removeElement(){$parent.trigger("closed").remove()}var $parent,$this=$(this),selector=$this.attr("data-target");selector||(selector=$this.attr("href"),selector=selector&&selector.replace(/.*(?=#[^\s]*$)/,"")),$parent=$(selector),e&&e.preventDefault(),$parent.length||($parent=$this.hasClass("alert")?$this:$this.parent()),$parent.trigger(e=$.Event("close")),e.isDefaultPrevented()||($parent.removeClass("in"),$.support.transition&&$parent.hasClass("fade")?$parent.on($.support.transition.end,removeElement):removeElement())};var old=$.fn.alert;$.fn.alert=function(option){return this.each(function(){var $this=$(this),data=$this.data("alert");data||$this.data("alert",data=new Alert(this)),"string"==typeof option&&data[option].call($this)})},$.fn.alert.Constructor=Alert,$.fn.alert.noConflict=function(){return $.fn.alert=old,this},$(document).on("click.alert.data-api",dismiss,Alert.prototype.close)}(window.jQuery),!function($){"use strict";var Button=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.button.defaults,options)};Button.prototype.setState=function(state){var d="disabled",$el=this.$element,data=$el.data(),val=$el.is("input")?"val":"html";state+="Text",data.resetText||$el.data("resetText",$el[val]()),$el[val](data[state]||this.options[state]),setTimeout(function(){"loadingText"==state?$el.addClass(d).attr(d,d):$el.removeClass(d).removeAttr(d)},0)},Button.prototype.toggle=function(){var $parent=this.$element.closest('[data-toggle="buttons-radio"]');$parent&&$parent.find(".active").removeClass("active"),this.$element.toggleClass("active")};var old=$.fn.button;$.fn.button=function(option){return this.each(function(){var $this=$(this),data=$this.data("button"),options="object"==typeof option&&option;data||$this.data("button",data=new Button(this,options)),"toggle"==option?data.toggle():option&&data.setState(option)})},$.fn.button.defaults={loadingText:"loading..."},$.fn.button.Constructor=Button,$.fn.button.noConflict=function(){return $.fn.button=old,this},$(document).on("click.button.data-api","[data-toggle^=button]",function(e){var $btn=$(e.target);$btn.hasClass("btn")||($btn=$btn.closest(".btn")),$btn.button("toggle")})}(window.jQuery),!function($){"use strict";var Carousel=function(element,options){this.$element=$(element),this.options=options,"hover"==this.options.pause&&this.$element.on("mouseenter",$.proxy(this.pause,this)).on("mouseleave",$.proxy(this.cycle,this))};Carousel.prototype={cycle:function(e){return e||(this.paused=!1),this.options.interval&&!this.paused&&(this.interval=setInterval($.proxy(this.next,this),this.options.interval)),this},to:function(pos){var $active=this.$element.find(".item.active"),children=$active.parent().children(),activePos=children.index($active),that=this;if(!(pos>children.length-1||0>pos))return this.sliding?this.$element.one("slid",function(){that.to(pos)}):activePos==pos?this.pause().cycle():this.slide(pos>activePos?"next":"prev",$(children[pos]))},pause:function(e){return e||(this.paused=!0),this.$element.find(".next, .prev").length&&$.support.transition.end&&(this.$element.trigger($.support.transition.end),this.cycle()),clearInterval(this.interval),this.interval=null,this},next:function(){return this.sliding?void 0:this.slide("next")},prev:function(){return this.sliding?void 0:this.slide("prev")},slide:function(type,next){var e,$active=this.$element.find(".item.active"),$next=next||$active[type](),isCycling=this.interval,direction="next"==type?"left":"right",fallback="next"==type?"first":"last",that=this;if(this.sliding=!0,isCycling&&this.pause(),$next=$next.length?$next:this.$element.find(".item")[fallback](),e=$.Event("slide",{relatedTarget:$next[0]}),!$next.hasClass("active")){if($.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(e),e.isDefaultPrevented())return;$next.addClass(type),$next[0].offsetWidth,$active.addClass(direction),$next.addClass(direction),this.$element.one($.support.transition.end,function(){$next.removeClass([type,direction].join(" ")).addClass("active"),$active.removeClass(["active",direction].join(" ")),that.sliding=!1,setTimeout(function(){that.$element.trigger("slid")},0)})}else{if(this.$element.trigger(e),e.isDefaultPrevented())return;$active.removeClass("active"),$next.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return isCycling&&this.cycle(),this}}};var old=$.fn.carousel;$.fn.carousel=function(option){return this.each(function(){var $this=$(this),data=$this.data("carousel"),options=$.extend({},$.fn.carousel.defaults,"object"==typeof option&&option),action="string"==typeof option?option:options.slide;data||$this.data("carousel",data=new Carousel(this,options)),"number"==typeof option?data.to(option):action?data[action]():options.interval&&data.cycle()})},$.fn.carousel.defaults={interval:5e3,pause:"hover"},$.fn.carousel.Constructor=Carousel,$.fn.carousel.noConflict=function(){return $.fn.carousel=old,this},$(document).on("click.carousel.data-api","[data-slide]",function(e){var href,$this=$(this),$target=$($this.attr("data-target")||(href=$this.attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,"")),options=$.extend({},$target.data(),$this.data());$target.carousel(options),e.preventDefault()})}(window.jQuery),!function($){"use strict";var Collapse=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.collapse.defaults,options),this.options.parent&&(this.$parent=$(this.options.parent)),this.options.toggle&&this.toggle()};Collapse.prototype={constructor:Collapse,dimension:function(){var hasWidth=this.$element.hasClass("width");return hasWidth?"width":"height"},show:function(){var dimension,scroll,actives,hasData;if(!this.transitioning){if(dimension=this.dimension(),scroll=$.camelCase(["scroll",dimension].join("-")),actives=this.$parent&&this.$parent.find("> .accordion-group > .in"),actives&&actives.length){if(hasData=actives.data("collapse"),hasData&&hasData.transitioning)return;actives.collapse("hide"),hasData||actives.data("collapse",null)}this.$element[dimension](0),this.transition("addClass",$.Event("show"),"shown"),$.support.transition&&this.$element[dimension](this.$element[0][scroll])}},hide:function(){var dimension;this.transitioning||(dimension=this.dimension(),this.reset(this.$element[dimension]()),this.transition("removeClass",$.Event("hide"),"hidden"),this.$element[dimension](0))},reset:function(size){var dimension=this.dimension();return this.$element.removeClass("collapse")[dimension](size||"auto")[0].offsetWidth,this.$element[null!==size?"addClass":"removeClass"]("collapse"),this},transition:function(method,startEvent,completeEvent){var that=this,complete=function(){"show"==startEvent.type&&that.reset(),that.transitioning=0,that.$element.trigger(completeEvent)};this.$element.trigger(startEvent),startEvent.isDefaultPrevented()||(this.transitioning=1,this.$element[method]("in"),$.support.transition&&this.$element.hasClass("collapse")?this.$element.one($.support.transition.end,complete):complete())},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var old=$.fn.collapse;$.fn.collapse=function(option){return this.each(function(){var $this=$(this),data=$this.data("collapse"),options="object"==typeof option&&option;data||$this.data("collapse",data=new Collapse(this,options)),"string"==typeof option&&data[option]()})},$.fn.collapse.defaults={toggle:!0},$.fn.collapse.Constructor=Collapse,$.fn.collapse.noConflict=function(){return $.fn.collapse=old,this},$(document).on("click.collapse.data-api","[data-toggle=collapse]",function(e){var href,$this=$(this),target=$this.attr("data-target")||e.preventDefault()||(href=$this.attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,""),option=$(target).data("collapse")?"toggle":$this.data();$this[$(target).hasClass("in")?"addClass":"removeClass"]("collapsed"),$(target).collapse(option)})}(window.jQuery),!function($){"use strict";function clearMenus(){$(toggle).each(function(){getParent($(this)).removeClass("open")})}function getParent($this){var $parent,selector=$this.attr("data-target");return selector||(selector=$this.attr("href"),selector=selector&&/#/.test(selector)&&selector.replace(/.*(?=#[^\s]*$)/,"")),$parent=$(selector),$parent.length||($parent=$this.parent()),$parent}var toggle="[data-toggle=dropdown]",Dropdown=function(element){var $el=$(element).on("click.dropdown.data-api",this.toggle);$("html").on("click.dropdown.data-api",function(){$el.parent().removeClass("open")})};Dropdown.prototype={constructor:Dropdown,toggle:function(){var $parent,isActive,$this=$(this);if(!$this.is(".disabled, :disabled"))return $parent=getParent($this),isActive=$parent.hasClass("open"),clearMenus(),isActive||$parent.toggleClass("open"),$this.focus(),!1},keydown:function(e){var $this,$items,$parent,isActive,index;if(/(38|40|27)/.test(e.keyCode)&&($this=$(this),e.preventDefault(),e.stopPropagation(),!$this.is(".disabled, :disabled"))){if($parent=getParent($this),isActive=$parent.hasClass("open"),!isActive||isActive&&27==e.keyCode)return $this.click();$items=$("[role=menu] li:not(.divider):visible a",$parent),$items.length&&(index=$items.index($items.filter(":focus")),38==e.keyCode&&index>0&&index--,40==e.keyCode&&$items.length-1>index&&index++,~index||(index=0),$items.eq(index).focus())}}};var old=$.fn.dropdown;$.fn.dropdown=function(option){return this.each(function(){var $this=$(this),data=$this.data("dropdown");data||$this.data("dropdown",data=new Dropdown(this)),"string"==typeof option&&data[option].call($this)})},$.fn.dropdown.Constructor=Dropdown,$.fn.dropdown.noConflict=function(){return $.fn.dropdown=old,this},$(document).on("click.dropdown.data-api touchstart.dropdown.data-api",clearMenus).on("click.dropdown touchstart.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on("touchstart.dropdown.data-api",".dropdown-menu",function(e){e.stopPropagation()}).on("click.dropdown.data-api touchstart.dropdown.data-api",toggle,Dropdown.prototype.toggle).on("keydown.dropdown.data-api touchstart.dropdown.data-api",toggle+", [role=menu]",Dropdown.prototype.keydown)}(window.jQuery),!function($){"use strict";var Modal=function(element,options){this.options=options,this.$element=$(element).delegate('[data-dismiss="modal"]',"click.dismiss.modal",$.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};Modal.prototype={constructor:Modal,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var that=this,e=$.Event("show");this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.backdrop(function(){var transition=$.support.transition&&that.$element.hasClass("fade");that.$element.parent().length||that.$element.appendTo(document.body),that.$element.show(),transition&&that.$element[0].offsetWidth,that.$element.addClass("in").attr("aria-hidden",!1),that.enforceFocus(),transition?that.$element.one($.support.transition.end,function(){that.$element.focus().trigger("shown")}):that.$element.focus().trigger("shown")}))},hide:function(e){e&&e.preventDefault(),e=$.Event("hide"),this.$element.trigger(e),this.isShown&&!e.isDefaultPrevented()&&(this.isShown=!1,this.escape(),$(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),$.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal())},enforceFocus:function(){var that=this;$(document).on("focusin.modal",function(e){that.$element[0]===e.target||that.$element.has(e.target).length||that.$element.focus()})},escape:function(){var that=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(e){27==e.which&&that.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var that=this,timeout=setTimeout(function(){that.$element.off($.support.transition.end),that.hideModal()},500);this.$element.one($.support.transition.end,function(){clearTimeout(timeout),that.hideModal()})},hideModal:function(){this.$element.hide().trigger("hidden"),this.backdrop()},removeBackdrop:function(){this.$backdrop.remove(),this.$backdrop=null},backdrop:function(callback){var animate=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var doAnimate=$.support.transition&&animate;this.$backdrop=$('<div class="modal-backdrop '+animate+'" />').appendTo(document.body),this.$backdrop.click("static"==this.options.backdrop?$.proxy(this.$element[0].focus,this.$element[0]):$.proxy(this.hide,this)),doAnimate&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),doAnimate?this.$backdrop.one($.support.transition.end,callback):callback()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),$.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one($.support.transition.end,$.proxy(this.removeBackdrop,this)):this.removeBackdrop()):callback&&callback()}};var old=$.fn.modal;$.fn.modal=function(option){return this.each(function(){var $this=$(this),data=$this.data("modal"),options=$.extend({},$.fn.modal.defaults,$this.data(),"object"==typeof option&&option);data||$this.data("modal",data=new Modal(this,options)),"string"==typeof option?data[option]():options.show&&data.show()})},$.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},$.fn.modal.Constructor=Modal,$.fn.modal.noConflict=function(){return $.fn.modal=old,this},$(document).on("click.modal.data-api",'[data-toggle="modal"]',function(e){var $this=$(this),href=$this.attr("href"),$target=$($this.attr("data-target")||href&&href.replace(/.*(?=#[^\s]+$)/,"")),option=$target.data("modal")?"toggle":$.extend({remote:!/#/.test(href)&&href},$target.data(),$this.data());e.preventDefault(),$target.modal(option).one("hide",function(){$this.focus()})})}(window.jQuery),!function($){"use strict";var Tooltip=function(element,options){this.init("tooltip",element,options)};Tooltip.prototype={constructor:Tooltip,init:function(type,element,options){var eventIn,eventOut;this.type=type,this.$element=$(element),this.options=this.getOptions(options),this.enabled=!0,"click"==this.options.trigger?this.$element.on("click."+this.type,this.options.selector,$.proxy(this.toggle,this)):"manual"!=this.options.trigger&&(eventIn="hover"==this.options.trigger?"mouseenter":"focus",eventOut="hover"==this.options.trigger?"mouseleave":"blur",this.$element.on(eventIn+"."+this.type,this.options.selector,$.proxy(this.enter,this)),this.$element.on(eventOut+"."+this.type,this.options.selector,$.proxy(this.leave,this))),this.options.selector?this._options=$.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(options){return options=$.extend({},$.fn[this.type].defaults,options,this.$element.data()),options.delay&&"number"==typeof options.delay&&(options.delay={show:options.delay,hide:options.delay}),options},enter:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);return self.options.delay&&self.options.delay.show?(clearTimeout(this.timeout),self.hoverState="in",this.timeout=setTimeout(function(){"in"==self.hoverState&&self.show()},self.options.delay.show),void 0):self.show()},leave:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);return this.timeout&&clearTimeout(this.timeout),self.options.delay&&self.options.delay.hide?(self.hoverState="out",this.timeout=setTimeout(function(){"out"==self.hoverState&&self.hide()},self.options.delay.hide),void 0):self.hide()},show:function(){var $tip,inside,pos,actualWidth,actualHeight,placement,tp;if(this.hasContent()&&this.enabled){switch($tip=this.tip(),this.setContent(),this.options.animation&&$tip.addClass("fade"),placement="function"==typeof this.options.placement?this.options.placement.call(this,$tip[0],this.$element[0]):this.options.placement,inside=/in/.test(placement),$tip.detach().css({top:0,left:0,display:"block"}).insertAfter(this.$element),pos=this.getPosition(inside),actualWidth=$tip[0].offsetWidth,actualHeight=$tip[0].offsetHeight,inside?placement.split(" ")[1]:placement){case"bottom":tp={top:pos.top+pos.height,left:pos.left+pos.width/2-actualWidth/2};break;case"top":tp={top:pos.top-actualHeight,left:pos.left+pos.width/2-actualWidth/2};break;case"left":tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left-actualWidth};break;case"right":tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left+pos.width}}$tip.offset(tp).addClass(placement).addClass("in")}},setContent:function(){var $tip=this.tip(),title=this.getTitle();$tip.find(".tooltip-inner")[this.options.html?"html":"text"](title),$tip.removeClass("fade in top bottom left right")},hide:function(){function removeWithAnimation(){var timeout=setTimeout(function(){$tip.off($.support.transition.end).detach()},500);$tip.one($.support.transition.end,function(){clearTimeout(timeout),$tip.detach()})}var $tip=this.tip();return $tip.removeClass("in"),$.support.transition&&this.$tip.hasClass("fade")?removeWithAnimation():$tip.detach(),this},fixTitle:function(){var $e=this.$element;($e.attr("title")||"string"!=typeof $e.attr("data-original-title"))&&$e.attr("data-original-title",$e.attr("title")||"").removeAttr("title")},hasContent:function(){return this.getTitle()},getPosition:function(inside){return $.extend({},inside?{top:0,left:0}:this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight})},getTitle:function(){var title,$e=this.$element,o=this.options;return title=$e.attr("data-original-title")||("function"==typeof o.title?o.title.call($e[0]):o.title)},tip:function(){return this.$tip=this.$tip||$(this.options.template)},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);self[self.tip().hasClass("in")?"hide":"show"]()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var old=$.fn.tooltip;$.fn.tooltip=function(option){return this.each(function(){var $this=$(this),data=$this.data("tooltip"),options="object"==typeof option&&option;data||$this.data("tooltip",data=new Tooltip(this,options)),"string"==typeof option&&data[option]()})},$.fn.tooltip.Constructor=Tooltip,$.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover",title:"",delay:0,html:!1},$.fn.tooltip.noConflict=function(){return $.fn.tooltip=old,this}}(window.jQuery),!function($){"use strict";var Popover=function(element,options){this.init("popover",element,options)};Popover.prototype=$.extend({},$.fn.tooltip.Constructor.prototype,{constructor:Popover,setContent:function(){var $tip=this.tip(),title=this.getTitle(),content=this.getContent();$tip.find(".popover-title")[this.options.html?"html":"text"](title),$tip.find(".popover-content")[this.options.html?"html":"text"](content),$tip.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var content,$e=this.$element,o=this.options;return content=$e.attr("data-content")||("function"==typeof o.content?o.content.call($e[0]):o.content)},tip:function(){return this.$tip||(this.$tip=$(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var old=$.fn.popover;$.fn.popover=function(option){return this.each(function(){var $this=$(this),data=$this.data("popover"),options="object"==typeof option&&option;data||$this.data("popover",data=new Popover(this,options)),"string"==typeof option&&data[option]()})},$.fn.popover.Constructor=Popover,$.fn.popover.defaults=$.extend({},$.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"></div></div></div>'}),$.fn.popover.noConflict=function(){return $.fn.popover=old,this}}(window.jQuery),!function($){"use strict";function ScrollSpy(element,options){var href,process=$.proxy(this.process,this),$element=$(element).is("body")?$(window):$(element);this.options=$.extend({},$.fn.scrollspy.defaults,options),this.$scrollElement=$element.on("scroll.scroll-spy.data-api",process),this.selector=(this.options.target||(href=$(element).attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=$("body"),this.refresh(),this.process()}ScrollSpy.prototype={constructor:ScrollSpy,refresh:function(){var $targets,self=this;this.offsets=$([]),this.targets=$([]),$targets=this.$body.find(this.selector).map(function(){var $el=$(this),href=$el.data("target")||$el.attr("href"),$href=/^#\w/.test(href)&&$(href);return $href&&$href.length&&[[$href.position().top+self.$scrollElement.scrollTop(),href]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){self.offsets.push(this[0]),self.targets.push(this[1])})},process:function(){var i,scrollTop=this.$scrollElement.scrollTop()+this.options.offset,scrollHeight=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,maxScroll=scrollHeight-this.$scrollElement.height(),offsets=this.offsets,targets=this.targets,activeTarget=this.activeTarget;if(scrollTop>=maxScroll)return activeTarget!=(i=targets.last()[0])&&this.activate(i);for(i=offsets.length;i--;)activeTarget!=targets[i]&&scrollTop>=offsets[i]&&(!offsets[i+1]||offsets[i+1]>=scrollTop)&&this.activate(targets[i])},activate:function(target){var active,selector;this.activeTarget=target,$(this.selector).parent(".active").removeClass("active"),selector=this.selector+'[data-target="'+target+'"],'+this.selector+'[href="'+target+'"]',active=$(selector).parent("li").addClass("active"),active.parent(".dropdown-menu").length&&(active=active.closest("li.dropdown").addClass("active")),active.trigger("activate")}};var old=$.fn.scrollspy;$.fn.scrollspy=function(option){return this.each(function(){var $this=$(this),data=$this.data("scrollspy"),options="object"==typeof option&&option;data||$this.data("scrollspy",data=new ScrollSpy(this,options)),"string"==typeof option&&data[option]()})},$.fn.scrollspy.Constructor=ScrollSpy,$.fn.scrollspy.defaults={offset:10},$.fn.scrollspy.noConflict=function(){return $.fn.scrollspy=old,this},$(window).on("load",function(){$('[data-spy="scroll"]').each(function(){var $spy=$(this);$spy.scrollspy($spy.data())})})}(window.jQuery),!function($){"use strict";var Tab=function(element){this.element=$(element)};Tab.prototype={constructor:Tab,show:function(){var previous,$target,e,$this=this.element,$ul=$this.closest("ul:not(.dropdown-menu)"),selector=$this.attr("data-target");selector||(selector=$this.attr("href"),selector=selector&&selector.replace(/.*(?=#[^\s]*$)/,"")),$this.parent("li").hasClass("active")||(previous=$ul.find(".active:last a")[0],e=$.Event("show",{relatedTarget:previous}),$this.trigger(e),e.isDefaultPrevented()||($target=$(selector),this.activate($this.parent("li"),$ul),this.activate($target,$target.parent(),function(){$this.trigger({type:"shown",relatedTarget:previous})})))},activate:function(element,container,callback){function next(){$active.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),element.addClass("active"),transition?(element[0].offsetWidth,element.addClass("in")):element.removeClass("fade"),element.parent(".dropdown-menu")&&element.closest("li.dropdown").addClass("active"),callback&&callback()}var $active=container.find("> .active"),transition=callback&&$.support.transition&&$active.hasClass("fade");transition?$active.one($.support.transition.end,next):next(),$active.removeClass("in")}};var old=$.fn.tab;$.fn.tab=function(option){return this.each(function(){var $this=$(this),data=$this.data("tab");data||$this.data("tab",data=new Tab(this)),"string"==typeof option&&data[option]()})},$.fn.tab.Constructor=Tab,$.fn.tab.noConflict=function(){return $.fn.tab=old,this},$(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(e){e.preventDefault(),$(this).tab("show")})}(window.jQuery),!function($){"use strict";var Typeahead=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.typeahead.defaults,options),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=$(this.options.menu),this.shown=!1,this.listen()};Typeahead.prototype={constructor:Typeahead,select:function(){var val=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(val)).change(),this.hide()},updater:function(item){return item},show:function(){var pos=$.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:pos.top+pos.height,left:pos.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(){var items;return this.query=this.$element.val(),!this.query||this.query.length<this.options.minLength?this.shown?this.hide():this:(items=$.isFunction(this.source)?this.source(this.query,$.proxy(this.process,this)):this.source,items?this.process(items):this)},process:function(items){var that=this;return items=$.grep(items,function(item){return that.matcher(item)}),items=this.sorter(items),items.length?this.render(items.slice(0,this.options.items)).show():this.shown?this.hide():this},matcher:function(item){return~item.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(items){for(var item,beginswith=[],caseSensitive=[],caseInsensitive=[];item=items.shift();)item.toLowerCase().indexOf(this.query.toLowerCase())?~item.indexOf(this.query)?caseSensitive.push(item):caseInsensitive.push(item):beginswith.push(item);return beginswith.concat(caseSensitive,caseInsensitive)},highlighter:function(item){var query=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return item.replace(RegExp("("+query+")","ig"),function($1,match){return"<strong>"+match+"</strong>"})},render:function(items){var that=this;return items=$(items).map(function(i,item){return i=$(that.options.item).attr("data-value",item),i.find("a").html(that.highlighter(item)),i[0]}),items.first().addClass("active"),this.$menu.html(items),this},next:function(){var active=this.$menu.find(".active").removeClass("active"),next=active.next();next.length||(next=$(this.$menu.find("li")[0])),next.addClass("active")},prev:function(){var active=this.$menu.find(".active").removeClass("active"),prev=active.prev();prev.length||(prev=this.$menu.find("li").last()),prev.addClass("active")},listen:function(){this.$element.on("blur",$.proxy(this.blur,this)).on("keypress",$.proxy(this.keypress,this)).on("keyup",$.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",$.proxy(this.keydown,this)),this.$menu.on("click",$.proxy(this.click,this)).on("mouseenter","li",$.proxy(this.mouseenter,this))},eventSupported:function(eventName){var isSupported=eventName in this.$element;return isSupported||(this.$element.setAttribute(eventName,"return;"),isSupported="function"==typeof this.$element[eventName]),isSupported},move:function(e){if(this.shown){switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()}},keydown:function(e){this.suppressKeyPressRepeat=~$.inArray(e.keyCode,[40,38,9,13,27]),this.move(e)},keypress:function(e){this.suppressKeyPressRepeat||this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},blur:function(){var that=this;setTimeout(function(){that.hide()},150)},click:function(e){e.stopPropagation(),e.preventDefault(),this.select()},mouseenter:function(e){this.$menu.find(".active").removeClass("active"),$(e.currentTarget).addClass("active")}};var old=$.fn.typeahead;$.fn.typeahead=function(option){return this.each(function(){var $this=$(this),data=$this.data("typeahead"),options="object"==typeof option&&option;data||$this.data("typeahead",data=new Typeahead(this,options)),"string"==typeof option&&data[option]()})},$.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu"></ul>',item:'<li><a href="#"></a></li>',minLength:1},$.fn.typeahead.Constructor=Typeahead,$.fn.typeahead.noConflict=function(){return $.fn.typeahead=old,this},$(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(e){var $this=$(this);$this.data("typeahead")||(e.preventDefault(),$this.typeahead($this.data()))})}(window.jQuery),!function($){"use strict";var Affix=function(element,options){this.options=$.extend({},$.fn.affix.defaults,options),this.$window=$(window).on("scroll.affix.data-api",$.proxy(this.checkPosition,this)).on("click.affix.data-api",$.proxy(function(){setTimeout($.proxy(this.checkPosition,this),1)},this)),this.$element=$(element),this.checkPosition()};Affix.prototype.checkPosition=function(){if(this.$element.is(":visible")){var affix,scrollHeight=$(document).height(),scrollTop=this.$window.scrollTop(),position=this.$element.offset(),offset=this.options.offset,offsetBottom=offset.bottom,offsetTop=offset.top,reset="affix affix-top affix-bottom";"object"!=typeof offset&&(offsetBottom=offsetTop=offset),"function"==typeof offsetTop&&(offsetTop=offset.top()),"function"==typeof offsetBottom&&(offsetBottom=offset.bottom()),affix=null!=this.unpin&&scrollTop+this.unpin<=position.top?!1:null!=offsetBottom&&position.top+this.$element.height()>=scrollHeight-offsetBottom?"bottom":null!=offsetTop&&offsetTop>=scrollTop?"top":!1,this.affixed!==affix&&(this.affixed=affix,this.unpin="bottom"==affix?position.top-scrollTop:null,this.$element.removeClass(reset).addClass("affix"+(affix?"-"+affix:"")))}};var old=$.fn.affix;$.fn.affix=function(option){return this.each(function(){var $this=$(this),data=$this.data("affix"),options="object"==typeof option&&option;data||$this.data("affix",data=new Affix(this,options)),"string"==typeof option&&data[option]()})},$.fn.affix.Constructor=Affix,$.fn.affix.defaults={offset:0},$.fn.affix.noConflict=function(){return $.fn.affix=old,this},$(window).on("load",function(){$('[data-spy="affix"]').each(function(){var $spy=$(this),data=$spy.data();data.offset=data.offset||{},data.offsetBottom&&(data.offset.bottom=data.offsetBottom),data.offsetTop&&(data.offset.top=data.offsetTop),$spy.affix(data)})})}(window.jQuery);
\ No newline at end of file
--- /dev/null
+/*! jQuery v1.7.1 jquery.com | jquery.org/license */
+(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cv(a){if(!ck[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){cl||(cl=c.createElement("iframe"),cl.frameBorder=cl.width=cl.height=0),b.appendChild(cl);if(!cm||!cl.createElement)cm=(cl.contentWindow||cl.contentDocument).document,cm.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),cm.close();d=cm.createElement(a),cm.body.appendChild(d),e=f.css(d,"display"),b.removeChild(cl)}ck[a]=e}return ck[a]}function cu(a,b){var c={};f.each(cq.concat.apply([],cq.slice(0,b)),function(){c[this]=a});return c}function ct(){cr=b}function cs(){setTimeout(ct,0);return cr=f.now()}function cj(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ci(){try{return new a.XMLHttpRequest}catch(b){}}function cc(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function cb(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function ca(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bE.test(a)?d(a,e):ca(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)ca(a+"["+e+"]",b[e],c,d);else d(a,b)}function b_(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function b$(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bT,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=b$(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=b$(a,c,d,e,"*",g));return l}function bZ(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bP),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bC(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bx:by,g=0,h=e.length;if(d>0){if(c!=="border")for(;g<h;g++)c||(d-=parseFloat(f.css(a,"padding"+e[g]))||0),c==="margin"?d+=parseFloat(f.css(a,c+e[g]))||0:d-=parseFloat(f.css(a,"border"+e[g]+"Width"))||0;return d+"px"}d=bz(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0;if(c)for(;g<h;g++)d+=parseFloat(f.css(a,"padding"+e[g]))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+e[g]+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+e[g]))||0);return d+"px"}function bp(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bf,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bo(a){var b=c.createElement("div");bh.appendChild(b),b.innerHTML=a.outerHTML;return b.firstChild}function bn(a){var b=(a.nodeName||"").toLowerCase();b==="input"?bm(a):b!=="script"&&typeof a.getElementsByTagName!="undefined"&&f.grep(a.getElementsByTagName("input"),bm)}function bm(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bl(a){return typeof a.getElementsByTagName!="undefined"?a.getElementsByTagName("*"):typeof a.querySelectorAll!="undefined"?a.querySelectorAll("*"):[]}function bk(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bj(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c,d,e,g=f._data(a),h=f._data(b,g),i=g.events;if(i){delete h.handle,h.events={};for(c in i)for(d=0,e=i[c].length;d<e;d++)f.event.add(b,c+(i[c][d].namespace?".":"")+i[c][d].namespace,i[c][d],i[c][d].data)}h.data&&(h.data=f.extend({},h.data))}}function bi(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function U(a){var b=V.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function T(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(O.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?parseFloat(d):j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c<d;c++)b[a[c]]=!0;return b}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.1",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:G?function(a){return a==null?"":G.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?E.call(c,a):e.merge(c,a)}return c},inArray:function(a,b,c){var d;if(b){if(H)return H.call(b,a,c);d=b.length,c=c?c<0?Math.max(0,d+c):c:0;for(;c<d;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=F.call(arguments,2),g=function(){return a.apply(c,f.concat(F.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=r.exec(a)||s.exec(a)||t.exec(a)||a.indexOf("compatible")<0&&u.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){I["[object "+b+"]"]=b.toLowerCase()}),z=e.uaMatch(y),z.browser&&(e.browser[z.browser]=!0,e.browser.version=z.version),e.browser.webkit&&(e.browser.safari=!0),j.test("Â ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?B=function(){c.removeEventListener("DOMContentLoaded",B,!1),e.ready()}:c.attachEvent&&(B=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",B),e.ready())});return e}(),g={};f.Callbacks=function(a){a=a?g[a]||h(a):{};var c=[],d=[],e,i,j,k,l,m=function(b){var d,e,g,h,i;for(d=0,e=b.length;d<e;d++)g=b[d],h=f.type(g),h==="array"?m(g):h==="function"&&(!a.unique||!o.has(g))&&c.push(g)},n=function(b,f){f=f||[],e=!a.memory||[b,f],i=!0,l=j||0,j=0,k=c.length;for(;c&&l<k;l++)if(c[l].apply(b,f)===!1&&a.stopOnFalse){e=!0;break}i=!1,c&&(a.once?e===!0?o.disable():c=[]:d&&d.length&&(e=d.shift(),o.fireWith(e[0],e[1])))},o={add:function(){if(c){var a=c.length;m(arguments),i?k=c.length:e&&e!==!0&&(j=a,n(e[0],e[1]))}return this},remove:function(){if(c){var b=arguments,d=0,e=b.length;for(;d<e;d++)for(var f=0;f<c.length;f++)if(b[d]===c[f]){i&&f<=k&&(k--,f<=l&&l--),c.splice(f--,1);if(a.unique)break}}return this},has:function(a){if(c){var b=0,d=c.length;for(;b<d;b++)if(a===c[b])return!0}return!1},empty:function(){c=[];return this},disable:function(){c=d=e=b;return this},disabled:function(){return!c},lock:function(){d=b,(!e||e===!0)&&o.disable();return this},locked:function(){return!d},fireWith:function(b,c){d&&(i?a.once||d.push([b,c]):(!a.once||!e)&&n(b,c));return this},fire:function(){o.fireWith(this,arguments);return this},fired:function(){return!!e}};return o};var i=[].slice;f.extend({Deferred:function(a){var b=f.Callbacks("once memory"),c=f.Callbacks("once memory"),d=f.Callbacks("memory"),e="pending",g={resolve:b,reject:c,notify:d},h={done:b.add,fail:c.add,progress:d.add,state:function(){return e},isResolved:b.fired,isRejected:c.fired,then:function(a,b,c){i.done(a).fail(b).progress(c);return this},always:function(){i.done.apply(i,arguments).fail.apply(i,arguments);return this},pipe:function(a,b,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[b,"reject"],progress:[c,"notify"]},function(a,b){var c=b[0],e=b[1],g;f.isFunction(c)?i[a](function(){g=c.apply(this,arguments),g&&f.isFunction(g.promise)?g.promise().then(d.resolve,d.reject,d.notify):d[e+"With"](this===i?d:this,[g])}):i[a](d[e])})}).promise()},promise:function(a){if(a==null)a=h;else for(var b in h)a[b]=h[b];return a}},i=h.promise({}),j;for(j in g)i[j]=g[j].fire,i[j+"With"]=g[j].fireWith;i.done(function(){e="resolved"},c.disable,d.lock).fail(function(){e="rejected"},b.disable,d.lock),a&&a.call(i,i);return i},when:function(a){function m(a){return function(b){e[a]=arguments.length>1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c<d;c++)b[c]&&b[c].promise&&f.isFunction(b[c].promise)?b[c].promise().then(l(c),j.reject,m(c)):--g;g||j.resolveWith(j,b)}else j!==a&&j.resolveWith(j,d?[a]:[]);return k}}),f.support=function(){var b,d,e,g,h,i,j,k,l,m,n,o,p,q=c.createElement("div"),r=c.documentElement;q.setAttribute("className","t"),q.innerHTML=" <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=q.getElementsByTagName("*"),e=q.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=q.getElementsByTagName("input")[0],b={leadingWhitespace:q.firstChild.nodeType===3,tbody:!q.getElementsByTagName("tbody").length,htmlSerialize:!!q.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:q.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav></:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete q.test}catch(s){b.deleteExpando=!1}!q.addEventListener&&q.attachEvent&&q.fireEvent&&(q.attachEvent("onclick",function(){b.noCloneEvent=!1}),q.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),q.appendChild(i),k=c.createDocumentFragment(),k.appendChild(q.lastChild),b.checkClone=k.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,k.removeChild(i),k.appendChild(q),q.innerHTML="",a.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",q.style.width="2px",q.appendChild(j),b.reliableMarginRight=(parseInt((a.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0);if(q.attachEvent)for(o in{submit:1,change:1,focusin:1})n="on"+o,p=n in q,p||(q.setAttribute(n,"return;"),p=typeof q[n]=="function"),b[o+"Bubbles"]=p;k.removeChild(q),k=g=h=j=q=i=null,f(function(){var a,d,e,g,h,i,j,k,m,n,o,r=c.getElementsByTagName("body")[0];!r||(j=1,k="position:absolute;top:0;left:0;width:1px;height:1px;margin:0;",m="visibility:hidden;border:0;",n="style='"+k+"border:5px solid #000;padding:0;'",o="<div "+n+"><div></div></div>"+"<table "+n+" cellpadding='0' cellspacing='0'>"+"<tr><td></td></tr></table>",a=c.createElement("div"),a.style.cssText=m+"width:0;height:0;position:static;top:0;margin-top:"+j+"px",r.insertBefore(a,r.firstChild),q=c.createElement("div"),a.appendChild(q),q.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",l=q.getElementsByTagName("td"),p=l[0].offsetHeight===0,l[0].style.display="",l[1].style.display="none",b.reliableHiddenOffsets=p&&l[0].offsetHeight===0,q.innerHTML="",q.style.width=q.style.paddingLeft="1px",f.boxModel=b.boxModel=q.offsetWidth===2,typeof q.style.zoom!="undefined"&&(q.style.display="inline",q.style.zoom=1,b.inlineBlockNeedsLayout=q.offsetWidth===2,q.style.display="",q.innerHTML="<div style='width:4px;'></div>",b.shrinkWrapBlocks=q.offsetWidth!==2),q.style.cssText=k+m,q.innerHTML=o,d=q.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,i={doesNotAddBorder:e.offsetTop!==5,doesAddBorderForTableAndCells:h.offsetTop===5},e.style.position="fixed",e.style.top="20px",i.fixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",i.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,i.doesNotIncludeMarginInBodyOffset=r.offsetTop!==j,r.removeChild(a),q=a=null,f.extend(b,i))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e<g;e++)delete d[b[e]];if(!(c?m:f.isEmptyObject)(d))return}}if(!c){delete j[k].data;if(!m(j[k]))return}f.support.deleteExpando||!j.setInterval?delete j[k]:j[k]=null,i&&(f.support.deleteExpando?delete a[h]:a.removeAttribute?a.removeAttribute(h):a[h]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d,e,g,h=null;if(typeof a=="undefined"){if(this.length){h=f.data(this[0]);if(this[0].nodeType===1&&!f._data(this[0],"parsedAttrs")){e=this[0].attributes;for(var i=0,j=e.length;i<j;i++)g=e[i].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),l(this[0],g,h[g]));f._data(this[0],"parsedAttrs",!0)}}return h}if(typeof a=="object")return this.each(function(){f.data(this,a)});d=a.split("."),d[1]=d[1]?"."+d[1]:"";if(c===b){h=this.triggerHandler("getData"+d[1]+"!",[d[0]]),h===b&&this.length&&(h=f.data(this[0],a),h=l(this[0],a,h));return h===b&&d[1]?this.data(d[0]):h}return this.each(function(){var b=f(this),e=[d[0],c];b.triggerHandler("setData"+d[1]+"!",e),f.data(this,a,c),b.triggerHandler("changeData"+d[1]+"!",e)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,b){a&&(b=(b||"fx")+"mark",f._data(a,b,(f._data(a,b)||0)+1))},_unmark:function(a,b,c){a!==!0&&(c=b,b=a,a=!1);if(b){c=c||"fx";var d=c+"mark",e=a?0:(f._data(b,d)||1)-1;e?f._data(b,d,e):(f.removeData(b,d,!0),n(b,c,"mark"))}},queue:function(a,b,c){var d;if(a){b=(b||"fx")+"queue",d=f._data(a,b),c&&(!d||f.isArray(c)?d=f._data(a,b,f.makeArray(c)):d.push(c));return d||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e={};d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),f._data(a,b+".run",e),d.call(a,function(){f.dequeue(a,b)},e)),c.length||(f.removeData(a,b+"queue "+b+".run",!0),n(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f.Callbacks("once memory"),!0))h++,l.add(m);m();return d.promise()}});var o=/[\n\t\r]/g,p=/\s+/,q=/\r/g,r=/^(?:button|input)$/i,s=/^(?:button|input|object|select|textarea)$/i,t=/^a(?:rea)?$/i,u=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,v=f.support.getSetAttribute,w,x,y;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(p);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(p);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(o," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(p);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ",c=0,d=this.length;for(;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(o," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.nodeName.toLowerCase()]||f.valHooks[g.type];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c<d;c++){e=i[c];if(e.selected&&(f.support.optDisabled?!e.disabled:e.getAttribute("disabled")===null)&&(!e.parentNode.disabled||!f.nodeName(e.parentNode,"optgroup"))){b=f(e).val();if(j)return b;h.push(b)}}if(j&&!h.length&&i.length)return f(i[g]).val();return h},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;h<g;h++)e=d[h],e&&(c=f.propFix[e]||e,f.attr(a,e,""),a.removeAttribute(v?e:c),u.test(e)&&c in a&&(a[c]=!1))}},attrHooks:{type:{set:function(a,b){if(r.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(w&&f.nodeName(a,"button"))return w.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(w&&f.nodeName(a,"button"))return w.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e,g,h,i=a.nodeType;if(!!a&&i!==3&&i!==8&&i!==2){h=i!==1||!f.isXMLDoc(a),h&&(c=f.propFix[c]||c,g=f.propHooks[c]);return d!==b?g&&"set"in g&&(e=g.set(a,d,c))!==b?e:a[c]=d:g&&"get"in g&&(e=g.get(a,c))!==null?e:a[c]}},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):s.test(a.nodeName)||t.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabindex=f.propHooks.tabIndex,x={get:function(a,c){var d,e=f.prop(a,c);return e===!0||typeof e!="boolean"&&(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},v||(y={name:!0,id:!0},w=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&(y[c]?d.nodeValue!=="":d.specified)?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.attrHooks.tabindex.set=w.set,f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})}),f.attrHooks.contenteditable={get:w.get,set:function(a,b,c){b===""&&(b="false"),w.set(a,b,c)}}),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.enctype||(f.propFix.enctype="encoding"),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/\bhover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")};
+f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k<c.length;k++){l=A.exec(c[k])||[],m=l[1],n=(l[2]||"").split(".").sort(),s=f.event.special[m]||{},m=(g?s.delegateType:s.bindType)||m,s=f.event.special[m]||{},o=f.extend({type:m,origType:l[1],data:e,handler:d,guid:d.guid,selector:g,quick:G(g),namespace:n.join(".")},p),r=j[m];if(!r){r=j[m]=[],r.delegateCount=0;if(!s.setup||s.setup.call(a,e,n,i)===!1)a.addEventListener?a.addEventListener(m,i,!1):a.attachEvent&&a.attachEvent("on"+m,i)}s.add&&(s.add.call(a,o),o.handler.guid||(o.handler.guid=d.guid)),g?r.splice(r.delegateCount++,0,o):r.push(o),f.event.global[m]=!0}a=null}},global:{},remove:function(a,b,c,d,e){var g=f.hasData(a)&&f._data(a),h,i,j,k,l,m,n,o,p,q,r,s;if(!!g&&!!(o=g.events)){b=f.trim(I(b||"")).split(" ");for(h=0;h<b.length;h++){i=A.exec(b[h])||[],j=k=i[1],l=i[2];if(!j){for(j in o)f.event.remove(a,j+b[h],c,d,!0);continue}p=f.event.special[j]||{},j=(d?p.delegateType:p.bindType)||j,r=o[j]||[],m=r.length,l=l?new RegExp("(^|\\.)"+l.split(".").sort().join("\\.(?:.*\\.)?")+"(\\.|$)"):null;for(n=0;n<r.length;n++)s=r[n],(e||k===s.origType)&&(!c||c.guid===s.guid)&&(!l||l.test(s.namespace))&&(!d||d===s.selector||d==="**"&&s.selector)&&(r.splice(n--,1),s.selector&&r.delegateCount--,p.remove&&p.remove.call(a,s));r.length===0&&m!==r.length&&((!p.teardown||p.teardown.call(a,l)===!1)&&f.removeEvent(a,j,g.handle),delete o[j])}f.isEmptyObject(o)&&(q=g.handle,q&&(q.elem=null),f.removeData(a,["events","handle"],!0))}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){if(!e||e.nodeType!==3&&e.nodeType!==8){var h=c.type||c,i=[],j,k,l,m,n,o,p,q,r,s;if(E.test(h+f.event.triggered))return;h.indexOf("!")>=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;l<r.length&&!c.isPropagationStopped();l++)m=r[l][0],c.type=r[l][1],q=(f._data(m,"events")||{})[c.type]&&f._data(m,"handle"),q&&q.apply(m,d),q=o&&m[o],q&&f.acceptData(m)&&q.apply(m,d)===!1&&c.preventDefault();c.type=h,!g&&!c.isDefaultPrevented()&&(!p._default||p._default.apply(e.ownerDocument,d)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)&&o&&e[h]&&(h!=="focus"&&h!=="blur"||c.target.offsetWidth!==0)&&!f.isWindow(e)&&(n=e[o],n&&(e[o]=null),f.event.triggered=h,e[h](),f.event.triggered=b,n&&(e[o]=n));return c.result}},dispatch:function(c){c=f.event.fix(c||a.event);var d=(f._data(this,"events")||{})[c.type]||[],e=d.delegateCount,g=[].slice.call(arguments,0),h=!c.exclusive&&!c.namespace,i=[],j,k,l,m,n,o,p,q,r,s,t;g[0]=c,c.delegateTarget=this;if(e&&!c.target.disabled&&(!c.button||c.type!=="click")){m=f(this),m.context=this.ownerDocument||this;for(l=c.target;l!=this;l=l.parentNode||this){o={},q=[],m[0]=l;for(j=0;j<e;j++)r=d[j],s=r.selector,o[s]===b&&(o[s]=r.quick?H(l,r.quick):m.is(s)),o[s]&&q.push(r);q.length&&i.push({elem:l,matches:q})}}d.length>e&&i.push({elem:this,matches:d.slice(e)});for(j=0;j<i.length&&!c.isPropagationStopped();j++){p=i[j],c.currentTarget=p.elem;for(k=0;k<p.matches.length&&!c.isImmediatePropagationStopped();k++){r=p.matches[k];if(h||!c.namespace&&!r.namespace||c.namespace_re&&c.namespace_re.test(r.namespace))c.data=r.data,c.handleObj=r,n=((f.event.special[r.origType]||{}).handle||r.handler).apply(p.elem,g),n!==b&&(c.result=n,n===!1&&(c.preventDefault(),c.stopPropagation()))}}return c.result},props:"attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){a.which==null&&(a.which=b.charCode!=null?b.charCode:b.keyCode);return a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,d){var e,f,g,h=d.button,i=d.fromElement;a.pageX==null&&d.clientX!=null&&(e=a.target.ownerDocument||c,f=e.documentElement,g=e.body,a.pageX=d.clientX+(f&&f.scrollLeft||g&&g.scrollLeft||0)-(f&&f.clientLeft||g&&g.clientLeft||0),a.pageY=d.clientY+(f&&f.scrollTop||g&&g.scrollTop||0)-(f&&f.clientTop||g&&g.clientTop||0)),!a.relatedTarget&&i&&(a.relatedTarget=i===a.target?d.toElement:i),!a.which&&h!==b&&(a.which=h&1?1:h&2?3:h&4?2:0);return a}},fix:function(a){if(a[f.expando])return a;var d,e,g=a,h=f.event.fixHooks[a.type]||{},i=h.props?this.props.concat(h.props):this.props;a=f.Event(g);for(d=i.length;d;)e=i[--d],a[e]=g[e];a.target||(a.target=g.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),a.metaKey===b&&(a.metaKey=a.ctrlKey);return h.filter?h.filter(a,g):a},special:{ready:{setup:f.bindReady},load:{noBubble:!0},focus:{delegateType:"focusin"},blur:{delegateType:"focusout"},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}},simulate:function(a,b,c,d){var e=f.extend(new f.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?f.event.trigger(e,null,b):f.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},f.event.handle=f.event.dispatch,f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!(this instanceof f.Event))return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?K:J):this.type=a,b&&f.extend(this,b),this.timeStamp=a&&a.timeStamp||f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=K;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=K;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=K,this.stopPropagation()},isDefaultPrevented:J,isPropagationStopped:J,isImmediatePropagationStopped:J},f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c=this,d=a.relatedTarget,e=a.handleObj,g=e.selector,h;if(!d||d!==c&&!f.contains(c,d))a.type=e.origType,h=e.handler.apply(this,arguments),a.type=b;return h}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(){if(f.nodeName(this,"form"))return!1;f.event.add(this,"click._submit keypress._submit",function(a){var c=a.target,d=f.nodeName(c,"input")||f.nodeName(c,"button")?c.form:b;d&&!d._submit_attached&&(f.event.add(d,"submit._submit",function(a){this.parentNode&&!a.isTrigger&&f.event.simulate("submit",this.parentNode,a,!0)}),d._submit_attached=!0)})},teardown:function(){if(f.nodeName(this,"form"))return!1;f.event.remove(this,"._submit")}}),f.support.changeBubbles||(f.event.special.change={setup:function(){if(z.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio")f.event.add(this,"propertychange._change",function(a){a.originalEvent.propertyName==="checked"&&(this._just_changed=!0)}),f.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1,f.event.simulate("change",this,a,!0))});return!1}f.event.add(this,"beforeactivate._change",function(a){var b=a.target;z.test(b.nodeName)&&!b._change_attached&&(f.event.add(b,"change._change",function(a){this.parentNode&&!a.isSimulated&&!a.isTrigger&&f.event.simulate("change",this.parentNode,a,!0)}),b._change_attached=!0)})},handle:function(a){var b=a.target;if(this!==b||a.isSimulated||a.isTrigger||b.type!=="radio"&&b.type!=="checkbox")return a.handleObj.handler.apply(this,arguments)},teardown:function(){f.event.remove(this,"._change");return z.test(this.nodeName)}}),f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){var d=0,e=function(a){f.event.simulate(b,a.target,f.event.fix(a),!0)};f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.fn.extend({on:function(a,c,d,e,g){var h,i;if(typeof a=="object"){typeof c!="string"&&(d=c,c=b);for(i in a)this.on(i,c,d,a[i],g);return this}d==null&&e==null?(e=c,d=c=b):e==null&&(typeof c=="string"?(e=d,d=b):(e=d,d=c,c=b));if(e===!1)e=J;else if(!e)return this;g===1&&(h=e,e=function(a){f().off(a);return h.apply(this,arguments)},e.guid=h.guid||(h.guid=f.guid++));return this.each(function(){f.event.add(this,a,e,d,c)})},one:function(a,b,c,d){return this.on.call(this,a,b,c,d,1)},off:function(a,c,d){if(a&&a.preventDefault&&a.handleObj){var e=a.handleObj;f(a.delegateTarget).off(e.namespace?e.type+"."+e.namespace:e.type,e.selector,e.handler);return this}if(typeof a=="object"){for(var g in a)this.off(g,c,a[g]);return this}if(c===!1||typeof c=="function")d=c,c=b;d===!1&&(d=J);return this.each(function(){f.event.remove(this,a,d,c)})},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},live:function(a,b,c){f(this.context).on(a,this.selector,b,c);return this},die:function(a,b){f(this.context).off(a,this.selector||"**",b);return this},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return arguments.length==1?this.off(a,"**"):this.off(b,a,c)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f._data(this,"lastToggle"+a.guid)||0)%d;f._data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}if(j.nodeType===1){g||(j[d]=c,j.sizset=h);if(typeof b!="string"){if(j===b){k=!0;break}}else if(m.filter(b,[j]).length>0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}j.nodeType===1&&!g&&(j[d]=c,j.sizset=h);if(j.nodeName.toLowerCase()===b){k=j;break}j=j[a]}e[h]=k}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},m.matches=function(a,b){return m(a,null,null,b)},m.matchesSelector=function(a,b){return m(b,null,null,[a]).length>0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e<f;e++){h=o.order[e];if(g=o.leftMatch[h].exec(a)){i=g[1],g.splice(1,1);if(i.substr(i.length-1)!=="\\"){g[1]=(g[1]||"").replace(j,""),d=o.find[h](g,b,c);if(d!=null){a=a.replace(o.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},m.filter=function(a,c,d,e){var f,g,h,i,j,k,l,n,p,q=a,r=[],s=c,t=c&&c[0]&&m.isXML(c[0]);while(a&&c.length){for(h in o.filter)if((f=o.leftMatch[h].exec(a))!=null&&f[2]){k=o.filter[h],l=f[1],g=!1,f.splice(1,1);if(l.substr(l.length-1)==="\\")continue;s===r&&(r=[]);if(o.preFilter[h]){f=o.preFilter[h](f,s,d,r,e,t);if(!f)g=i=!0;else if(f===!0)continue}if(f)for(n=0;(j=s[n])!=null;n++)j&&(i=k(j,f,n,s),p=e^i,d&&i!=null?p?g=!0:s[n]=!1:p&&(r.push(j),g=!0));if(i!==b){d||(s=r),a=a.replace(o.match[h],"");if(!g)return[];break}}if(a===q)if(g==null)m.error(a);else break;q=a}return s},m.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)};var n=m.getText=function(a){var b,c,d=a.nodeType,e="";if(d){if(d===1||d===9){if(typeof a.textContent=="string")return a.textContent;if(typeof a.innerText=="string")return a.innerText.replace(k,"");for(a=a.firstChild;a;a=a.nextSibling)e+=n(a)}else if(d===3||d===4)return a.nodeValue}else for(b=0;c=a[b];b++)c.nodeType!==8&&(e+=n(c));return e},o=m.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!l.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&m.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&m.filter(b,a,!0)}},"":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("parentNode",b,f,a,d,c)},"~":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("previousSibling",b,f,a,d,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(j,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}m.error(e)},CHILD:function(a,b){var c,e,f,g,h,i,j,k=b[1],l=a;switch(k){case"only":case"first":while(l=l.previousSibling)if(l.nodeType===1)return!1;if(k==="first")return!0;l=a;case"last":while(l=l.nextSibling)if(l.nodeType===1)return!1;return!0;case"nth":c=b[2],e=b[3];if(c===1&&e===0)return!0;f=b[0],g=a.parentNode;if(g&&(g[d]!==f||!a.nodeIndex)){i=0;for(l=g.firstChild;l;l=l.nextSibling)l.nodeType===1&&(l.nodeIndex=++i);g[d]=f}j=a.nodeIndex-e;return c===0?j===0:j%c===0&&j/c>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c<e;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var u,v;c.documentElement.compareDocumentPosition?u=function(a,b){if(a===b){h=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(u=function(a,b){if(a===b){h=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],g=a.parentNode,i=b.parentNode,j=g;if(g===i)return v(a,b);if(!g)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return v(e[k],f[k]);return k===c?v(a,f[k],-1):v(e[k],b,1)},v=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h<i;h++)m(a,g[h],e,c);return m.filter(f,e)};m.attr=f.attr,m.selectors.attrMap={},f.find=m,f.expr=m.selectors,f.expr[":"]=f.expr.filters,f.unique=m.uniqueSort,f.text=m.getText,f.isXMLDoc=m.isXML,f.contains=m.contains}();var L=/Until$/,M=/^(?:parents|prevUntil|prevAll)/,N=/,/,O=/^.[^:#\[\.,]*$/,P=Array.prototype.slice,Q=f.expr.match.POS,R={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(T(this,a,!1),"not",a)},filter:function(a){return this.pushStack(T(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?Q.test(a)?f(a,this.context).index(this[0])>=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d<a.length;d++)f(g).is(a[d])&&c.push({selector:a[d],elem:g,level:h});g=g.parentNode,h++}return c}var i=Q.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(i?i.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|style)/i,bb=/<(?:script|object|embed|option|style)/i,bc=new RegExp("<(?:"+V+")","i"),bd=/checked\s*(?:[^=]|=\s*.checked.)/i,be=/\/(java|ecma)script/i,bf=/^\s*<!(?:\[CDATA\[|\-\-)/,bg={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function()
+{for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bd.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bi(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bp)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i,j=a[0];b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof j=="string"&&j.length<512&&i===c&&j.charAt(0)==="<"&&!bb.test(j)&&(f.support.checkClone||!bd.test(j))&&(f.support.html5Clone||!bc.test(j))&&(g=!0,h=f.fragments[j],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean(a,i,e,d)),g&&(f.fragments[j]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||!bc.test("<"+a.nodeName)?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1></$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=bg[l]||bg._default,n=m[0],o=b.createElement("div");b===c?bh.appendChild(o):U(b).appendChild(o),o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bn(k[i]);else bn(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||be.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.event.special,g=f.support.deleteExpando;for(var h=0,i;(i=a[h])!=null;h++){if(i.nodeName&&f.noData[i.nodeName.toLowerCase()])continue;c=i[f.expando];if(c){b=d[c];if(b&&b.events){for(var j in b.events)e[j]?f.event.remove(i,j):f.removeEvent(i,j,b.handle);b.handle&&(b.handle.elem=null)}g?delete i[f.expando]:i.removeAttribute&&i.removeAttribute(f.expando),delete d[c]}}}});var bq=/alpha\([^)]*\)/i,br=/opacity=([^)]*)/,bs=/([A-Z]|^ms)/g,bt=/^-?\d+(?:px)?$/i,bu=/^-?\d/,bv=/^([\-+])=([\-+.\de]+)/,bw={position:"absolute",visibility:"hidden",display:"block"},bx=["Left","Right"],by=["Top","Bottom"],bz,bA,bB;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bz(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bv.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bz)return bz(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return bC(a,b,d);f.swap(a,bw,function(){e=bC(a,b,d)});return e}},set:function(a,b){if(!bt.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return br.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bq,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bq.test(g)?g.replace(bq,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bz(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bA=function(a,b){var c,d,e;b=b.replace(bs,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b)));return c}),c.documentElement.currentStyle&&(bB=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f===null&&g&&(e=g[b])&&(f=e),!bt.test(f)&&bu.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f||0,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),bz=bA||bB,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bD=/%20/g,bE=/\[\]$/,bF=/\r?\n/g,bG=/#.*$/,bH=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bI=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bJ=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bK=/^(?:GET|HEAD)$/,bL=/^\/\//,bM=/\?/,bN=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bO=/^(?:select|textarea)/i,bP=/\s+/,bQ=/([?&])_=[^&]*/,bR=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bS=f.fn.load,bT={},bU={},bV,bW,bX=["*/"]+["*"];try{bV=e.href}catch(bY){bV=c.createElement("a"),bV.href="",bV=bV.href}bW=bR.exec(bV.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bS)return bS.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bN,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bO.test(this.nodeName)||bI.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bF,"\r\n")}}):{name:b.name,value:c.replace(bF,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b_(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b_(a,b);return a},ajaxSettings:{url:bV,isLocal:bJ.test(bW[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bX},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bZ(bT),ajaxTransport:bZ(bU),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?cb(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cc(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bH.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bG,"").replace(bL,bW[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bP),d.crossDomain==null&&(r=bR.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bW[1]&&r[2]==bW[2]&&(r[3]||(r[1]==="http:"?80:443))==(bW[3]||(bW[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),b$(bT,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bK.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bM.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bQ,"$1_="+x);d.url=y+(y===d.url?(bM.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bX+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=b$(bU,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)ca(g,a[g],c,e);return d.join("&").replace(bD,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cd=f.now(),ce=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cd++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ce.test(b.url)||e&&ce.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ce,l),b.url===j&&(e&&(k=k.replace(ce,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cf=a.ActiveXObject?function(){for(var a in ch)ch[a](0,1)}:!1,cg=0,ch;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ci()||cj()}:ci,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cf&&delete ch[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cg,cf&&(ch||(ch={},f(a).unload(cf)),ch[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var ck={},cl,cm,cn=/^(?:toggle|show|hide)$/,co=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cp,cq=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cr;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cu("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cv(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cu("hide",3),a,b,c);var d,e,g=0,h=this.length;for(;g<h;g++)d=this[g],d.style&&(e=f.css(d,"display"),e!=="none"&&!f._data(d,"olddisplay")&&f._data(d,"olddisplay",e));for(g=0;g<h;g++)this[g].style&&(this[g].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cu("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){function g(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(!f.support.inlineBlockNeedsLayout||cv(this.nodeName)==="inline"?this.style.display="inline-block":this.style.zoom=1))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)j=new f.fx(this,b,i),h=a[i],cn.test(h)?(o=f._data(this,"toggle"+i)||(h==="toggle"?d?"show":"hide":0),o?(f._data(this,"toggle"+i,o==="show"?"hide":"show"),j[o]()):j[h]()):(k=co.exec(h),l=j.cur(),k?(m=parseFloat(k[2]),n=k[3]||(f.cssNumber[i]?"":"px"),n!=="px"&&(f.style(this,i,(m||1)+n),l=(m||1)/j.cur()*l,f.style(this,i,l+n)),k[1]&&(m=(k[1]==="-="?-1:1)*m+l),j.custom(l,m,n)):j.custom(l,h,""));return!0}var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return e.queue===!1?this.each(g):this.queue(e.queue,g)},stop:function(a,c,d){typeof a!="string"&&(d=c,c=a,a=b),c&&a!==!1&&this.queue(a||"fx",[]);return this.each(function(){function h(a,b,c){var e=b[c];f.removeData(a,c,!0),e.stop(d)}var b,c=!1,e=f.timers,g=f._data(this);d||f._unmark(!0,this);if(a==null)for(b in g)g[b]&&g[b].stop&&b.indexOf(".run")===b.length-4&&h(this,g,b);else g[b=a+".run"]&&g[b].stop&&h(this,g,b);for(b=e.length;b--;)e[b].elem===this&&(a==null||e[b].queue===a)&&(d?e[b](!0):e[b].saveState(),c=!0,e.splice(b,1));(!d||!c)&&f.dequeue(this,a)})}}),f.each({slideDown:cu("show",1),slideUp:cu("hide",1),slideToggle:cu("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default;if(d.queue==null||d.queue===!0)d.queue="fx";d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue?f.dequeue(this,d.queue):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,c,d){function h(a){return e.step(a)}var e=this,g=f.fx;this.startTime=cr||cs(),this.end=c,this.now=this.start=a,this.pos=this.state=0,this.unit=d||this.unit||(f.cssNumber[this.prop]?"":"px"),h.queue=this.options.queue,h.elem=this.elem,h.saveState=function(){e.options.hide&&f._data(e.elem,"fxshow"+e.prop)===b&&f._data(e.elem,"fxshow"+e.prop,e.start)},h()&&f.timers.push(h)&&!cp&&(cp=setInterval(g.tick,g.interval))},show:function(){var a=f._data(this.elem,"fxshow"+this.prop);this.options.orig[this.prop]=a||f.style(this.elem,this.prop),this.options.show=!0,a!==b?this.custom(this.cur(),a):this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f._data(this.elem,"fxshow"+this.prop)||f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b,c,d,e=cr||cs(),g=!0,h=this.elem,i=this.options;if(a||e>=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c<b.length;c++)a=b[c],!a()&&b[c]===a&&b.splice(c--,1);b.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cp),cp=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=a.now+a.unit:a.elem[a.prop]=a.now}}}),f.each(["width","height"],function(a,b){f.fx.step[b]=function(a){f.style(a.elem,b,Math.max(0,a.now)+a.unit)}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cw=/^t(?:able|d|h)$/i,cx=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cy(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.support.fixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.support.doesNotAddBorder&&(!f.support.doesAddBorderForTableAndCells||!cw.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.support.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.support.fixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.support.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cy(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cy(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,d,"padding")):this[d]():null},f.fn["outer"+c]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,d,a?"margin":"border")):this[d]():null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNumeric(j)?j:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window);
\ No newline at end of file
--- /dev/null
+var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
+(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a=
+[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c<i;++c){var j=f[c];if(/\\[bdsw]/i.test(j))a.push(j);else{var j=m(j),d;c+2<i&&"-"===f[c+1]?(d=m(f[c+2]),c+=2):d=j;b.push([j,d]);d<65||j>122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;c<b.length;++c)i=b[c],i[0]<=j[1]+1?j[1]=Math.max(j[1],i[1]):f.push(j=i);b=["["];o&&b.push("^");b.push.apply(b,a);for(c=0;c<
+f.length;++c)i=f[c],b.push(e(i[0])),i[1]>i[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c<b;++c){var j=f[c];j==="("?++i:"\\"===j.charAt(0)&&(j=+j.substring(1))&&j<=i&&(d[j]=-1)}for(c=1;c<d.length;++c)-1===d[c]&&(d[c]=++t);for(i=c=0;c<b;++c)j=f[c],j==="("?(++i,d[i]===void 0&&(f[c]="(?:")):"\\"===j.charAt(0)&&
+(j=+j.substring(1))&&j<=i&&(f[c]="\\"+d[i]);for(i=c=0;c<b;++c)"^"===f[c]&&"^"!==f[c+1]&&(f[c]="");if(a.ignoreCase&&s)for(c=0;c<b;++c)j=f[c],a=j.charAt(0),j.length>=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p<d;++p){var g=a[p];if(g.ignoreCase)l=!0;else if(/[a-z]/i.test(g.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){s=!0;l=!1;break}}for(var r=
+{b:8,t:9,n:10,v:11,f:12,r:13},n=[],p=0,d=a.length;p<d;++p){g=a[p];if(g.global||g.multiline)throw Error(""+g);n.push("(?:"+y(g)+")")}return RegExp(n.join("|"),l?"gi":"g")}function M(a){function m(a){switch(a.nodeType){case 1:if(e.test(a.className))break;for(var g=a.firstChild;g;g=g.nextSibling)m(g);g=a.nodeName;if("BR"===g||"LI"===g)h[s]="\n",t[s<<1]=y++,t[s++<<1|1]=a;break;case 3:case 4:g=a.nodeValue,g.length&&(g=p?g.replace(/\r\n?/g,"\n"):g.replace(/[\t\n\r ]+/g," "),h[s]=g,t[s<<1]=y,y+=g.length,
+t[s++<<1|1]=a)}}var e=/(?:^|\s)nocode(?:\s|$)/,h=[],y=0,t=[],s=0,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=document.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);m(a);return{a:h.join("").replace(/\n$/,""),c:t}}function B(a,m,e,h){m&&(a={a:m,d:a},e(a),h.push.apply(h,a.e))}function x(a,m){function e(a){for(var l=a.d,p=[l,"pln"],d=0,g=a.a.match(y)||[],r={},n=0,z=g.length;n<z;++n){var f=g[n],b=r[f],o=void 0,c;if(typeof b===
+"string")c=!1;else{var i=h[f.charAt(0)];if(i)o=f.match(i[1]),b=i[0];else{for(c=0;c<t;++c)if(i=m[c],o=f.match(i[1])){b=i[0];break}o||(b="pln")}if((c=b.length>=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m),
+l=[],p={},d=0,g=e.length;d<g;++d){var r=e[d],n=r[3];if(n)for(var k=n.length;--k>=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/,
+q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/,
+q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g,
+"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a),
+a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e}
+for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g<d.length;++g)e(d[g]);m===(m|0)&&d[0].setAttribute("value",
+m);var r=s.createElement("OL");r.className="linenums";for(var n=Math.max(0,m-1|0)||0,g=0,z=d.length;g<z;++g)l=d[g],l.className="L"+(g+n)%10,l.firstChild||l.appendChild(s.createTextNode("\xa0")),r.appendChild(l);a.appendChild(r)}function k(a,m){for(var e=m.length;--e>=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*</.test(m)?"default-markup":"default-code";return A[a]}function E(a){var m=
+a.g;try{var e=M(a.h),h=e.a;a.a=h;a.c=e.c;a.d=0;C(m,h)(a);var k=/\bMSIE\b/.test(navigator.userAgent),m=/\n/g,t=a.a,s=t.length,e=0,l=a.c,p=l.length,h=0,d=a.e,g=d.length,a=0;d[g]=s;var r,n;for(n=r=0;n<g;)d[n]!==d[n+2]?(d[r++]=d[n++],d[r++]=d[n++]):n+=2;g=r;for(n=r=0;n<g;){for(var z=d[n],f=d[n+1],b=n+2;b+2<=g&&d[b+1]===f;)b+=2;d[r++]=z;d[r++]=f;n=b}for(d.length=r;h<p;){var o=l[h+2]||s,c=d[a+2]||s,b=Math.min(o,c),i=l[h+1],j;if(i.nodeType!==1&&(j=t.substring(e,b))){k&&(j=j.replace(m,"\r"));i.nodeValue=
+j;var u=i.ownerDocument,v=u.createElement("SPAN");v.className=d[a+1];var x=i.parentNode;x.replaceChild(v,i);v.appendChild(i);e<o&&(l[h+1]=i=u.createTextNode(t.substring(b,o)),x.insertBefore(i,v.nextSibling))}e=b;e>=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
+"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"],
+H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
+J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+
+I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),
+["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css",
+/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),
+["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes",
+hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p<h.length&&l.now()<e;p++){var n=h[p],k=n.className;if(k.indexOf("prettyprint")>=0){var k=k.match(g),f,b;if(b=
+!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p<h.length?setTimeout(m,
+250):a&&a()}for(var e=[document.getElementsByTagName("pre"),document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],h=[],k=0;k<e.length;++k)for(var t=0,s=e[k].length;t<s;++t)h.push(e[k][t]);var e=q,l=Date;l.now||(l={now:function(){return+new Date}});var p=0,d,g=/\blang(?:uage)?-([\w.]+)(?!\S)/;m()};window.PR={createSimpleLexer:x,registerLangHandler:k,sourceDecorator:u,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",
+PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ"}})();
--- /dev/null
+$(function() {
+ // start the icon carousel
+ $('#iconCarousel').carousel({
+ interval: 5000
+ });
+
+
+
+
+ // make code pretty
+// $('pre').addClass('prettyprint');
+// window.prettyPrint && prettyPrint();
+
+ // Disable links with href="#" inside <section>, so users can click on them
+ // to preview :active state without being scrolled up to the top of the page.
+// $('section a[href="#"]').click(function(e) {
+// e.preventDefault();
+// e.stopPropagation();
+// });
+
+// // inject twitter & github counts
+// $.ajax({
+// url: 'http://api.twitter.com/1/users/show.json',
+// data: {screen_name: 'fortaweso_me'},
+// dataType: 'jsonp',
+// success: function(data) {
+// $('#followers').html(data.followers_count);
+// }
+// });
+// $.ajax({
+// url: 'https://api.github.com/repos/fortawesome/Font-Awesome',
+// dataType: 'jsonp',
+// success: function(data) {
+// $('#watchers').html(data.data.watchers);
+// $('#forks').html(data.data.forks);
+// }
+// });
+});
--- /dev/null
+// Underscore.js 1.3.1
+// (c) 2009-2012 Jeremy Ashkenas, DocumentCloud Inc.
+// Underscore is freely distributable under the MIT license.
+// Portions of Underscore are inspired or borrowed from Prototype,
+// Oliver Steele's Functional, and John Resig's Micro-Templating.
+// For all details and documentation:
+// http://documentcloud.github.com/underscore
+(function(){function q(a,c,d){if(a===c)return a!==0||1/a==1/c;if(a==null||c==null)return a===c;if(a._chain)a=a._wrapped;if(c._chain)c=c._wrapped;if(a.isEqual&&b.isFunction(a.isEqual))return a.isEqual(c);if(c.isEqual&&b.isFunction(c.isEqual))return c.isEqual(a);var e=l.call(a);if(e!=l.call(c))return false;switch(e){case "[object String]":return a==String(c);case "[object Number]":return a!=+a?c!=+c:a==0?1/a==1/c:a==+c;case "[object Date]":case "[object Boolean]":return+a==+c;case "[object RegExp]":return a.source==
+c.source&&a.global==c.global&&a.multiline==c.multiline&&a.ignoreCase==c.ignoreCase}if(typeof a!="object"||typeof c!="object")return false;for(var f=d.length;f--;)if(d[f]==a)return true;d.push(a);var f=0,g=true;if(e=="[object Array]"){if(f=a.length,g=f==c.length)for(;f--;)if(!(g=f in a==f in c&&q(a[f],c[f],d)))break}else{if("constructor"in a!="constructor"in c||a.constructor!=c.constructor)return false;for(var h in a)if(b.has(a,h)&&(f++,!(g=b.has(c,h)&&q(a[h],c[h],d))))break;if(g){for(h in c)if(b.has(c,
+h)&&!f--)break;g=!f}}d.pop();return g}var r=this,G=r._,n={},k=Array.prototype,o=Object.prototype,i=k.slice,H=k.unshift,l=o.toString,I=o.hasOwnProperty,w=k.forEach,x=k.map,y=k.reduce,z=k.reduceRight,A=k.filter,B=k.every,C=k.some,p=k.indexOf,D=k.lastIndexOf,o=Array.isArray,J=Object.keys,s=Function.prototype.bind,b=function(a){return new m(a)};if(typeof exports!=="undefined"){if(typeof module!=="undefined"&&module.exports)exports=module.exports=b;exports._=b}else r._=b;b.VERSION="1.3.1";var j=b.each=
+b.forEach=function(a,c,d){if(a!=null)if(w&&a.forEach===w)a.forEach(c,d);else if(a.length===+a.length)for(var e=0,f=a.length;e<f;e++){if(e in a&&c.call(d,a[e],e,a)===n)break}else for(e in a)if(b.has(a,e)&&c.call(d,a[e],e,a)===n)break};b.map=b.collect=function(a,c,b){var e=[];if(a==null)return e;if(x&&a.map===x)return a.map(c,b);j(a,function(a,g,h){e[e.length]=c.call(b,a,g,h)});if(a.length===+a.length)e.length=a.length;return e};b.reduce=b.foldl=b.inject=function(a,c,d,e){var f=arguments.length>2;a==
+null&&(a=[]);if(y&&a.reduce===y)return e&&(c=b.bind(c,e)),f?a.reduce(c,d):a.reduce(c);j(a,function(a,b,i){f?d=c.call(e,d,a,b,i):(d=a,f=true)});if(!f)throw new TypeError("Reduce of empty array with no initial value");return d};b.reduceRight=b.foldr=function(a,c,d,e){var f=arguments.length>2;a==null&&(a=[]);if(z&&a.reduceRight===z)return e&&(c=b.bind(c,e)),f?a.reduceRight(c,d):a.reduceRight(c);var g=b.toArray(a).reverse();e&&!f&&(c=b.bind(c,e));return f?b.reduce(g,c,d,e):b.reduce(g,c)};b.find=b.detect=
+function(a,c,b){var e;E(a,function(a,g,h){if(c.call(b,a,g,h))return e=a,true});return e};b.filter=b.select=function(a,c,b){var e=[];if(a==null)return e;if(A&&a.filter===A)return a.filter(c,b);j(a,function(a,g,h){c.call(b,a,g,h)&&(e[e.length]=a)});return e};b.reject=function(a,c,b){var e=[];if(a==null)return e;j(a,function(a,g,h){c.call(b,a,g,h)||(e[e.length]=a)});return e};b.every=b.all=function(a,c,b){var e=true;if(a==null)return e;if(B&&a.every===B)return a.every(c,b);j(a,function(a,g,h){if(!(e=
+e&&c.call(b,a,g,h)))return n});return e};var E=b.some=b.any=function(a,c,d){c||(c=b.identity);var e=false;if(a==null)return e;if(C&&a.some===C)return a.some(c,d);j(a,function(a,b,h){if(e||(e=c.call(d,a,b,h)))return n});return!!e};b.include=b.contains=function(a,c){var b=false;if(a==null)return b;return p&&a.indexOf===p?a.indexOf(c)!=-1:b=E(a,function(a){return a===c})};b.invoke=function(a,c){var d=i.call(arguments,2);return b.map(a,function(a){return(b.isFunction(c)?c||a:a[c]).apply(a,d)})};b.pluck=
+function(a,c){return b.map(a,function(a){return a[c]})};b.max=function(a,c,d){if(!c&&b.isArray(a))return Math.max.apply(Math,a);if(!c&&b.isEmpty(a))return-Infinity;var e={computed:-Infinity};j(a,function(a,b,h){b=c?c.call(d,a,b,h):a;b>=e.computed&&(e={value:a,computed:b})});return e.value};b.min=function(a,c,d){if(!c&&b.isArray(a))return Math.min.apply(Math,a);if(!c&&b.isEmpty(a))return Infinity;var e={computed:Infinity};j(a,function(a,b,h){b=c?c.call(d,a,b,h):a;b<e.computed&&(e={value:a,computed:b})});
+return e.value};b.shuffle=function(a){var b=[],d;j(a,function(a,f){f==0?b[0]=a:(d=Math.floor(Math.random()*(f+1)),b[f]=b[d],b[d]=a)});return b};b.sortBy=function(a,c,d){return b.pluck(b.map(a,function(a,b,g){return{value:a,criteria:c.call(d,a,b,g)}}).sort(function(a,b){var c=a.criteria,d=b.criteria;return c<d?-1:c>d?1:0}),"value")};b.groupBy=function(a,c){var d={},e=b.isFunction(c)?c:function(a){return a[c]};j(a,function(a,b){var c=e(a,b);(d[c]||(d[c]=[])).push(a)});return d};b.sortedIndex=function(a,
+c,d){d||(d=b.identity);for(var e=0,f=a.length;e<f;){var g=e+f>>1;d(a[g])<d(c)?e=g+1:f=g}return e};b.toArray=function(a){return!a?[]:a.toArray?a.toArray():b.isArray(a)?i.call(a):b.isArguments(a)?i.call(a):b.values(a)};b.size=function(a){return b.toArray(a).length};b.first=b.head=function(a,b,d){return b!=null&&!d?i.call(a,0,b):a[0]};b.initial=function(a,b,d){return i.call(a,0,a.length-(b==null||d?1:b))};b.last=function(a,b,d){return b!=null&&!d?i.call(a,Math.max(a.length-b,0)):a[a.length-1]};b.rest=
+b.tail=function(a,b,d){return i.call(a,b==null||d?1:b)};b.compact=function(a){return b.filter(a,function(a){return!!a})};b.flatten=function(a,c){return b.reduce(a,function(a,e){if(b.isArray(e))return a.concat(c?e:b.flatten(e));a[a.length]=e;return a},[])};b.without=function(a){return b.difference(a,i.call(arguments,1))};b.uniq=b.unique=function(a,c,d){var d=d?b.map(a,d):a,e=[];b.reduce(d,function(d,g,h){if(0==h||(c===true?b.last(d)!=g:!b.include(d,g)))d[d.length]=g,e[e.length]=a[h];return d},[]);
+return e};b.union=function(){return b.uniq(b.flatten(arguments,true))};b.intersection=b.intersect=function(a){var c=i.call(arguments,1);return b.filter(b.uniq(a),function(a){return b.every(c,function(c){return b.indexOf(c,a)>=0})})};b.difference=function(a){var c=b.flatten(i.call(arguments,1));return b.filter(a,function(a){return!b.include(c,a)})};b.zip=function(){for(var a=i.call(arguments),c=b.max(b.pluck(a,"length")),d=Array(c),e=0;e<c;e++)d[e]=b.pluck(a,""+e);return d};b.indexOf=function(a,c,
+d){if(a==null)return-1;var e;if(d)return d=b.sortedIndex(a,c),a[d]===c?d:-1;if(p&&a.indexOf===p)return a.indexOf(c);for(d=0,e=a.length;d<e;d++)if(d in a&&a[d]===c)return d;return-1};b.lastIndexOf=function(a,b){if(a==null)return-1;if(D&&a.lastIndexOf===D)return a.lastIndexOf(b);for(var d=a.length;d--;)if(d in a&&a[d]===b)return d;return-1};b.range=function(a,b,d){arguments.length<=1&&(b=a||0,a=0);for(var d=arguments[2]||1,e=Math.max(Math.ceil((b-a)/d),0),f=0,g=Array(e);f<e;)g[f++]=a,a+=d;return g};
+var F=function(){};b.bind=function(a,c){var d,e;if(a.bind===s&&s)return s.apply(a,i.call(arguments,1));if(!b.isFunction(a))throw new TypeError;e=i.call(arguments,2);return d=function(){if(!(this instanceof d))return a.apply(c,e.concat(i.call(arguments)));F.prototype=a.prototype;var b=new F,g=a.apply(b,e.concat(i.call(arguments)));return Object(g)===g?g:b}};b.bindAll=function(a){var c=i.call(arguments,1);c.length==0&&(c=b.functions(a));j(c,function(c){a[c]=b.bind(a[c],a)});return a};b.memoize=function(a,
+c){var d={};c||(c=b.identity);return function(){var e=c.apply(this,arguments);return b.has(d,e)?d[e]:d[e]=a.apply(this,arguments)}};b.delay=function(a,b){var d=i.call(arguments,2);return setTimeout(function(){return a.apply(a,d)},b)};b.defer=function(a){return b.delay.apply(b,[a,1].concat(i.call(arguments,1)))};b.throttle=function(a,c){var d,e,f,g,h,i=b.debounce(function(){h=g=false},c);return function(){d=this;e=arguments;var b;f||(f=setTimeout(function(){f=null;h&&a.apply(d,e);i()},c));g?h=true:
+a.apply(d,e);i();g=true}};b.debounce=function(a,b){var d;return function(){var e=this,f=arguments;clearTimeout(d);d=setTimeout(function(){d=null;a.apply(e,f)},b)}};b.once=function(a){var b=false,d;return function(){if(b)return d;b=true;return d=a.apply(this,arguments)}};b.wrap=function(a,b){return function(){var d=[a].concat(i.call(arguments,0));return b.apply(this,d)}};b.compose=function(){var a=arguments;return function(){for(var b=arguments,d=a.length-1;d>=0;d--)b=[a[d].apply(this,b)];return b[0]}};
+b.after=function(a,b){return a<=0?b():function(){if(--a<1)return b.apply(this,arguments)}};b.keys=J||function(a){if(a!==Object(a))throw new TypeError("Invalid object");var c=[],d;for(d in a)b.has(a,d)&&(c[c.length]=d);return c};b.values=function(a){return b.map(a,b.identity)};b.functions=b.methods=function(a){var c=[],d;for(d in a)b.isFunction(a[d])&&c.push(d);return c.sort()};b.extend=function(a){j(i.call(arguments,1),function(b){for(var d in b)a[d]=b[d]});return a};b.defaults=function(a){j(i.call(arguments,
+1),function(b){for(var d in b)a[d]==null&&(a[d]=b[d])});return a};b.clone=function(a){return!b.isObject(a)?a:b.isArray(a)?a.slice():b.extend({},a)};b.tap=function(a,b){b(a);return a};b.isEqual=function(a,b){return q(a,b,[])};b.isEmpty=function(a){if(b.isArray(a)||b.isString(a))return a.length===0;for(var c in a)if(b.has(a,c))return false;return true};b.isElement=function(a){return!!(a&&a.nodeType==1)};b.isArray=o||function(a){return l.call(a)=="[object Array]"};b.isObject=function(a){return a===Object(a)};
+b.isArguments=function(a){return l.call(a)=="[object Arguments]"};if(!b.isArguments(arguments))b.isArguments=function(a){return!(!a||!b.has(a,"callee"))};b.isFunction=function(a){return l.call(a)=="[object Function]"};b.isString=function(a){return l.call(a)=="[object String]"};b.isNumber=function(a){return l.call(a)=="[object Number]"};b.isNaN=function(a){return a!==a};b.isBoolean=function(a){return a===true||a===false||l.call(a)=="[object Boolean]"};b.isDate=function(a){return l.call(a)=="[object Date]"};
+b.isRegExp=function(a){return l.call(a)=="[object RegExp]"};b.isNull=function(a){return a===null};b.isUndefined=function(a){return a===void 0};b.has=function(a,b){return I.call(a,b)};b.noConflict=function(){r._=G;return this};b.identity=function(a){return a};b.times=function(a,b,d){for(var e=0;e<a;e++)b.call(d,e)};b.escape=function(a){return(""+a).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").replace(/\//g,"/")};b.mixin=function(a){j(b.functions(a),
+function(c){K(c,b[c]=a[c])})};var L=0;b.uniqueId=function(a){var b=L++;return a?a+b:b};b.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var t=/.^/,u=function(a){return a.replace(/\\\\/g,"\\").replace(/\\'/g,"'")};b.template=function(a,c){var d=b.templateSettings,d="var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('"+a.replace(/\\/g,"\\\\").replace(/'/g,"\\'").replace(d.escape||t,function(a,b){return"',_.escape("+
+u(b)+"),'"}).replace(d.interpolate||t,function(a,b){return"',"+u(b)+",'"}).replace(d.evaluate||t,function(a,b){return"');"+u(b).replace(/[\r\n\t]/g," ")+";__p.push('"}).replace(/\r/g,"\\r").replace(/\n/g,"\\n").replace(/\t/g,"\\t")+"');}return __p.join('');",e=new Function("obj","_",d);return c?e(c,b):function(a){return e.call(this,a,b)}};b.chain=function(a){return b(a).chain()};var m=function(a){this._wrapped=a};b.prototype=m.prototype;var v=function(a,c){return c?b(a).chain():a},K=function(a,c){m.prototype[a]=
+function(){var a=i.call(arguments);H.call(a,this._wrapped);return v(c.apply(b,a),this._chain)}};b.mixin(b);j("pop,push,reverse,shift,sort,splice,unshift".split(","),function(a){var b=k[a];m.prototype[a]=function(){var d=this._wrapped;b.apply(d,arguments);var e=d.length;(a=="shift"||a=="splice")&&e===0&&delete d[0];return v(d,this._chain)}});j(["concat","join","slice"],function(a){var b=k[a];m.prototype[a]=function(){return v(b.apply(this._wrapped,arguments),this._chain)}});m.prototype.chain=function(){this._chain=
+true;return this};m.prototype.value=function(){return this._wrapped}}).call(this);
----
----
/*!
* Bootstrap Responsive v2.3.2
*
// -------------------------
// Required since we compile the responsive stuff separately
-@import "bootstrap-{{ site.bootstrap.version }}/variables.less"; // Modify this for custom colors, font-sizes, etc
-@import "bootstrap-{{ site.bootstrap.version }}/mixins.less";
+@import "bootstrap-2.3.2/variables.less"; // Modify this for custom colors, font-sizes, etc
+@import "bootstrap-2.3.2/mixins.less";
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
// RESPONSIVE CLASSES
// ------------------
-@import "bootstrap-{{ site.bootstrap.version }}/responsive-utilities.less";
+@import "bootstrap-2.3.2/responsive-utilities.less";
// MEDIA QUERIES
// ------------------
// Large desktops
-@import "bootstrap-{{ site.bootstrap.version }}/responsive-1200px-min.less";
+@import "bootstrap-2.3.2/responsive-1200px-min.less";
@import "responsive-1200px-min.less";
// Tablets to regular desktops
-@import "bootstrap-{{ site.bootstrap.version }}/responsive-768px-979px.less";
+@import "bootstrap-2.3.2/responsive-768px-979px.less";
@import "responsive-768px-979px.less";
// Phones to portrait tablets and narrow desktops
-@import "bootstrap-{{ site.bootstrap.version }}/responsive-767px-max.less";
+@import "bootstrap-2.3.2/responsive-767px-max.less";
@import "responsive-767px-max.less";
// ------------------
// From 979px and below, show a button to toggle navbar contents
-@import "bootstrap-{{ site.bootstrap.version }}/responsive-navbar.less";
+@import "bootstrap-2.3.2/responsive-navbar.less";
@import "responsive-navbar.less";
--- /dev/null
+@import "bootstrap-2.3.2/bootstrap.less";
+@import "bootstrap-2.3.2/responsive-utilities.less";
+@import "sticky-footer.less";
+
+@import "mixins.less";
+@import "variables.less";
+@import "lazy.less";
+
+.navbar .brand {
+ font-family: @serifFontFamily;
+ .icon-flag { padding-right: 3px; }
+}
+
+.navbar .nav > li > a { padding: 12px 10px 9px; }
+.navbar .nav.pull-right { margin-right: -10px; }
+//.navbar, .jumbotron, #social-buttons { min-width: 990px; } // necessary fix for non-responsive layouts
+
+h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
+
+#iconCarousel {
+ a { color: @white; }
+ @size: 220px;
+ font-size: @size;
+ text-align: center;
+ line-height: @size + 5;
+ text-shadow: 2px 2px 3px @grayDarker;
+ .carousel-control {
+ top: @size + 33px;
+ .square(30px);
+ background: none;
+ border-width: 0;
+ font-size: 30px;
+ line-height: 25px;
+ left: 300/2 - 33px;
+ &.right {
+ left: auto;
+ right: 300/2 - 33px;
+ }
+ }
+}
+
+.jumbotron {
+ background: @red;
+ border-bottom: 1px solid @redDark;
+ &, h1 { color: @white; }
+ #gradient > .directional(@red, mix(@red, @redDark, 90%), -40deg);
+// background-color: @red;
+
+// &:after {
+// content:'';
+// display:block;
+// position:absolute;
+// top:0;
+// right:0;
+// bottom:0;
+// left:0;
+// background:url(../img/grain-tm400.png);
+// opacity:.5;
+// }
+
+ h1 {
+ font-size: 80px;
+ letter-spacing: -2px;
+ line-height: 1;
+ }
+ p {
+ margin-top: 15px;
+ margin-bottom: 15px;
+ font-size: 30px;
+ line-height: 1.3;
+ font-weight: lighter;
+ }
+ .actions { margin-top: 25px;}
+ text-shadow: 2px 2px 2px @grayDark;
+ ul {
+ margin-left: 50px;
+ li {
+ &.icon-large:before {
+ text-indent: -2em;
+ vertical-align: baseline;
+ }
+ font-size: 15px;
+ line-height: 30px;
+ text-shadow: 1px 1px 1px @grayDark;
+ }
+ }
+ .btn-large {
+ font-family: @serifFontFamily;
+ font-weight: 500;
+ font-size: 24px;
+ padding: 17px 30px;
+ letter-spacing: -1px;
+ }
+ .hero-content {
+ text-align: center;
+ }
+ .shameless-self-promotion {
+ font-size: 14px;
+ margin-top: 25px;
+ color: mix(@white, @red, 40%);
+ text-shadow: none;
+ a { color: mix(@white, @red, 70%); }
+ a:hover { color: mix(@white, @red, 100%); }
+ }
+}
+
+.jumbotron-index {
+ padding: 40px 0;
+ h1 {
+ font-size: 80px;
+ letter-spacing: -2px;
+ line-height: 1;
+ margin: 0 0 15px;
+ }
+ p {
+ margin-top: 15px;
+ margin-bottom: 15px;
+ font-size: 30px;
+ line-height: 1.3;
+ }
+}
+
+.jumbotron-ad {
+ padding: 20px 0;
+ h1 { margin-top: 25px; }
+ p { margin-bottom: 35px; }
+}
+
+.jumbotron-icon {
+ padding: 20px 0 30px;
+ #gradient > .directional(@grayLighter, mix(@grayLighter, @grayLight, 90%), -40deg);
+ color: @grayDarker;
+ text-shadow: 1px 1px 1px @white;
+ border-bottom: solid 1px mix(@grayLight, @grayLighter, 50%);
+
+ h1 {
+ color: @grayDarker;
+ font-size: 40px;
+ small {
+ letter-spacing: normal;
+ font-family: @sansFontFamily;
+ font-size: @baseFontSize;
+ margin-left: 20px;
+ }
+ }
+
+ .info-details {
+ float: left;
+ p {
+ margin: 25px 0;
+ font-weight: bold;
+ }
+ .dl-horizontal {
+ dt { width: @horizontalComponentOffset - 100; }
+ dd { margin-left: @horizontalComponentOffset - 85; }
+ }
+ }
+ .icon-2 { font-size: 2em; }
+ .icon-3 { font-size: 4em; }
+ .icon-4 { font-size: 7em; }
+ .icon-5 { font-size: 12em; }
+ .icon-6 { font-size: 20em; }
+
+ .icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 { margin-right: 1/14em; }
+}
+
+//.info-ad {
+// float: right;
+// width: 154px;
+// height: 219px;
+// margin-left: 15px;
+//}
+
+.stripe-ad {
+ margin-bottom: 22px;
+ .lead {
+ margin-top: 10px;
+ margin-right: 30px;
+ }
+}
+
+.btn-primary {
+ color: @grayDark;
+ text-shadow: 0 -1px 0 rgba(255,255,255,.25);
+ &:hover {
+ text-shadow: 0 -1px 0 rgba(255,255,255,.25);
+ color: @grayDark;
+ }
+}
+
+section { margin-top: 40px; }
+
+.stacked {
+ padding-top: 35px;
+ height: 105px;
+}
+
+#social-buttons {
+ ul.unstyled { margin: 0; }
+
+ padding: 22px 0 17px;
+ text-align: center;
+ background-color: #f5f5f5;
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #ddd;
+ .btn {
+// font-family: @serifFontFamily;
+ font-weight: bold;
+// font-size: @baseFontSize;
+ padding: 0px 5px;
+ line-height: @baseLineHeight - 3;
+ margin: 0;
+ }
+ .count.btn {
+ background: @white;
+ font-weight: normal;
+ }
+}
+
+.the-icons {
+ margin-top: 22px;
+ .span3 {
+ a {
+ display: block;
+ &, &:hover { color: @grayDarker; }
+
+ cursor: pointer;
+ line-height: 32px;
+ height: 32px;
+ padding-left: 10px;
+ .border-radius(6px);
+
+ [class^="icon-"],
+ [class*=" icon-"] {
+ width: 32px;
+ font-size: 14px;
+ display: inline-block;
+ text-align: right;
+ margin-right: 10px;
+ }
+
+ &:hover {
+ background-color: @errorBackground;
+ text-decoration: none;
+ [class^="icon-"], [class*=" icon-"] {
+ *font-size: 28px;
+ *vertical-align: middle;
+ }
+
+ [class^="icon-"]:before,
+ [class*=" icon-"]:before {
+ font-size: 28px;
+ vertical-align: -5px;
+ }
+ }
+ }
+ }
+}
+
+#why, #whats-new {
+ .span4 { margin-bottom: 20px; }
+ h4 {
+ [class^="icon-"]:before,
+ [class*=" icon-"]:before {
+ vertical-align: -10%;
+ font-size: 28px;
+ display: inline-block;
+ width: 30/28em;
+ text-align: center;
+ margin-right: 5px;
+// color: mix(@grayLight, @grayLighter, 70%);
+
+ // Gradient on the icons
+// background: -webkit-linear-gradient(mix(@grayLight, @grayLighter, 50%), mix(@gray, @grayLight, 50%));
+// -webkit-background-clip: text;
+// -webkit-text-fill-color: transparent;
+ }
+ }
+}
+
+
+.rating {
+ unicode-bidi: bidi-override;
+ direction: rtl;
+
+ font-size: 30px;
+ span.star {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ display: inline-block;
+ &:hover {
+ cursor: pointer;
+ }
+ }
+ span.star:before {
+ content: "\f006"; // empty star
+ padding-right: 5px;
+ color: @grayLight;
+ }
+
+ span.star:hover:before, span.star:hover ~ span.star:before {
+ content: "\f005"; // solid star
+ color: #e3cf7a;
+ }
+}
+
+
+.label,
+.badge {
+ background-color: @grayLighter;
+}
+
+.well.well-transparent {
+ background-color: transparent;
+}
+
+footer {
+// #gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
+ background-color: @red;
+ border-top: 1px solid mix(@red, @redDark, 50%);
+ a {
+ color: @white;
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+ &:hover {
+ color: @white;
+ }
+
+ }
+
+ color: mix(@red, @white, 35%);
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+ margin-top: 60px;
+ padding-top: 45px;
+ padding-bottom: 60px;
+ *zoom: 1; // ie7 hack
+ ul {
+// margin-left: 30px;
+ line-height: 25px;
+ }
+
+ .project { margin-top: 10px; }
+}
+
+// makes dropdowns closer for split dropdown
+// Links
+.navbar .nav > li {
+ &.dropdown-split-right > a { padding-left: 7px; }
+ &.dropdown-split-left > a { padding-right: 0; }
+}
+
+@import "responsive.less";
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>Font Awesome Cheatsheet</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../assets/css/site.css">
+ <link rel="stylesheet" href="../assets/css/pygments.css">
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../">Home</a></li>
+ <li><a href="../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../examples/#new-styles">New Styles</a></li>
+ <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../examples/#buttons">Buttons</a></li>
+ <li><a href="../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../examples/#navigation">Navigation</a></li>
+ <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../examples/#stacked">Stacked</a></li>
+ <li><a href="../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../community/">Community</a></li>
+ <li><a href="../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+
+
+<div class="jumbotron jumbotron-ad hidden-print">
+ <div class="container">
+ <h1><i class="icon-list-ul icon-large"></i> Cheatsheet</h1>
+ <p>The complete Font Awesome 3.2.1 icon reference</p>
+ </div>
+</div>
+
+<div id="social-buttons" class="hidden-print">
+ <div class="container">
+ <ul class="unstyled inline">
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+ </li>
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+ </li>
+ <li class="follow-btn">
+ <a href="https://twitter.com/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
+ </li>
+ <li class="tweet-btn hidden-phone">
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+
+<div class="container">
+
+<section class="hidden-print">
+ <div class="row stripe-ad">
+ <div class="span8">
+
+<p class="lead">
+ Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf and copy
+ and paste the icons (not the unicode) directly into your designs.
+</p>
+
+ </div>
+ <div class="span4">
+ <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+
+ </div>
+ </div>
+</section>
+
+
+<h2 class="page-header">Every Font Awesome 3.2.1 Icon, CSS Class, & Unicode</h2>
+
+<div class="row">
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-glass
+ <span class="muted">(&#xf000;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-music
+ <span class="muted">(&#xf001;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-search
+ <span class="muted">(&#xf002;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-envelope-alt
+ <span class="muted">(&#xf003;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-heart
+ <span class="muted">(&#xf004;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-star
+ <span class="muted">(&#xf005;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-star-empty
+ <span class="muted">(&#xf006;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-user
+ <span class="muted">(&#xf007;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-film
+ <span class="muted">(&#xf008;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-th-large
+ <span class="muted">(&#xf009;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-th
+ <span class="muted">(&#xf00a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-th-list
+ <span class="muted">(&#xf00b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-ok
+ <span class="muted">(&#xf00c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-remove
+ <span class="muted">(&#xf00d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-zoom-in
+ <span class="muted">(&#xf00e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-zoom-out
+ <span class="muted">(&#xf010;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-off
+ <span class="muted">(&#xf011;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-signal
+ <span class="muted">(&#xf012;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-cog
+ <span class="muted">(&#xf013;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-trash
+ <span class="muted">(&#xf014;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-home
+ <span class="muted">(&#xf015;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-file-alt
+ <span class="muted">(&#xf016;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-time
+ <span class="muted">(&#xf017;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-road
+ <span class="muted">(&#xf018;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-download-alt
+ <span class="muted">(&#xf019;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-download
+ <span class="muted">(&#xf01a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-upload
+ <span class="muted">(&#xf01b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-inbox
+ <span class="muted">(&#xf01c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-play-circle
+ <span class="muted">(&#xf01d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-repeat
+ <span class="muted">(&#xf01e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-refresh
+ <span class="muted">(&#xf021;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-list-alt
+ <span class="muted">(&#xf022;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-lock
+ <span class="muted">(&#xf023;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-flag
+ <span class="muted">(&#xf024;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-headphones
+ <span class="muted">(&#xf025;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-volume-off
+ <span class="muted">(&#xf026;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-volume-down
+ <span class="muted">(&#xf027;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-volume-up
+ <span class="muted">(&#xf028;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-qrcode
+ <span class="muted">(&#xf029;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-barcode
+ <span class="muted">(&#xf02a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-tag
+ <span class="muted">(&#xf02b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-tags
+ <span class="muted">(&#xf02c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-book
+ <span class="muted">(&#xf02d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bookmark
+ <span class="muted">(&#xf02e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-print
+ <span class="muted">(&#xf02f;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-camera
+ <span class="muted">(&#xf030;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-font
+ <span class="muted">(&#xf031;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bold
+ <span class="muted">(&#xf032;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-italic
+ <span class="muted">(&#xf033;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-text-height
+ <span class="muted">(&#xf034;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-text-width
+ <span class="muted">(&#xf035;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-align-left
+ <span class="muted">(&#xf036;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-align-center
+ <span class="muted">(&#xf037;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-align-right
+ <span class="muted">(&#xf038;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-align-justify
+ <span class="muted">(&#xf039;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-list
+ <span class="muted">(&#xf03a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-indent-left
+ <span class="muted">(&#xf03b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-indent-right
+ <span class="muted">(&#xf03c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-facetime-video
+ <span class="muted">(&#xf03d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-picture
+ <span class="muted">(&#xf03e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-pencil
+ <span class="muted">(&#xf040;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-map-marker
+ <span class="muted">(&#xf041;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-adjust
+ <span class="muted">(&#xf042;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-tint
+ <span class="muted">(&#xf043;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-edit
+ <span class="muted">(&#xf044;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-share
+ <span class="muted">(&#xf045;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-check
+ <span class="muted">(&#xf046;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-move
+ <span class="muted">(&#xf047;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-step-backward
+ <span class="muted">(&#xf048;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-fast-backward
+ <span class="muted">(&#xf049;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-backward
+ <span class="muted">(&#xf04a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-play
+ <span class="muted">(&#xf04b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-pause
+ <span class="muted">(&#xf04c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-stop
+ <span class="muted">(&#xf04d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-forward
+ <span class="muted">(&#xf04e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-fast-forward
+ <span class="muted">(&#xf050;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-step-forward
+ <span class="muted">(&#xf051;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-eject
+ <span class="muted">(&#xf052;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-chevron-left
+ <span class="muted">(&#xf053;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-chevron-right
+ <span class="muted">(&#xf054;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-plus-sign
+ <span class="muted">(&#xf055;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-minus-sign
+ <span class="muted">(&#xf056;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-remove-sign
+ <span class="muted">(&#xf057;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-ok-sign
+ <span class="muted">(&#xf058;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-question-sign
+ <span class="muted">(&#xf059;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-info-sign
+ <span class="muted">(&#xf05a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-screenshot
+ <span class="muted">(&#xf05b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-remove-circle
+ <span class="muted">(&#xf05c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-ok-circle
+ <span class="muted">(&#xf05d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-ban-circle
+ <span class="muted">(&#xf05e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-arrow-left
+ <span class="muted">(&#xf060;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-arrow-right
+ <span class="muted">(&#xf061;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-arrow-up
+ <span class="muted">(&#xf062;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-arrow-down
+ <span class="muted">(&#xf063;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-share-alt
+ <span class="muted">(&#xf064;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-resize-full
+ <span class="muted">(&#xf065;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-resize-small
+ <span class="muted">(&#xf066;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-plus
+ <span class="muted">(&#xf067;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-minus
+ <span class="muted">(&#xf068;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-asterisk
+ <span class="muted">(&#xf069;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-exclamation-sign
+ <span class="muted">(&#xf06a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-gift
+ <span class="muted">(&#xf06b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-leaf
+ <span class="muted">(&#xf06c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-fire
+ <span class="muted">(&#xf06d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-eye-open
+ <span class="muted">(&#xf06e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-eye-close
+ <span class="muted">(&#xf070;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-warning-sign
+ <span class="muted">(&#xf071;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-plane
+ <span class="muted">(&#xf072;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-calendar
+ <span class="muted">(&#xf073;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-random
+ <span class="muted">(&#xf074;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-comment
+ <span class="muted">(&#xf075;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-magnet
+ <span class="muted">(&#xf076;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-chevron-up
+ <span class="muted">(&#xf077;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-chevron-down
+ <span class="muted">(&#xf078;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-retweet
+ <span class="muted">(&#xf079;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-shopping-cart
+ <span class="muted">(&#xf07a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-folder-close
+ <span class="muted">(&#xf07b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-folder-open
+ <span class="muted">(&#xf07c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-resize-vertical
+ <span class="muted">(&#xf07d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-resize-horizontal
+ <span class="muted">(&#xf07e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bar-chart
+ <span class="muted">(&#xf080;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-twitter-sign
+ <span class="muted">(&#xf081;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-facebook-sign
+ <span class="muted">(&#xf082;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-camera-retro
+ <span class="muted">(&#xf083;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-key
+ <span class="muted">(&#xf084;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-cogs
+ <span class="muted">(&#xf085;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-comments
+ <span class="muted">(&#xf086;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-thumbs-up-alt
+ <span class="muted">(&#xf087;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-thumbs-down-alt
+ <span class="muted">(&#xf088;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-star-half
+ <span class="muted">(&#xf089;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-heart-empty
+ <span class="muted">(&#xf08a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-signout
+ <span class="muted">(&#xf08b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-linkedin-sign
+ <span class="muted">(&#xf08c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-pushpin
+ <span class="muted">(&#xf08d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-external-link
+ <span class="muted">(&#xf08e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-signin
+ <span class="muted">(&#xf090;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-trophy
+ <span class="muted">(&#xf091;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-github-sign
+ <span class="muted">(&#xf092;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-upload-alt
+ <span class="muted">(&#xf093;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-lemon
+ <span class="muted">(&#xf094;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-phone
+ <span class="muted">(&#xf095;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-check-empty
+ <span class="muted">(&#xf096;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bookmark-empty
+ <span class="muted">(&#xf097;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-phone-sign
+ <span class="muted">(&#xf098;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-twitter
+ <span class="muted">(&#xf099;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-facebook
+ <span class="muted">(&#xf09a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-github
+ <span class="muted">(&#xf09b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-unlock
+ <span class="muted">(&#xf09c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-credit-card
+ <span class="muted">(&#xf09d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-rss
+ <span class="muted">(&#xf09e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-hdd
+ <span class="muted">(&#xf0a0;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bullhorn
+ <span class="muted">(&#xf0a1;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bell
+ <span class="muted">(&#xf0a2;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-certificate
+ <span class="muted">(&#xf0a3;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-hand-right
+ <span class="muted">(&#xf0a4;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-hand-left
+ <span class="muted">(&#xf0a5;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-hand-up
+ <span class="muted">(&#xf0a6;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-hand-down
+ <span class="muted">(&#xf0a7;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-circle-arrow-left
+ <span class="muted">(&#xf0a8;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-circle-arrow-right
+ <span class="muted">(&#xf0a9;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-circle-arrow-up
+ <span class="muted">(&#xf0aa;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-circle-arrow-down
+ <span class="muted">(&#xf0ab;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-globe
+ <span class="muted">(&#xf0ac;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-wrench
+ <span class="muted">(&#xf0ad;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-tasks
+ <span class="muted">(&#xf0ae;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-filter
+ <span class="muted">(&#xf0b0;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-briefcase
+ <span class="muted">(&#xf0b1;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-fullscreen
+ <span class="muted">(&#xf0b2;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-group
+ <span class="muted">(&#xf0c0;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-link
+ <span class="muted">(&#xf0c1;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-cloud
+ <span class="muted">(&#xf0c2;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-beaker
+ <span class="muted">(&#xf0c3;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-cut
+ <span class="muted">(&#xf0c4;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-copy
+ <span class="muted">(&#xf0c5;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-paper-clip
+ <span class="muted">(&#xf0c6;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-save
+ <span class="muted">(&#xf0c7;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sign-blank
+ <span class="muted">(&#xf0c8;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-reorder
+ <span class="muted">(&#xf0c9;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-list-ul
+ <span class="muted">(&#xf0ca;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-list-ol
+ <span class="muted">(&#xf0cb;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-strikethrough
+ <span class="muted">(&#xf0cc;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-underline
+ <span class="muted">(&#xf0cd;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-table
+ <span class="muted">(&#xf0ce;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-magic
+ <span class="muted">(&#xf0d0;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-truck
+ <span class="muted">(&#xf0d1;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-pinterest
+ <span class="muted">(&#xf0d2;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-pinterest-sign
+ <span class="muted">(&#xf0d3;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-google-plus-sign
+ <span class="muted">(&#xf0d4;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-google-plus
+ <span class="muted">(&#xf0d5;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-money
+ <span class="muted">(&#xf0d6;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-caret-down
+ <span class="muted">(&#xf0d7;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-caret-up
+ <span class="muted">(&#xf0d8;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-caret-left
+ <span class="muted">(&#xf0d9;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-caret-right
+ <span class="muted">(&#xf0da;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-columns
+ <span class="muted">(&#xf0db;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort
+ <span class="muted">(&#xf0dc;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort-down
+ <span class="muted">(&#xf0dd;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort-up
+ <span class="muted">(&#xf0de;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-envelope
+ <span class="muted">(&#xf0e0;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-linkedin
+ <span class="muted">(&#xf0e1;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-undo
+ <span class="muted">(&#xf0e2;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-legal
+ <span class="muted">(&#xf0e3;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-dashboard
+ <span class="muted">(&#xf0e4;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-comment-alt
+ <span class="muted">(&#xf0e5;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-comments-alt
+ <span class="muted">(&#xf0e6;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bolt
+ <span class="muted">(&#xf0e7;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sitemap
+ <span class="muted">(&#xf0e8;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-umbrella
+ <span class="muted">(&#xf0e9;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-paste
+ <span class="muted">(&#xf0ea;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-lightbulb
+ <span class="muted">(&#xf0eb;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-exchange
+ <span class="muted">(&#xf0ec;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-cloud-download
+ <span class="muted">(&#xf0ed;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-cloud-upload
+ <span class="muted">(&#xf0ee;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-user-md
+ <span class="muted">(&#xf0f0;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-stethoscope
+ <span class="muted">(&#xf0f1;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-suitcase
+ <span class="muted">(&#xf0f2;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bell-alt
+ <span class="muted">(&#xf0f3;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-coffee
+ <span class="muted">(&#xf0f4;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-food
+ <span class="muted">(&#xf0f5;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-file-text-alt
+ <span class="muted">(&#xf0f6;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-building
+ <span class="muted">(&#xf0f7;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-hospital
+ <span class="muted">(&#xf0f8;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-ambulance
+ <span class="muted">(&#xf0f9;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-medkit
+ <span class="muted">(&#xf0fa;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-fighter-jet
+ <span class="muted">(&#xf0fb;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-beer
+ <span class="muted">(&#xf0fc;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-h-sign
+ <span class="muted">(&#xf0fd;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-plus-sign-alt
+ <span class="muted">(&#xf0fe;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-double-angle-left
+ <span class="muted">(&#xf100;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-double-angle-right
+ <span class="muted">(&#xf101;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-double-angle-up
+ <span class="muted">(&#xf102;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-double-angle-down
+ <span class="muted">(&#xf103;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-angle-left
+ <span class="muted">(&#xf104;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-angle-right
+ <span class="muted">(&#xf105;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-angle-up
+ <span class="muted">(&#xf106;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-angle-down
+ <span class="muted">(&#xf107;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-desktop
+ <span class="muted">(&#xf108;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-laptop
+ <span class="muted">(&#xf109;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-tablet
+ <span class="muted">(&#xf10a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-mobile-phone
+ <span class="muted">(&#xf10b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-circle-blank
+ <span class="muted">(&#xf10c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-quote-left
+ <span class="muted">(&#xf10d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-quote-right
+ <span class="muted">(&#xf10e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-spinner
+ <span class="muted">(&#xf110;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-circle
+ <span class="muted">(&#xf111;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-reply
+ <span class="muted">(&#xf112;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-github-alt
+ <span class="muted">(&#xf113;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-folder-close-alt
+ <span class="muted">(&#xf114;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-folder-open-alt
+ <span class="muted">(&#xf115;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-expand-alt
+ <span class="muted">(&#xf116;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-collapse-alt
+ <span class="muted">(&#xf117;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-smile
+ <span class="muted">(&#xf118;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-frown
+ <span class="muted">(&#xf119;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-meh
+ <span class="muted">(&#xf11a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-gamepad
+ <span class="muted">(&#xf11b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-keyboard
+ <span class="muted">(&#xf11c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-flag-alt
+ <span class="muted">(&#xf11d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-flag-checkered
+ <span class="muted">(&#xf11e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-terminal
+ <span class="muted">(&#xf120;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-code
+ <span class="muted">(&#xf121;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-reply-all
+ <span class="muted">(&#xf122;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-mail-reply-all
+ <span class="muted">(&#xf122;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-star-half-empty
+ <span class="muted">(&#xf123;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-location-arrow
+ <span class="muted">(&#xf124;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-crop
+ <span class="muted">(&#xf125;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-code-fork
+ <span class="muted">(&#xf126;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-unlink
+ <span class="muted">(&#xf127;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-question
+ <span class="muted">(&#xf128;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-info
+ <span class="muted">(&#xf129;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-exclamation
+ <span class="muted">(&#xf12a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-superscript
+ <span class="muted">(&#xf12b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-subscript
+ <span class="muted">(&#xf12c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-eraser
+ <span class="muted">(&#xf12d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-puzzle-piece
+ <span class="muted">(&#xf12e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-microphone
+ <span class="muted">(&#xf130;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-microphone-off
+ <span class="muted">(&#xf131;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-shield
+ <span class="muted">(&#xf132;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-calendar-empty
+ <span class="muted">(&#xf133;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-fire-extinguisher
+ <span class="muted">(&#xf134;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-rocket
+ <span class="muted">(&#xf135;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-maxcdn
+ <span class="muted">(&#xf136;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-chevron-sign-left
+ <span class="muted">(&#xf137;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-chevron-sign-right
+ <span class="muted">(&#xf138;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-chevron-sign-up
+ <span class="muted">(&#xf139;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-chevron-sign-down
+ <span class="muted">(&#xf13a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-html5
+ <span class="muted">(&#xf13b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-css3
+ <span class="muted">(&#xf13c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-anchor
+ <span class="muted">(&#xf13d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-unlock-alt
+ <span class="muted">(&#xf13e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bullseye
+ <span class="muted">(&#xf140;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-ellipsis-horizontal
+ <span class="muted">(&#xf141;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-ellipsis-vertical
+ <span class="muted">(&#xf142;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-rss-sign
+ <span class="muted">(&#xf143;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-play-sign
+ <span class="muted">(&#xf144;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-ticket
+ <span class="muted">(&#xf145;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-minus-sign-alt
+ <span class="muted">(&#xf146;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-check-minus
+ <span class="muted">(&#xf147;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-level-up
+ <span class="muted">(&#xf148;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-level-down
+ <span class="muted">(&#xf149;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-check-sign
+ <span class="muted">(&#xf14a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-edit-sign
+ <span class="muted">(&#xf14b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-external-link-sign
+ <span class="muted">(&#xf14c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-share-sign
+ <span class="muted">(&#xf14d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-compass
+ <span class="muted">(&#xf14e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-collapse
+ <span class="muted">(&#xf150;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-collapse-top
+ <span class="muted">(&#xf151;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-expand
+ <span class="muted">(&#xf152;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-eur
+ <span class="muted">(&#xf153;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-gbp
+ <span class="muted">(&#xf154;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-usd
+ <span class="muted">(&#xf155;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-inr
+ <span class="muted">(&#xf156;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-jpy
+ <span class="muted">(&#xf157;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-cny
+ <span class="muted">(&#xf158;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-krw
+ <span class="muted">(&#xf159;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-btc
+ <span class="muted">(&#xf15a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-file
+ <span class="muted">(&#xf15b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-file-text
+ <span class="muted">(&#xf15c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort-by-alphabet
+ <span class="muted">(&#xf15d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort-by-alphabet-alt
+ <span class="muted">(&#xf15e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort-by-attributes
+ <span class="muted">(&#xf160;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort-by-attributes-alt
+ <span class="muted">(&#xf161;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort-by-order
+ <span class="muted">(&#xf162;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sort-by-order-alt
+ <span class="muted">(&#xf163;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-thumbs-up
+ <span class="muted">(&#xf164;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-thumbs-down
+ <span class="muted">(&#xf165;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-youtube-sign
+ <span class="muted">(&#xf166;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-youtube
+ <span class="muted">(&#xf167;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-xing
+ <span class="muted">(&#xf168;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-xing-sign
+ <span class="muted">(&#xf169;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-youtube-play
+ <span class="muted">(&#xf16a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-dropbox
+ <span class="muted">(&#xf16b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-stackexchange
+ <span class="muted">(&#xf16c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-instagram
+ <span class="muted">(&#xf16d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-flickr
+ <span class="muted">(&#xf16e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-adn
+ <span class="muted">(&#xf170;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bitbucket
+ <span class="muted">(&#xf171;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bitbucket-sign
+ <span class="muted">(&#xf172;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-tumblr
+ <span class="muted">(&#xf173;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-tumblr-sign
+ <span class="muted">(&#xf174;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-long-arrow-down
+ <span class="muted">(&#xf175;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-long-arrow-up
+ <span class="muted">(&#xf176;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-long-arrow-left
+ <span class="muted">(&#xf177;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-long-arrow-right
+ <span class="muted">(&#xf178;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-apple
+ <span class="muted">(&#xf179;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-windows
+ <span class="muted">(&#xf17a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-android
+ <span class="muted">(&#xf17b;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-linux
+ <span class="muted">(&#xf17c;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-dribbble
+ <span class="muted">(&#xf17d;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-skype
+ <span class="muted">(&#xf17e;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-foursquare
+ <span class="muted">(&#xf180;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-trello
+ <span class="muted">(&#xf181;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-female
+ <span class="muted">(&#xf182;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-male
+ <span class="muted">(&#xf183;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-gittip
+ <span class="muted">(&#xf184;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-sun
+ <span class="muted">(&#xf185;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-moon
+ <span class="muted">(&#xf186;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-archive
+ <span class="muted">(&#xf187;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-bug
+ <span class="muted">(&#xf188;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-vk
+ <span class="muted">(&#xf189;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-weibo
+ <span class="muted">(&#xf18a;)</span>
+ </div>
+
+ <div class="span4">
+ <i class="icon-fixed-width"></i>
+ icon-renren
+ <span class="muted">(&#xf18b;)</span>
+ </div>
+
+</div>
+
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>The Font Awesome Community</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../assets/css/site.css">
+ <link rel="stylesheet" href="../assets/css/pygments.css">
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../">Home</a></li>
+ <li><a href="../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../examples/#new-styles">New Styles</a></li>
+ <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../examples/#buttons">Buttons</a></li>
+ <li><a href="../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../examples/#navigation">Navigation</a></li>
+ <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../examples/#stacked">Stacked</a></li>
+ <li><a href="../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li class="active"><a href="../community/">Community</a></li>
+ <li><a href="../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+
+
+<div class="jumbotron jumbotron-ad hidden-print">
+ <div class="container">
+ <h1><i class="icon-thumbs-up-alt icon-large"></i> Community</h1>
+ <p>Lots of ways to get involved with Font Awesome</p>
+ </div>
+</div>
+
+<div id="social-buttons" class="hidden-print">
+ <div class="container">
+ <ul class="unstyled inline">
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+ </li>
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+ </li>
+ <li class="follow-btn">
+ <a href="https://twitter.com/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
+ </li>
+ <li class="tweet-btn hidden-phone">
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+
+<div class="container">
+
+<section class="hidden-print">
+ <div class="row stripe-ad">
+ <div class="span8">
+
+<p class="lead">
+ Font Awesome has a vibrant community of folks helping each other out. You can
+ <a href="#getting-support">get support</a>,
+ <a href="#reporting-bugs">report bugs</a>,
+ <a href="#requesting-new-icons">request new icons</a>,
+ <a href="#submitting-pull-requests">submit pull requests</a>, and
+ <a href="#project-milestones">check upcoming milestones</a>.
+</p>
+
+ </div>
+ <div class="span4">
+ <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+
+ </div>
+ </div>
+</section>
+
+
+<div id="getting-support">
+ <h2 class="page-header">Getting Support</h2>
+ <p>
+ Having trouble getting Font Awesome up and running? Something not working the way you think it should? I hate that
+ I don't have time to answer Font Awesome support emails anymore. So here are some things you might wanna do:
+ </p>
+ <ol>
+ <li>
+ Make sure you've read the latest version of how to <a href="../get-started/">get started</a>.
+ It's been updated recently to make Font Awesome even easier to use.
+ </li>
+ <li>
+ Check out the <a href="http://stackoverflow.com/questions/tagged/font-awesome">existing questions tagged as
+ Font Awesome</a> over on Stack Overflow. Other folks might have had the same question you've had.
+ </li>
+ <li>
+ Can't find the answer to your question on Stack Overflow?
+ <a href="http://stackoverflow.com/questions/ask?tags=font-awesome">Ask a new question</a>, then
+ <a href="mailto:dave@fontawesome.io">send me an email</a> and I might be able to take a look.
+ </li>
+ </ol>
+</div>
+
+<section id="reporting-bugs">
+ <h2 class="page-header">Reporting Bugs</h2>
+ <p>
+ Found a problem with Font Awesome? Feel free to submit an issue on the GitHub project. But please keep the following in mind:
+ </p>
+ <ol>
+ <li>Please be nice. Font Awesome is a happy place.</li>
+ <li>Please <a href="https://github.com/FortAwesome/Font-Awesome/search?type=Issues">search</a> to see if your icon request already exists.</li>
+ <li>
+ Before opening any issue, please read the generic <a href="https://github.com/necolas/issue-guidelines">issue
+ guidelines</a>, by <a href="https://github.com/necolas/">Nicolas Gallagher</a>.
+ </li>
+ <li>
+ After doing everything above, feel free to
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues/new">submit an issue</a>.
+ </li>
+ </ol>
+</section>
+
+<section id="requesting-new-icons">
+ <h2 class="page-header">Requesting New Icons</h2>
+ <p>
+ New icons mostly start as requests by the
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Font Awesome community on GitHub</a>. Want to request a new
+ icon? Here are some things to keep in mind:
+ </p>
+ <ol>
+ <li>Please be nice. Font Awesome is a happy place.</li>
+ <li>Please <a href="https://github.com/FortAwesome/Font-Awesome/search?type=Issues">search</a> to see if your icon request already exists.</li>
+ <li>
+ Please and thank you if you include the following:
+ <ul>
+ <li>
+ Title your <a href="https://github.com/FortAwesome/Font-Awesome/issues/new?title=Icon%20Request:%20icon-name">new issue</a>
+ <code>Icon request: icon-name</code>.
+ </li>
+ <li>Include a few use cases for your requested icon. How do you plan on using it?</li>
+ <li>Attach a single color image or two that represent the idea you're going for.</li>
+ </ul>
+ </li>
+ <li>
+ Concrete objects make good icons, since abstract concepts are, well, abstract. It's harder to make an icon
+ to represent happiness. It's easier to make a smiley face. <i class="icon-smile"></i>
+ </li>
+ </ol>
+</section>
+
+<section id="submitting-pull-requests">
+ <h2 class="page-header">Submitting Pull Requests</h2>
+ Found a way to solve a bug in Font Awesome? Want to contribute new features? Here are a few things to remember:
+ <ol>
+ <li>Please submit all pull requests against *-wip branches.</li>
+ <li>All pull requests submitted against master will be sumarily closed and this guide referenced.</li>
+ <li>
+ After doing everything above, feel free to
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues/new">submit a pull request</a>.
+ </li>
+ </ol>
+</section>
+
+<section id="project-milestones">
+ <h2 class="page-header">Project Milestones</h2>
+ <p>
+ Want to keep up with what's planned for Font Awesome? Check out our
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues/milestones">milestones</a> on the GitHub project.
+ </p>
+</section>
+
+
+<section id="thanks-to">
+ <h2 class="page-header">Thanks To</h2>
+ <div class="row">
+ <div class="span4">
+ <p>
+ Thanks to <a href="https://twitter.com/robmadole/">@robmadole</a> and
+ <a href="https://twitter.com/supercodepoet/">@supercodepoet</a> for icon design
+ review, advice, some Jekyll help, and being all around badass coders.
+ </p>
+ </div>
+ <div class="span4">
+ <p>
+ Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and
+ <a href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing and hosting
+ <a href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome.
+ </p>
+ </div>
+ <div class="span4">
+ <p>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent
+ <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a>, the fastest and easiest way to
+ <a href="../get-started/#bootstrapcdn">get started</a> with Font Awesome.
+ </p>
+ </div>
+ </div>
+</section>
+
+<section id="tell-me-thanks">
+ <h2 class="page-header">Tell Me Thanks</h2>
+ <p class="lead">
+ Hopefully you think Font Awesome <em>is</em> awesome. I've put hundreds of hours into the project to give back to the
+ open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work.
+ </p>
+ <div class="row">
+ <div class="span6">
+ <h3><a href="https://www.gittip.com/davegandy/"><i class="icon-gittip"></i> Tip me on Gittip</a></h3>
+ <p>
+ Gittip is a great way to let developers know you appreciate their work.
+ </p>
+ </div>
+ <div class="span6">
+ <h3><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h3>
+ <p>
+ Or pick something straight
+ from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great.
+ </p>
+ </div>
+ </div>
+</section>
+
+
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<META HTTP-EQUIV=REFRESH CONTENT="0; URL=cheatsheet/">
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>Font Awesome Examples</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../assets/css/site.css">
+ <link rel="stylesheet" href="../assets/css/pygments.css">
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../">Home</a></li>
+ <li><a href="../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left active"><a href="../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone active">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../examples/#new-styles">New Styles</a></li>
+ <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../examples/#buttons">Buttons</a></li>
+ <li><a href="../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../examples/#navigation">Navigation</a></li>
+ <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../examples/#stacked">Stacked</a></li>
+ <li><a href="../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../community/">Community</a></li>
+ <li><a href="../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+
+
+<div class="jumbotron jumbotron-ad hidden-print">
+ <div class="container">
+ <h1><i class="icon-magic icon-large"></i> Examples</h1>
+ <p>Lots of easy ways to use Font Awesome</p>
+ </div>
+</div>
+
+<div id="social-buttons" class="hidden-print">
+ <div class="container">
+ <ul class="unstyled inline">
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+ </li>
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+ </li>
+ <li class="follow-btn">
+ <a href="https://twitter.com/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
+ </li>
+ <li class="tweet-btn hidden-phone">
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+
+<div class="container">
+
+<section class="hidden-print">
+ <div class="row stripe-ad">
+ <div class="span8">
+
+<p class="lead">
+ After you <a href="../get-started/">get up and running</a>, you can place Font Awesome icons just about
+ anywhere with the <code><i></code> tag.
+ Many examples appreciatively re-used from the <a href="http://getbootstrap.com">Bootstrap documentation</a>.
+</p>
+
+ </div>
+ <div class="span4">
+ <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+
+ </div>
+ </div>
+</section>
+
+
+<div id="new-styles">
+ <h2 class="page-header">New Styles in 3.2</h2>
+ <div class="row">
+ <div class="span4">
+ <h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>
+ <div class="well well-transparent">
+ <i class="icon-shield"></i> normal<br>
+ <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br>
+ <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
+ <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br>
+ <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br>
+ <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
+ </div>
+ </div>
+ <div class="span4">
+ <h4><a href="#stacked">Stacked Icons</a></h4>
+ <div class="well well-transparent stacked">
+ <span class="icon-stack">
+ <i class="icon-check-empty icon-stack-base"></i>
+ <i class="icon-twitter"></i>
+ </span>
+ icon-twitter on icon-check-empty<br>
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-flag icon-light"></i>
+ </span>
+ icon-flag on icon-circle<br>
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-terminal icon-light"></i>
+ </span>
+ icon-terminal on icon-sign-blank
+ </div>
+ </div>
+ <div class="span4">
+ <h4><a href="#bulleted-lists">Better Bulleted Lists</a></h4>
+ <div class="well well-transparent">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-chevron-sign-right"></i>New bulleted lists</li>
+ <li><i class="icon-li icon-bullseye"></i>Fix some old bugs</li>
+ <li><i class="icon-li icon-play-sign"></i>And deal with arbitrary</li>
+ <li><i class="icon-li icon-ok-sign"></i>Font sizes better</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+<section id="inline-icons">
+ <h2 class="page-header">Inline Icons</h2>
+ <div class="row">
+ <div class="span3">
+ <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p>
+ </div>
+ <div class="span9">
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-camera-retro"></i> icon-camera-retro
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro"</span><span class="nt">></i></span> icon-camera-retro
+</code></pre></div>
+ <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
+ </div>
+ </div>
+</section>
+
+<section id="larger-icons">
+ <h2 class="page-header">Larger Icons</h2>
+ <div class="row">
+ <div class="span3">
+ <p>
+ To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>,
+ <code>icon-3x</code>, or <code>icon-4x</code>.
+ </p>
+ </div>
+ <div class="span9">
+ <p>
+ Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>,
+ <code>icon-3x</code>, or <code>icon-4x</code> classes.
+ </p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
+ <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
+ <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
+ <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><p><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro icon-large"</span><span class="nt">></i></span> icon-camera-retro<span class="nt"></p></span>
+<span class="nt"><p><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro icon-2x"</span><span class="nt">></i></span> icon-camera-retro<span class="nt"></p></span>
+<span class="nt"><p><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro icon-3x"</span><span class="nt">></i></span> icon-camera-retro<span class="nt"></p></span>
+<span class="nt"><p><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro icon-4x"</span><span class="nt">></i></span> icon-camera-retro<span class="nt"></p></span>
+</code></pre></div>
+ <div class="alert alert-info">
+ <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have
+ sufficient line-height.
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="bordered-pulled">
+ <h2 class="page-header">Bordered & Pulled Icons</h2>
+ <div class="row">
+ <div class="span3">
+ <p>
+ Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
+ article graphics.
+ </p>
+ </div>
+ <div class="span9">
+ <div class="well well-large well-transparent">
+ <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
+ Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+ Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
+ of them in any combination to get lots of new possibilities.
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-quote-left icon-4x pull-left icon-muted"</span><span class="nt">></i></span>
+Use a few of the new styles together ... lots of new possibilities.
+</code></pre></div>
+ <div class="well well-large well-transparent clearfix">
+ <i class="icon-flag icon-4x pull-left icon-border"></i>
+ Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+ Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
+ of them in any combination to get lots of new possibilities.
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag icon-4x pull-left icon-border"</span><span class="nt">></i></span>
+Use a few of the new styles together ... lots of new possibilities.
+</code></pre></div>
+ </div>
+ </div>
+</section>
+
+<section id="buttons">
+ <h2 class="page-header">Buttons</h2>
+ <div class="row">
+ <div class="span3">
+ <p>
+ <a class="btn" href="#">
+ <i class="icon-repeat"></i> Reload</a>
+ <a class="btn btn-success" href="#">
+ <i class="icon-shopping-cart icon-large"></i> Checkout</a>
+ </p>
+ <p>
+ <a class="btn btn-large btn-primary" href="#">
+ <i class="icon-comment"></i> Comment</a>
+ <a class="btn btn-small btn-info" href="#">
+ <i class="icon-info-sign"></i> Info</a>
+ </p>
+ <p>
+ <a class="btn btn-danger" href="#">
+ <i class="icon-trash icon-large"></i> Delete</a>
+ <a class="btn btn-small" href="#">
+ <i class="icon-cog"></i> Settings</a>
+ </p>
+ <p>
+ <a class="btn btn-large btn-danger" href="#">
+ <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version 3.2.1</a>
+ </p>
+ <p>
+ <a class="btn btn-primary" href="#">
+ <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
+ </p>
+ </div>
+ <div class="span9">
+ <p>
+ Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
+ <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
+ </p>
+<div class="highlight"><pre><code class="html"><span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-repeat"</span><span class="nt">></i></span> Reload<span class="nt"></a></span>
+<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-success"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shopping-cart icon-large"</span><span class="nt">></i></span> Checkout<span class="nt"></a></span>
+<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-large btn-primary"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comment"</span><span class="nt">></i></span> Comment<span class="nt"></a></span>
+<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-small btn-info"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-info-sign"</span><span class="nt">></i></span> Info<span class="nt"></a></span>
+<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-danger"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-trash icon-large"</span><span class="nt">></i></span> Delete<span class="nt"></a></span>
+<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-small"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cog"</span><span class="nt">></i></span> Settings<span class="nt"></a></span>
+<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-large btn-danger"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag icon-2x pull-left"</span><span class="nt">></i></span> Font Awesome<span class="nt"><br></span>Version 3.2.1<span class="nt"></a></span>
+<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-refresh icon-spin"</span><span class="nt">></i></span> Synchronizing Content...<span class="nt"></a></span>
+</code></pre></div>
+ </div>
+ </div>
+</section>
+
+<section id="button-groups">
+ <h2 class="page-header">Button Groups</h2>
+ <div class="row">
+ <div class="span3">
+ <p>
+ <div class="btn-group">
+ <a class="btn" href="#"><i class="icon-align-left"></i></a>
+ <a class="btn" href="#"><i class="icon-align-center"></i></a>
+ <a class="btn" href="#"><i class="icon-align-right"></i></a>
+ <a class="btn" href="#"><i class="icon-align-justify"></i></a>
+ </div>
+ </p>
+ </div>
+ <div class="span9">
+<div class="highlight"><pre><code class="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-group"</span><span class="nt">></span>
+ <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-align-left"</span><span class="nt">></i></a></span>
+ <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-align-center"</span><span class="nt">></i></a></span>
+ <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-align-right"</span><span class="nt">></i></a></span>
+ <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-align-justify"</span><span class="nt">></i></a></span>
+<span class="nt"></div></span>
+</code></pre></div>
+ </div>
+ </div>
+</section>
+
+<section id="button-dropdowns">
+ <h2 class="page-header">Button Dropdowns</h2>
+ <div class="row">
+ <div class="span3">
+ <div class="btn-group open">
+ <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
+ <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+ <span class="icon-caret-down"></span></a>
+ <ul class="dropdown-menu">
+ <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li>
+ <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li>
+ <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li>
+ <li class="divider"></li>
+ <li><a href="#"><i class="i"></i> Make admin</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="span9">
+<div class="highlight"><pre><code class="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-group open"</span><span class="nt">></span>
+ <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-user"</span><span class="nt">></i></span> User<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-primary dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
+ <span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-caret-down"</span><span class="nt">></span></a></span>
+ <span class="nt"><ul</span> <span class="na">class=</span><span class="s">"dropdown-menu"</span><span class="nt">></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-pencil"</span><span class="nt">></i></span> Edit<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-trash"</span><span class="nt">></i></span> Delete<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-ban-circle"</span><span class="nt">></i></span> Ban<span class="nt"></a></li></span>
+ <span class="nt"><li</span> <span class="na">class=</span><span class="s">"divider"</span><span class="nt">></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"i"</span><span class="nt">></i></span> Make admin<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+<span class="nt"></div></span>
+</code></pre></div>
+ <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div>
+ </div>
+ </div>
+</section>
+
+<section id="bulleted-lists">
+ <h2 class="page-header">Bulleted Lists</h2>
+ <div class="row">
+ <div class="span12">
+ </div>
+ <div class="span3">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
+ <li><i class="icon-li icon-ok"></i>Buttons</li>
+ <li><i class="icon-li icon-ok"></i>Button groups</li>
+ <li><i class="icon-li icon-ok"></i>Navigation</li>
+ <li><i class="icon-li icon-ok"></i>Prepended form inputs</li>
+ <li><i class="icon-li icon-ok"></i>…and many more with custom CSS</li>
+ </ul>
+ </div>
+ <div class="span9">
+ <p>Easily replace individual bullets.</p>
+<div class="highlight"><pre><code class="html"><span class="nt"><ul</span> <span class="na">class=</span><span class="s">"icons-ul"</span><span class="nt">></span>
+ <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Bulleted lists (like this one)<span class="nt"></li></span>
+ <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Buttons<span class="nt"></li></span>
+ <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Button groups<span class="nt"></li></span>
+ <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Navigation<span class="nt"></li></span>
+ <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Prepended form inputs<span class="nt"></li></span>
+ <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span><span class="ni">&hellip;</span>and many more with custom CSS<span class="nt"></li></span>
+<span class="nt"></ul></span>
+</code></pre></div>
+ <div class="alert alert-info"><i class="icon-info-sign"></i> Make sure to NOT include any whitespace after the icon declaration.</div>
+ </div>
+ </div>
+</section>
+
+<section id="navigation">
+ <h2 class="page-header">Navigation</h2>
+ <div class="row">
+ <div class="span3">
+ <div class="well" style="padding: 8px 0;">
+ <ul class="nav nav-list">
+ <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
+ <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>
+ <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Applications</a></li>
+ <li><a href="#"><i class="icon-fixed-width icon-cogs"></i> Settings</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="span9">
+ <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
+<div class="highlight"><pre><code class="html"><span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-list"</span><span class="nt">></span>
+ <span class="nt"><li</span> <span class="na">class=</span><span class="s">"active"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-home"</span><span class="nt">></i></span> Home<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-book"</span><span class="nt">></i></span> Library<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-pencil"</span><span class="nt">></i></span> Applications<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-cogs"</span><span class="nt">></i></span> Settings<span class="nt"></a></li></span>
+<span class="nt"></ul></span>
+</code></pre></div>
+ </div>
+ </div>
+</section>
+
+<section id="form-inputs">
+ <h2 class="page-header">Prepended & Appended Form Inputs</h2>
+ <div class="row">
+ <div class="span3">
+ <form>
+ <div class="input-prepend">
+ <span class="add-on"><i class="icon-envelope"></i></span>
+ <input class="span2" type="text" placeholder="Email address">
+ </div>
+ <div class="input-prepend">
+ <span class="add-on"><i class="icon-key"></i></span>
+ <input class="span2" type="password" placeholder="Password">
+ </div>
+ </form>
+ </div>
+ <div class="span9">
+<div class="highlight"><pre><code class="html"><span class="nt"><form></span>
+ <span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-prepend"</span><span class="nt">></span>
+ <span class="nt"><span</span> <span class="na">class=</span><span class="s">"add-on"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-envelope"</span><span class="nt">></i></span></span>
+ <span class="nt"><input</span> <span class="na">class=</span><span class="s">"span2"</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">placeholder=</span><span class="s">"Email address"</span><span class="nt">></span>
+ <span class="nt"></div></span>
+ <span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-prepend"</span><span class="nt">></span>
+ <span class="nt"><span</span> <span class="na">class=</span><span class="s">"add-on"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-key"</span><span class="nt">></i></span></span>
+ <span class="nt"><input</span> <span class="na">class=</span><span class="s">"span2"</span> <span class="na">type=</span><span class="s">"password"</span> <span class="na">placeholder=</span><span class="s">"Password"</span><span class="nt">></span>
+ <span class="nt"></div></span>
+<span class="nt"></form></span>
+</code></pre></div>
+ </div>
+ </div>
+</section>
+
+<section id="animated-spinner">
+ <h2 class="page-header">Animated Spinner</h2>
+ <div class="row">
+ <div class="span3">
+ Use the <code>icon-spin</code> class to get any icon to rotate. Works well with <code>icon-spinner</code> and
+ <code>icon-refresh</code>.
+ </div>
+ <div class="span9">
+ <div class="well well-large well-transparent lead">
+ <i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-spinner icon-spin icon-large"</span><span class="nt">></i></span> Spinner icon when loading content...
+</code></pre></div>
+ <p class="alert alert-info">
+ <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9.
+ </p>
+ </div>
+ </div>
+</section>
+
+<section id="rotated-flipped">
+ <h2 class="page-header">Rotated & Flipped</h2>
+ <div class="row">
+ <div class="span3">
+ A set of classes that can be used to arbitrarily rotate and flip icons.
+ </div>
+ <div class="span9">
+ <div class="well well-large well-transparent lead">
+ <i class="icon-shield"></i> normal<br>
+ <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br>
+ <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
+ <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br>
+ <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br>
+ <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> normal<span class="nt"><br></span>
+<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-rotate-90"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-rotate-90<span class="nt"><br></span>
+<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-rotate-180"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-rotate-180<span class="nt"><br></span>
+<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-rotate-270"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-rotate-270<span class="nt"><br></span>
+<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-flip-horizontal"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-flip-horizontal<span class="nt"><br></span>
+<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-flip-vertical"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-flip-vertical
+</code></pre></div>
+ <p class="alert alert-info">
+ <i class="icon-info-sign"></i> Rotating and flipping icons aren't yet supported in IE7.
+ </p>
+ </div>
+ </div>
+</section>
+
+<section id="stacked">
+ <h2 class="page-header">Stacked Icons</h2>
+ <div class="row">
+ <div class="span3">
+ A method for easily stacking multiple icons. Use the <code>icon-stack</code> class on the parent and
+ <code>icon-stack-base</code> for the bottom icon.
+ </div>
+ <div class="span9">
+ <div class="well well-large well-transparent lead">
+ <span class="icon-stack">
+ <i class="icon-check-empty icon-stack-base"></i>
+ <i class="icon-twitter"></i>
+ </span>
+ icon-twitter on icon-check-empty<br>
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-flag icon-light"></i>
+ </span>
+ icon-flag on icon-circle<br>
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-terminal icon-light"></i>
+ </span>
+ icon-terminal on icon-sign-blank<br>
+ <span class="icon-stack">
+ <i class="icon-camera"></i>
+ <i class="icon-ban-circle icon-stack-base text-error"></i>
+ </span>
+ icon-camera on icon-ban-circle
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-stack"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check-empty icon-stack-base"</span><span class="nt">></i></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-twitter"</span><span class="nt">></i></span>
+<span class="nt"></span></span>
+icon-twitter on icon-check-empty<span class="nt"><br></span>
+<span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-stack"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle icon-stack-base"</span><span class="nt">></i></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag icon-light"</span><span class="nt">></i></span>
+<span class="nt"></span></span>
+icon-flag on icon-circle<span class="nt"><br></span>
+<span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-stack"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sign-blank icon-stack-base"</span><span class="nt">></i></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-terminal icon-light"</span><span class="nt">></i></span>
+<span class="nt"></span></span>
+icon-terminal on icon-sign-blank<span class="nt"><br></span>
+<span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-stack"</span><span class="nt">></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-camera"</span><span class="nt">></i></span>
+ <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ban-circle icon-stack-base text-error"</span><span class="nt">></i></span>
+<span class="nt"></span></span>
+icon-camera on icon-ban-circle
+</code></pre></div>
+ </div>
+ </div>
+</section>
+
+<section id="custom">
+ <h2 class="page-header">Custom CSS</h2>
+ <div class="row">
+ <div class="span3">
+ <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
+ </div>
+ <div class="span9">
+ <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p>
+ <div class="well">
+ <span class="rating">
+ <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
+ </span>
+ </div>
+ </div>
+ </div>
+</section>
+
+
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>Get Started with Font Awesome</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../assets/css/site.css">
+ <link rel="stylesheet" href="../assets/css/pygments.css">
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../">Home</a></li>
+ <li class="active"><a href="../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../examples/#new-styles">New Styles</a></li>
+ <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../examples/#buttons">Buttons</a></li>
+ <li><a href="../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../examples/#navigation">Navigation</a></li>
+ <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../examples/#stacked">Stacked</a></li>
+ <li><a href="../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../community/">Community</a></li>
+ <li><a href="../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+
+
+<div class="jumbotron jumbotron-ad hidden-print">
+ <div class="container">
+ <h1><i class="icon-cogs icon-large"></i> Get Started</h1>
+ <p>Easy ways to get Font Awesome 3.2.1 onto your website</p>
+ </div>
+</div>
+
+<div id="social-buttons" class="hidden-print">
+ <div class="container">
+ <ul class="unstyled inline">
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+ </li>
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+ </li>
+ <li class="follow-btn">
+ <a href="https://twitter.com/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
+ </li>
+ <li class="tweet-btn hidden-phone">
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+
+<div class="container">
+
+<section class="hidden-print">
+ <div class="row stripe-ad">
+ <div class="span8">
+
+<p class="lead">
+ Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and
+ customize the LESS yourself! Font Awesome even plays nicely with
+ <a href="http://getbootstrap.com">Bootstrap</a>!
+</p>
+
+ </div>
+ <div class="span4">
+ <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+
+ </div>
+ </div>
+</section>
+
+
+<div id="bootstrapcdn">
+ <h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a></h2>
+ <p>Add Font Awesome + Bootstrap into your website with two lines of code. You don't even have to download or install anything!</p>
+ <ol>
+ <li>
+ Paste the following code into the <code><head></code> section of your site's HTML.
+<div class="highlight"><pre><code class="html"><span class="nt"><link</span> <span class="na">href=</span><span class="s">"//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css"</span> <span class="na">rel=</span><span class="s">"stylesheet"</span><span class="nt">></span>
+<span class="nt"><link</span> <span class="na">href=</span><span class="s">"//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"</span> <span class="na">rel=</span><span class="s">"stylesheet"</span><span class="nt">></span>
+</code></pre></div>
+ <div class="alert alert-info margin-top">
+ <i class="icon-info-sign"></i> Want to use Font Awesome by itself without Bootstrap? Just don't include the first line.
+ </div>
+ </li>
+ <li>
+ Pat yourself on the back for your scalable-vector-icons-on-the-website
+ <a href="http://37signals.com/svn/posts/312-lingo-judo">judo solution</a> in two lines of code.
+ </li>
+ <li>
+ Check out the <a href="../examples/">examples</a> to start using Font Awesome!
+ </li>
+ </ol>
+</div>
+
+<section id="default-css">
+ <h2 class="page-header">EASY: Default CSS</h2>
+ <p>Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.</p>
+ <ol>
+ <li>Copy the <code>font-awesome</code> directory into your project.</li>
+ <li>
+ In the <code><head></code> of your html, reference the location to your font-awesome.min.css.
+<div class="highlight"><pre><code class="html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path/to/bootstrap/css/bootstrap.min.css"</span><span class="nt">></span>
+<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path/to/font-awesome/css/font-awesome.min.css"</span><span class="nt">></span>
+</code></pre></div>
+ </li>
+ <li>Check out the <a href="../examples/">examples</a> to start using Font Awesome!</li>
+ </ol>
+</section>
+
+<section id="custom-less">
+ <h2 class="page-header">PRO: Custom LESS</h2>
+ <p>Use this method to customize Font Awesome and Bootstrap 2.3.2 using LESS.</p>
+ <ol>
+ <li>Copy the <code>font-awesome</code> directory into your project.</li>
+ <li>Open your project's bootstrap/bootstrap.less and replace
+<div class="highlight"><pre><code class="html">@import "sprites.less";
+</code></pre></div>
+ with
+<div class="highlight"><pre><code class="html">@import "path/to/font-awesome/less/font-awesome.less";
+</code></pre></div>
+ </li>
+ <li>
+ Open your project's font-awesome/variables.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
+<div class="highlight"><pre><code class="html">@FontAwesomePath: "../font";
+</code></pre></div>
+ <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
+ </li>
+ <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li>
+ <li>Check out the <a href="../examples/">examples</a> to start using Font Awesome!</li>
+ </ol>
+</section>
+
+<section id="not-using-bootstrap">
+ <h2 class="page-header">Not using Bootstrap?</h2>
+ <p>Font Awesome works just as well without Bootstrap.</p>
+ <ol>
+ <li>Copy the <code>font-awesome</code> directory into your project.</li>
+ <li>Follow the above directions and skip the Bootstrap parts.</li>
+ <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li>
+ <li>Check out the <a href="../examples/">examples</a> to start using Font Awesome!</li>
+ </ol>
+</section>
+
+<section class="need-ie7">
+ <h2 class="page-header">Need IE7 Support?</h2>
+ <p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
+ <ol>
+ <li>Get Font Awesome working properly in a modern browser.</li>
+ <li>Copy font-awesome-ie7.min.css into your project.</li>
+ <li>
+ In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css.
+<div class="highlight"><pre><code class="html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path/to/bootstrap/css/bootstrap.min.css"</span><span class="nt">></span>
+<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path/to/font-awesome/css/font-awesome.min.css"</span><span class="nt">></span>
+<span class="c"><!--[if IE 7]></span>
+<span class="c"> <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css"></span>
+<span class="c"><![endif]--></span>
+</code></pre></div>
+ </li>
+ <li>Go complain to whoever decided your project needs IE7 support.</li>
+ </ol>
+</section>
+
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-adjust: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-adjust icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-adjust icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-adjust icon-4"></i> </span>
+ <i class="icon-adjust icon-3"></i>
+ <i class="icon-adjust icon-2"></i>
+ </span>
+ <i class="icon-adjust icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-adjust
+ <small>
+ <i class="icon-adjust"></i> ·
+ Unicode: <span class="upper">f042</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-adjust"></i> icon-adjust
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-adjust"</span><span class="nt">></i></span> icon-adjust
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-adn: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-adn icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-adn icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-adn icon-4"></i> </span>
+ <i class="icon-adn icon-3"></i>
+ <i class="icon-adn icon-2"></i>
+ </span>
+ <i class="icon-adn icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-adn
+ <small>
+ <i class="icon-adn"></i> ·
+ Unicode: <span class="upper">f170</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-adn"></i> icon-adn
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-adn"</span><span class="nt">></i></span> icon-adn
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-align-center: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-align-center icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-align-center icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-align-center icon-4"></i> </span>
+ <i class="icon-align-center icon-3"></i>
+ <i class="icon-align-center icon-2"></i>
+ </span>
+ <i class="icon-align-center icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-align-center
+ <small>
+ <i class="icon-align-center"></i> ·
+ Unicode: <span class="upper">f037</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-align-center"></i> icon-align-center
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-align-center"</span><span class="nt">></i></span> icon-align-center
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-align-justify: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-align-justify icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-align-justify icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-align-justify icon-4"></i> </span>
+ <i class="icon-align-justify icon-3"></i>
+ <i class="icon-align-justify icon-2"></i>
+ </span>
+ <i class="icon-align-justify icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-align-justify
+ <small>
+ <i class="icon-align-justify"></i> ·
+ Unicode: <span class="upper">f039</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-align-justify"></i> icon-align-justify
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-align-justify"</span><span class="nt">></i></span> icon-align-justify
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-align-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-align-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-align-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-align-left icon-4"></i> </span>
+ <i class="icon-align-left icon-3"></i>
+ <i class="icon-align-left icon-2"></i>
+ </span>
+ <i class="icon-align-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-align-left
+ <small>
+ <i class="icon-align-left"></i> ·
+ Unicode: <span class="upper">f036</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-align-left"></i> icon-align-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-align-left"</span><span class="nt">></i></span> icon-align-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-align-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-align-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-align-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-align-right icon-4"></i> </span>
+ <i class="icon-align-right icon-3"></i>
+ <i class="icon-align-right icon-2"></i>
+ </span>
+ <i class="icon-align-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-align-right
+ <small>
+ <i class="icon-align-right"></i> ·
+ Unicode: <span class="upper">f038</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-align-right"></i> icon-align-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-align-right"</span><span class="nt">></i></span> icon-align-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-ambulance: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-ambulance icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-ambulance icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-ambulance icon-4"></i> </span>
+ <i class="icon-ambulance icon-3"></i>
+ <i class="icon-ambulance icon-2"></i>
+ </span>
+ <i class="icon-ambulance icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-ambulance
+ <small>
+ <i class="icon-ambulance"></i> ·
+ Unicode: <span class="upper">f0f9</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Medical Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-ambulance"></i> icon-ambulance
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ambulance"</span><span class="nt">></i></span> icon-ambulance
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-anchor: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-anchor icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-anchor icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-anchor icon-4"></i> </span>
+ <i class="icon-anchor icon-3"></i>
+ <i class="icon-anchor icon-2"></i>
+ </span>
+ <i class="icon-anchor icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-anchor
+ <small>
+ <i class="icon-anchor"></i> ·
+ Unicode: <span class="upper">f13d</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-anchor"></i> icon-anchor
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-anchor"</span><span class="nt">></i></span> icon-anchor
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-android: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-android icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-android icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-android icon-4"></i> </span>
+ <i class="icon-android icon-3"></i>
+ <i class="icon-android icon-2"></i>
+ </span>
+ <i class="icon-android icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-android
+ <small>
+ <i class="icon-android"></i> ·
+ Unicode: <span class="upper">f17b</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-android"></i> icon-android
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-android"</span><span class="nt">></i></span> icon-android
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-angle-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-angle-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-angle-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-angle-down icon-4"></i> </span>
+ <i class="icon-angle-down icon-3"></i>
+ <i class="icon-angle-down icon-2"></i>
+ </span>
+ <i class="icon-angle-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-angle-down
+ <small>
+ <i class="icon-angle-down"></i> ·
+ Unicode: <span class="upper">f107</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-angle-down"></i> icon-angle-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-angle-down"</span><span class="nt">></i></span> icon-angle-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-angle-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-angle-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-angle-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-angle-left icon-4"></i> </span>
+ <i class="icon-angle-left icon-3"></i>
+ <i class="icon-angle-left icon-2"></i>
+ </span>
+ <i class="icon-angle-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-angle-left
+ <small>
+ <i class="icon-angle-left"></i> ·
+ Unicode: <span class="upper">f104</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-angle-left"></i> icon-angle-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-angle-left"</span><span class="nt">></i></span> icon-angle-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-angle-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-angle-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-angle-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-angle-right icon-4"></i> </span>
+ <i class="icon-angle-right icon-3"></i>
+ <i class="icon-angle-right icon-2"></i>
+ </span>
+ <i class="icon-angle-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-angle-right
+ <small>
+ <i class="icon-angle-right"></i> ·
+ Unicode: <span class="upper">f105</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-angle-right"></i> icon-angle-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-angle-right"</span><span class="nt">></i></span> icon-angle-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-angle-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-angle-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-angle-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-angle-up icon-4"></i> </span>
+ <i class="icon-angle-up icon-3"></i>
+ <i class="icon-angle-up icon-2"></i>
+ </span>
+ <i class="icon-angle-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-angle-up
+ <small>
+ <i class="icon-angle-up"></i> ·
+ Unicode: <span class="upper">f106</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-angle-up"></i> icon-angle-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-angle-up"</span><span class="nt">></i></span> icon-angle-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-apple: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-apple icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-apple icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-apple icon-4"></i> </span>
+ <i class="icon-apple icon-3"></i>
+ <i class="icon-apple icon-2"></i>
+ </span>
+ <i class="icon-apple icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-apple
+ <small>
+ <i class="icon-apple"></i> ·
+ Unicode: <span class="upper">f179</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-apple"></i> icon-apple
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-apple"</span><span class="nt">></i></span> icon-apple
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-archive: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-archive icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-archive icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-archive icon-4"></i> </span>
+ <i class="icon-archive icon-3"></i>
+ <i class="icon-archive icon-2"></i>
+ </span>
+ <i class="icon-archive icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-archive
+ <small>
+ <i class="icon-archive"></i> ·
+ Unicode: <span class="upper">f187</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-archive"></i> icon-archive
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-archive"</span><span class="nt">></i></span> icon-archive
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-arrow-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-arrow-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-arrow-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-arrow-down icon-4"></i> </span>
+ <i class="icon-arrow-down icon-3"></i>
+ <i class="icon-arrow-down icon-2"></i>
+ </span>
+ <i class="icon-arrow-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-arrow-down
+ <small>
+ <i class="icon-arrow-down"></i> ·
+ Unicode: <span class="upper">f063</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-arrow-down"></i> icon-arrow-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-arrow-down"</span><span class="nt">></i></span> icon-arrow-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-arrow-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-arrow-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-arrow-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-arrow-left icon-4"></i> </span>
+ <i class="icon-arrow-left icon-3"></i>
+ <i class="icon-arrow-left icon-2"></i>
+ </span>
+ <i class="icon-arrow-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-arrow-left
+ <small>
+ <i class="icon-arrow-left"></i> ·
+ Unicode: <span class="upper">f060</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-arrow-left"></i> icon-arrow-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-arrow-left"</span><span class="nt">></i></span> icon-arrow-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-arrow-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-arrow-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-arrow-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-arrow-right icon-4"></i> </span>
+ <i class="icon-arrow-right icon-3"></i>
+ <i class="icon-arrow-right icon-2"></i>
+ </span>
+ <i class="icon-arrow-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-arrow-right
+ <small>
+ <i class="icon-arrow-right"></i> ·
+ Unicode: <span class="upper">f061</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-arrow-right"></i> icon-arrow-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-arrow-right"</span><span class="nt">></i></span> icon-arrow-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-arrow-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-arrow-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-arrow-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-arrow-up icon-4"></i> </span>
+ <i class="icon-arrow-up icon-3"></i>
+ <i class="icon-arrow-up icon-2"></i>
+ </span>
+ <i class="icon-arrow-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-arrow-up
+ <small>
+ <i class="icon-arrow-up"></i> ·
+ Unicode: <span class="upper">f062</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-arrow-up"></i> icon-arrow-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-arrow-up"</span><span class="nt">></i></span> icon-arrow-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-asterisk: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-asterisk icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-asterisk icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-asterisk icon-4"></i> </span>
+ <i class="icon-asterisk icon-3"></i>
+ <i class="icon-asterisk icon-2"></i>
+ </span>
+ <i class="icon-asterisk icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-asterisk
+ <small>
+ <i class="icon-asterisk"></i> ·
+ Unicode: <span class="upper">f069</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-asterisk"></i> icon-asterisk
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-asterisk"</span><span class="nt">></i></span> icon-asterisk
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-backward: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-backward icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-backward icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-backward icon-4"></i> </span>
+ <i class="icon-backward icon-3"></i>
+ <i class="icon-backward icon-2"></i>
+ </span>
+ <i class="icon-backward icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-backward
+ <small>
+ <i class="icon-backward"></i> ·
+ Unicode: <span class="upper">f04a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-backward"></i> icon-backward
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-backward"</span><span class="nt">></i></span> icon-backward
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-ban-circle: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-ban-circle icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-ban-circle icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-ban-circle icon-4"></i> </span>
+ <i class="icon-ban-circle icon-3"></i>
+ <i class="icon-ban-circle icon-2"></i>
+ </span>
+ <i class="icon-ban-circle icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-ban-circle
+ <small>
+ <i class="icon-ban-circle"></i> ·
+ Unicode: <span class="upper">f05e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-ban-circle"></i> icon-ban-circle
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ban-circle"</span><span class="nt">></i></span> icon-ban-circle
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bar-chart: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bar-chart icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bar-chart icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bar-chart icon-4"></i> </span>
+ <i class="icon-bar-chart icon-3"></i>
+ <i class="icon-bar-chart icon-2"></i>
+ </span>
+ <i class="icon-bar-chart icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bar-chart
+ <small>
+ <i class="icon-bar-chart"></i> ·
+ Unicode: <span class="upper">f080</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bar-chart"></i> icon-bar-chart
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bar-chart"</span><span class="nt">></i></span> icon-bar-chart
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-barcode: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-barcode icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-barcode icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-barcode icon-4"></i> </span>
+ <i class="icon-barcode icon-3"></i>
+ <i class="icon-barcode icon-2"></i>
+ </span>
+ <i class="icon-barcode icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-barcode
+ <small>
+ <i class="icon-barcode"></i> ·
+ Unicode: <span class="upper">f02a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-barcode"></i> icon-barcode
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-barcode"</span><span class="nt">></i></span> icon-barcode
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-beaker: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-beaker icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-beaker icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-beaker icon-4"></i> </span>
+ <i class="icon-beaker icon-3"></i>
+ <i class="icon-beaker icon-2"></i>
+ </span>
+ <i class="icon-beaker icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-beaker
+ <small>
+ <i class="icon-beaker"></i> ·
+ Unicode: <span class="upper">f0c3</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-beaker"></i> icon-beaker
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-beaker"</span><span class="nt">></i></span> icon-beaker
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-beer: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-beer icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-beer icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-beer icon-4"></i> </span>
+ <i class="icon-beer icon-3"></i>
+ <i class="icon-beer icon-2"></i>
+ </span>
+ <i class="icon-beer icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-beer
+ <small>
+ <i class="icon-beer"></i> ·
+ Unicode: <span class="upper">f0fc</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-beer"></i> icon-beer
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-beer"</span><span class="nt">></i></span> icon-beer
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bell-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bell-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bell-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bell-alt icon-4"></i> </span>
+ <i class="icon-bell-alt icon-3"></i>
+ <i class="icon-bell-alt icon-2"></i>
+ </span>
+ <i class="icon-bell-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bell-alt
+ <small>
+ <i class="icon-bell-alt"></i> ·
+ Unicode: <span class="upper">f0f3</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bell-alt"></i> icon-bell-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bell-alt"</span><span class="nt">></i></span> icon-bell-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bell: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bell icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bell icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bell icon-4"></i> </span>
+ <i class="icon-bell icon-3"></i>
+ <i class="icon-bell icon-2"></i>
+ </span>
+ <i class="icon-bell icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bell
+ <small>
+ <i class="icon-bell"></i> ·
+ Unicode: <span class="upper">f0a2</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bell"></i> icon-bell
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bell"</span><span class="nt">></i></span> icon-bell
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bitbucket-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bitbucket-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bitbucket-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bitbucket-sign icon-4"></i> </span>
+ <i class="icon-bitbucket-sign icon-3"></i>
+ <i class="icon-bitbucket-sign icon-2"></i>
+ </span>
+ <i class="icon-bitbucket-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bitbucket-sign
+ <small>
+ <i class="icon-bitbucket-sign"></i> ·
+ Unicode: <span class="upper">f172</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bitbucket-sign"></i> icon-bitbucket-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bitbucket-sign"</span><span class="nt">></i></span> icon-bitbucket-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bitbucket: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bitbucket icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bitbucket icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bitbucket icon-4"></i> </span>
+ <i class="icon-bitbucket icon-3"></i>
+ <i class="icon-bitbucket icon-2"></i>
+ </span>
+ <i class="icon-bitbucket icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bitbucket
+ <small>
+ <i class="icon-bitbucket"></i> ·
+ Unicode: <span class="upper">f171</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bitbucket"></i> icon-bitbucket
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bitbucket"</span><span class="nt">></i></span> icon-bitbucket
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bold: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bold icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bold icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bold icon-4"></i> </span>
+ <i class="icon-bold icon-3"></i>
+ <i class="icon-bold icon-2"></i>
+ </span>
+ <i class="icon-bold icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bold
+ <small>
+ <i class="icon-bold"></i> ·
+ Unicode: <span class="upper">f032</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bold"></i> icon-bold
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bold"</span><span class="nt">></i></span> icon-bold
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bolt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bolt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bolt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bolt icon-4"></i> </span>
+ <i class="icon-bolt icon-3"></i>
+ <i class="icon-bolt icon-2"></i>
+ </span>
+ <i class="icon-bolt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bolt
+ <small>
+ <i class="icon-bolt"></i> ·
+ Unicode: <span class="upper">f0e7</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bolt"></i> icon-bolt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bolt"</span><span class="nt">></i></span> icon-bolt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-book: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-book icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-book icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-book icon-4"></i> </span>
+ <i class="icon-book icon-3"></i>
+ <i class="icon-book icon-2"></i>
+ </span>
+ <i class="icon-book icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-book
+ <small>
+ <i class="icon-book"></i> ·
+ Unicode: <span class="upper">f02d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-book"></i> icon-book
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-book"</span><span class="nt">></i></span> icon-book
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bookmark-empty: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bookmark-empty icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bookmark-empty icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bookmark-empty icon-4"></i> </span>
+ <i class="icon-bookmark-empty icon-3"></i>
+ <i class="icon-bookmark-empty icon-2"></i>
+ </span>
+ <i class="icon-bookmark-empty icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bookmark-empty
+ <small>
+ <i class="icon-bookmark-empty"></i> ·
+ Unicode: <span class="upper">f097</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bookmark-empty"></i> icon-bookmark-empty
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bookmark-empty"</span><span class="nt">></i></span> icon-bookmark-empty
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bookmark: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bookmark icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bookmark icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bookmark icon-4"></i> </span>
+ <i class="icon-bookmark icon-3"></i>
+ <i class="icon-bookmark icon-2"></i>
+ </span>
+ <i class="icon-bookmark icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bookmark
+ <small>
+ <i class="icon-bookmark"></i> ·
+ Unicode: <span class="upper">f02e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bookmark"></i> icon-bookmark
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bookmark"</span><span class="nt">></i></span> icon-bookmark
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-briefcase: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-briefcase icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-briefcase icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-briefcase icon-4"></i> </span>
+ <i class="icon-briefcase icon-3"></i>
+ <i class="icon-briefcase icon-2"></i>
+ </span>
+ <i class="icon-briefcase icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-briefcase
+ <small>
+ <i class="icon-briefcase"></i> ·
+ Unicode: <span class="upper">f0b1</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-briefcase"></i> icon-briefcase
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-briefcase"</span><span class="nt">></i></span> icon-briefcase
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-btc: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-btc icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-btc icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-btc icon-4"></i> </span>
+ <i class="icon-btc icon-3"></i>
+ <i class="icon-btc icon-2"></i>
+ </span>
+ <i class="icon-btc icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-btc
+ <small>
+ <i class="icon-btc"></i> ·
+ Unicode: <span class="upper">f15a</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Currency Icons,
+
+ Brand Icons
+
+
+
+ · Aliases:
+
+ icon-bitcoin
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-btc"></i> icon-btc
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-btc"</span><span class="nt">></i></span> icon-btc
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bug: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bug icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bug icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bug icon-4"></i> </span>
+ <i class="icon-bug icon-3"></i>
+ <i class="icon-bug icon-2"></i>
+ </span>
+ <i class="icon-bug icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bug
+ <small>
+ <i class="icon-bug"></i> ·
+ Unicode: <span class="upper">f188</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bug"></i> icon-bug
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bug"</span><span class="nt">></i></span> icon-bug
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-building: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-building icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-building icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-building icon-4"></i> </span>
+ <i class="icon-building icon-3"></i>
+ <i class="icon-building icon-2"></i>
+ </span>
+ <i class="icon-building icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-building
+ <small>
+ <i class="icon-building"></i> ·
+ Unicode: <span class="upper">f0f7</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-building"></i> icon-building
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-building"</span><span class="nt">></i></span> icon-building
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bullhorn: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bullhorn icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bullhorn icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bullhorn icon-4"></i> </span>
+ <i class="icon-bullhorn icon-3"></i>
+ <i class="icon-bullhorn icon-2"></i>
+ </span>
+ <i class="icon-bullhorn icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bullhorn
+ <small>
+ <i class="icon-bullhorn"></i> ·
+ Unicode: <span class="upper">f0a1</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bullhorn"></i> icon-bullhorn
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bullhorn"</span><span class="nt">></i></span> icon-bullhorn
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-bullseye: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-bullseye icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-bullseye icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-bullseye icon-4"></i> </span>
+ <i class="icon-bullseye icon-3"></i>
+ <i class="icon-bullseye icon-2"></i>
+ </span>
+ <i class="icon-bullseye icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-bullseye
+ <small>
+ <i class="icon-bullseye"></i> ·
+ Unicode: <span class="upper">f140</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-bullseye"></i> icon-bullseye
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bullseye"</span><span class="nt">></i></span> icon-bullseye
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-calendar-empty: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-calendar-empty icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-calendar-empty icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-calendar-empty icon-4"></i> </span>
+ <i class="icon-calendar-empty icon-3"></i>
+ <i class="icon-calendar-empty icon-2"></i>
+ </span>
+ <i class="icon-calendar-empty icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-calendar-empty
+ <small>
+ <i class="icon-calendar-empty"></i> ·
+ Unicode: <span class="upper">f133</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-calendar-empty"></i> icon-calendar-empty
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-calendar-empty"</span><span class="nt">></i></span> icon-calendar-empty
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-calendar: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-calendar icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-calendar icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-calendar icon-4"></i> </span>
+ <i class="icon-calendar icon-3"></i>
+ <i class="icon-calendar icon-2"></i>
+ </span>
+ <i class="icon-calendar icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-calendar
+ <small>
+ <i class="icon-calendar"></i> ·
+ Unicode: <span class="upper">f073</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-calendar"></i> icon-calendar
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-calendar"</span><span class="nt">></i></span> icon-calendar
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-camera-retro: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-camera-retro icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-camera-retro icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-camera-retro icon-4"></i> </span>
+ <i class="icon-camera-retro icon-3"></i>
+ <i class="icon-camera-retro icon-2"></i>
+ </span>
+ <i class="icon-camera-retro icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-camera-retro
+ <small>
+ <i class="icon-camera-retro"></i> ·
+ Unicode: <span class="upper">f083</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-camera-retro"></i> icon-camera-retro
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro"</span><span class="nt">></i></span> icon-camera-retro
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-camera: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-camera icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-camera icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-camera icon-4"></i> </span>
+ <i class="icon-camera icon-3"></i>
+ <i class="icon-camera icon-2"></i>
+ </span>
+ <i class="icon-camera icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-camera
+ <small>
+ <i class="icon-camera"></i> ·
+ Unicode: <span class="upper">f030</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-camera"></i> icon-camera
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-camera"</span><span class="nt">></i></span> icon-camera
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-caret-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-caret-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-caret-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-caret-down icon-4"></i> </span>
+ <i class="icon-caret-down icon-3"></i>
+ <i class="icon-caret-down icon-2"></i>
+ </span>
+ <i class="icon-caret-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-caret-down
+ <small>
+ <i class="icon-caret-down"></i> ·
+ Unicode: <span class="upper">f0d7</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-caret-down"></i> icon-caret-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-caret-down"</span><span class="nt">></i></span> icon-caret-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-caret-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-caret-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-caret-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-caret-left icon-4"></i> </span>
+ <i class="icon-caret-left icon-3"></i>
+ <i class="icon-caret-left icon-2"></i>
+ </span>
+ <i class="icon-caret-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-caret-left
+ <small>
+ <i class="icon-caret-left"></i> ·
+ Unicode: <span class="upper">f0d9</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-caret-left"></i> icon-caret-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-caret-left"</span><span class="nt">></i></span> icon-caret-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-caret-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-caret-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-caret-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-caret-right icon-4"></i> </span>
+ <i class="icon-caret-right icon-3"></i>
+ <i class="icon-caret-right icon-2"></i>
+ </span>
+ <i class="icon-caret-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-caret-right
+ <small>
+ <i class="icon-caret-right"></i> ·
+ Unicode: <span class="upper">f0da</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-caret-right"></i> icon-caret-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-caret-right"</span><span class="nt">></i></span> icon-caret-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-caret-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-caret-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-caret-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-caret-up icon-4"></i> </span>
+ <i class="icon-caret-up icon-3"></i>
+ <i class="icon-caret-up icon-2"></i>
+ </span>
+ <i class="icon-caret-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-caret-up
+ <small>
+ <i class="icon-caret-up"></i> ·
+ Unicode: <span class="upper">f0d8</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-caret-up"></i> icon-caret-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-caret-up"</span><span class="nt">></i></span> icon-caret-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-certificate: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-certificate icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-certificate icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-certificate icon-4"></i> </span>
+ <i class="icon-certificate icon-3"></i>
+ <i class="icon-certificate icon-2"></i>
+ </span>
+ <i class="icon-certificate icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-certificate
+ <small>
+ <i class="icon-certificate"></i> ·
+ Unicode: <span class="upper">f0a3</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-certificate"></i> icon-certificate
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-certificate"</span><span class="nt">></i></span> icon-certificate
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-check-empty: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-check-empty icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-check-empty icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-check-empty icon-4"></i> </span>
+ <i class="icon-check-empty icon-3"></i>
+ <i class="icon-check-empty icon-2"></i>
+ </span>
+ <i class="icon-check-empty icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-check-empty
+ <small>
+ <i class="icon-check-empty"></i> ·
+ Unicode: <span class="upper">f096</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ · Aliases:
+
+ icon-unchecked
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-check-empty"></i> icon-check-empty
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check-empty"</span><span class="nt">></i></span> icon-check-empty
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-check-minus: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-check-minus icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-check-minus icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-check-minus icon-4"></i> </span>
+ <i class="icon-check-minus icon-3"></i>
+ <i class="icon-check-minus icon-2"></i>
+ </span>
+ <i class="icon-check-minus icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-check-minus
+ <small>
+ <i class="icon-check-minus"></i> ·
+ Unicode: <span class="upper">f147</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-check-minus"></i> icon-check-minus
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check-minus"</span><span class="nt">></i></span> icon-check-minus
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-check-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-check-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-check-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-check-sign icon-4"></i> </span>
+ <i class="icon-check-sign icon-3"></i>
+ <i class="icon-check-sign icon-2"></i>
+ </span>
+ <i class="icon-check-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-check-sign
+ <small>
+ <i class="icon-check-sign"></i> ·
+ Unicode: <span class="upper">f14a</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-check-sign"></i> icon-check-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check-sign"</span><span class="nt">></i></span> icon-check-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-check: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-check icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-check icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-check icon-4"></i> </span>
+ <i class="icon-check icon-3"></i>
+ <i class="icon-check icon-2"></i>
+ </span>
+ <i class="icon-check icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-check
+ <small>
+ <i class="icon-check"></i> ·
+ Unicode: <span class="upper">f046</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-check"></i> icon-check
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check"</span><span class="nt">></i></span> icon-check
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-chevron-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-chevron-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-chevron-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-chevron-down icon-4"></i> </span>
+ <i class="icon-chevron-down icon-3"></i>
+ <i class="icon-chevron-down icon-2"></i>
+ </span>
+ <i class="icon-chevron-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-chevron-down
+ <small>
+ <i class="icon-chevron-down"></i> ·
+ Unicode: <span class="upper">f078</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-chevron-down"></i> icon-chevron-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-down"</span><span class="nt">></i></span> icon-chevron-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-chevron-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-chevron-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-chevron-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-chevron-left icon-4"></i> </span>
+ <i class="icon-chevron-left icon-3"></i>
+ <i class="icon-chevron-left icon-2"></i>
+ </span>
+ <i class="icon-chevron-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-chevron-left
+ <small>
+ <i class="icon-chevron-left"></i> ·
+ Unicode: <span class="upper">f053</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-chevron-left"></i> icon-chevron-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-left"</span><span class="nt">></i></span> icon-chevron-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-chevron-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-chevron-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-chevron-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-chevron-right icon-4"></i> </span>
+ <i class="icon-chevron-right icon-3"></i>
+ <i class="icon-chevron-right icon-2"></i>
+ </span>
+ <i class="icon-chevron-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-chevron-right
+ <small>
+ <i class="icon-chevron-right"></i> ·
+ Unicode: <span class="upper">f054</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-chevron-right"></i> icon-chevron-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-right"</span><span class="nt">></i></span> icon-chevron-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-chevron-sign-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-chevron-sign-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-chevron-sign-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-chevron-sign-down icon-4"></i> </span>
+ <i class="icon-chevron-sign-down icon-3"></i>
+ <i class="icon-chevron-sign-down icon-2"></i>
+ </span>
+ <i class="icon-chevron-sign-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-chevron-sign-down
+ <small>
+ <i class="icon-chevron-sign-down"></i> ·
+ Unicode: <span class="upper">f13a</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-chevron-sign-down"></i> icon-chevron-sign-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-sign-down"</span><span class="nt">></i></span> icon-chevron-sign-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-chevron-sign-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-chevron-sign-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-chevron-sign-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-chevron-sign-left icon-4"></i> </span>
+ <i class="icon-chevron-sign-left icon-3"></i>
+ <i class="icon-chevron-sign-left icon-2"></i>
+ </span>
+ <i class="icon-chevron-sign-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-chevron-sign-left
+ <small>
+ <i class="icon-chevron-sign-left"></i> ·
+ Unicode: <span class="upper">f137</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-chevron-sign-left"></i> icon-chevron-sign-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-sign-left"</span><span class="nt">></i></span> icon-chevron-sign-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-chevron-sign-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-chevron-sign-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-chevron-sign-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-chevron-sign-right icon-4"></i> </span>
+ <i class="icon-chevron-sign-right icon-3"></i>
+ <i class="icon-chevron-sign-right icon-2"></i>
+ </span>
+ <i class="icon-chevron-sign-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-chevron-sign-right
+ <small>
+ <i class="icon-chevron-sign-right"></i> ·
+ Unicode: <span class="upper">f138</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-chevron-sign-right"></i> icon-chevron-sign-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-sign-right"</span><span class="nt">></i></span> icon-chevron-sign-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-chevron-sign-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-chevron-sign-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-chevron-sign-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-chevron-sign-up icon-4"></i> </span>
+ <i class="icon-chevron-sign-up icon-3"></i>
+ <i class="icon-chevron-sign-up icon-2"></i>
+ </span>
+ <i class="icon-chevron-sign-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-chevron-sign-up
+ <small>
+ <i class="icon-chevron-sign-up"></i> ·
+ Unicode: <span class="upper">f139</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-chevron-sign-up"></i> icon-chevron-sign-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-sign-up"</span><span class="nt">></i></span> icon-chevron-sign-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-chevron-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-chevron-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-chevron-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-chevron-up icon-4"></i> </span>
+ <i class="icon-chevron-up icon-3"></i>
+ <i class="icon-chevron-up icon-2"></i>
+ </span>
+ <i class="icon-chevron-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-chevron-up
+ <small>
+ <i class="icon-chevron-up"></i> ·
+ Unicode: <span class="upper">f077</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-chevron-up"></i> icon-chevron-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-up"</span><span class="nt">></i></span> icon-chevron-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-circle-arrow-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-circle-arrow-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-circle-arrow-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-circle-arrow-down icon-4"></i> </span>
+ <i class="icon-circle-arrow-down icon-3"></i>
+ <i class="icon-circle-arrow-down icon-2"></i>
+ </span>
+ <i class="icon-circle-arrow-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-circle-arrow-down
+ <small>
+ <i class="icon-circle-arrow-down"></i> ·
+ Unicode: <span class="upper">f0ab</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-circle-arrow-down"></i> icon-circle-arrow-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-arrow-down"</span><span class="nt">></i></span> icon-circle-arrow-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-circle-arrow-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-circle-arrow-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-circle-arrow-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-circle-arrow-left icon-4"></i> </span>
+ <i class="icon-circle-arrow-left icon-3"></i>
+ <i class="icon-circle-arrow-left icon-2"></i>
+ </span>
+ <i class="icon-circle-arrow-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-circle-arrow-left
+ <small>
+ <i class="icon-circle-arrow-left"></i> ·
+ Unicode: <span class="upper">f0a8</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-circle-arrow-left"></i> icon-circle-arrow-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-arrow-left"</span><span class="nt">></i></span> icon-circle-arrow-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-circle-arrow-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-circle-arrow-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-circle-arrow-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-circle-arrow-right icon-4"></i> </span>
+ <i class="icon-circle-arrow-right icon-3"></i>
+ <i class="icon-circle-arrow-right icon-2"></i>
+ </span>
+ <i class="icon-circle-arrow-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-circle-arrow-right
+ <small>
+ <i class="icon-circle-arrow-right"></i> ·
+ Unicode: <span class="upper">f0a9</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-circle-arrow-right"></i> icon-circle-arrow-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-arrow-right"</span><span class="nt">></i></span> icon-circle-arrow-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-circle-arrow-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-circle-arrow-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-circle-arrow-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-circle-arrow-up icon-4"></i> </span>
+ <i class="icon-circle-arrow-up icon-3"></i>
+ <i class="icon-circle-arrow-up icon-2"></i>
+ </span>
+ <i class="icon-circle-arrow-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-circle-arrow-up
+ <small>
+ <i class="icon-circle-arrow-up"></i> ·
+ Unicode: <span class="upper">f0aa</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-circle-arrow-up"></i> icon-circle-arrow-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-arrow-up"</span><span class="nt">></i></span> icon-circle-arrow-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-circle-blank: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-circle-blank icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-circle-blank icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-circle-blank icon-4"></i> </span>
+ <i class="icon-circle-blank icon-3"></i>
+ <i class="icon-circle-blank icon-2"></i>
+ </span>
+ <i class="icon-circle-blank icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-circle-blank
+ <small>
+ <i class="icon-circle-blank"></i> ·
+ Unicode: <span class="upper">f10c</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-circle-blank"></i> icon-circle-blank
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-blank"</span><span class="nt">></i></span> icon-circle-blank
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-circle: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-circle icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-circle icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-circle icon-4"></i> </span>
+ <i class="icon-circle icon-3"></i>
+ <i class="icon-circle icon-2"></i>
+ </span>
+ <i class="icon-circle icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-circle
+ <small>
+ <i class="icon-circle"></i> ·
+ Unicode: <span class="upper">f111</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-circle"></i> icon-circle
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle"</span><span class="nt">></i></span> icon-circle
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-cloud-download: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-cloud-download icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-cloud-download icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-cloud-download icon-4"></i> </span>
+ <i class="icon-cloud-download icon-3"></i>
+ <i class="icon-cloud-download icon-2"></i>
+ </span>
+ <i class="icon-cloud-download icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-cloud-download
+ <small>
+ <i class="icon-cloud-download"></i> ·
+ Unicode: <span class="upper">f0ed</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-cloud-download"></i> icon-cloud-download
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cloud-download"</span><span class="nt">></i></span> icon-cloud-download
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-cloud-upload: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-cloud-upload icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-cloud-upload icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-cloud-upload icon-4"></i> </span>
+ <i class="icon-cloud-upload icon-3"></i>
+ <i class="icon-cloud-upload icon-2"></i>
+ </span>
+ <i class="icon-cloud-upload icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-cloud-upload
+ <small>
+ <i class="icon-cloud-upload"></i> ·
+ Unicode: <span class="upper">f0ee</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-cloud-upload"></i> icon-cloud-upload
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cloud-upload"</span><span class="nt">></i></span> icon-cloud-upload
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-cloud: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-cloud icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-cloud icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-cloud icon-4"></i> </span>
+ <i class="icon-cloud icon-3"></i>
+ <i class="icon-cloud icon-2"></i>
+ </span>
+ <i class="icon-cloud icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-cloud
+ <small>
+ <i class="icon-cloud"></i> ·
+ Unicode: <span class="upper">f0c2</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-cloud"></i> icon-cloud
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cloud"</span><span class="nt">></i></span> icon-cloud
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-cny: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-cny icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-cny icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-cny icon-4"></i> </span>
+ <i class="icon-cny icon-3"></i>
+ <i class="icon-cny icon-2"></i>
+ </span>
+ <i class="icon-cny icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-cny
+ <small>
+ <i class="icon-cny"></i> ·
+ Unicode: <span class="upper">f158</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Currency Icons
+
+
+
+ · Aliases:
+
+ icon-renminbi
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-cny"></i> icon-cny
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cny"</span><span class="nt">></i></span> icon-cny
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-code-fork: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-code-fork icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-code-fork icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-code-fork icon-4"></i> </span>
+ <i class="icon-code-fork icon-3"></i>
+ <i class="icon-code-fork icon-2"></i>
+ </span>
+ <i class="icon-code-fork icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-code-fork
+ <small>
+ <i class="icon-code-fork"></i> ·
+ Unicode: <span class="upper">f126</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-code-fork"></i> icon-code-fork
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-code-fork"</span><span class="nt">></i></span> icon-code-fork
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-code: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-code icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-code icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-code icon-4"></i> </span>
+ <i class="icon-code icon-3"></i>
+ <i class="icon-code icon-2"></i>
+ </span>
+ <i class="icon-code icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-code
+ <small>
+ <i class="icon-code"></i> ·
+ Unicode: <span class="upper">f121</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-code"></i> icon-code
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-code"</span><span class="nt">></i></span> icon-code
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-coffee: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-coffee icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-coffee icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-coffee icon-4"></i> </span>
+ <i class="icon-coffee icon-3"></i>
+ <i class="icon-coffee icon-2"></i>
+ </span>
+ <i class="icon-coffee icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-coffee
+ <small>
+ <i class="icon-coffee"></i> ·
+ Unicode: <span class="upper">f0f4</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-coffee"></i> icon-coffee
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-coffee"</span><span class="nt">></i></span> icon-coffee
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-cog: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-cog icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-cog icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-cog icon-4"></i> </span>
+ <i class="icon-cog icon-3"></i>
+ <i class="icon-cog icon-2"></i>
+ </span>
+ <i class="icon-cog icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-cog
+ <small>
+ <i class="icon-cog"></i> ·
+ Unicode: <span class="upper">f013</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ · Aliases:
+
+ icon-gear
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-cog"></i> icon-cog
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cog"</span><span class="nt">></i></span> icon-cog
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-cogs: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-cogs icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-cogs icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-cogs icon-4"></i> </span>
+ <i class="icon-cogs icon-3"></i>
+ <i class="icon-cogs icon-2"></i>
+ </span>
+ <i class="icon-cogs icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-cogs
+ <small>
+ <i class="icon-cogs"></i> ·
+ Unicode: <span class="upper">f085</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ · Aliases:
+
+ icon-gears
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-cogs"></i> icon-cogs
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cogs"</span><span class="nt">></i></span> icon-cogs
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-collapse-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-collapse-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-collapse-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-collapse-alt icon-4"></i> </span>
+ <i class="icon-collapse-alt icon-3"></i>
+ <i class="icon-collapse-alt icon-2"></i>
+ </span>
+ <i class="icon-collapse-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-collapse-alt
+ <small>
+ <i class="icon-collapse-alt"></i> ·
+ Unicode: <span class="upper">f117</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-collapse-alt"></i> icon-collapse-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-collapse-alt"</span><span class="nt">></i></span> icon-collapse-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-collapse-top: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-collapse-top icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-collapse-top icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-collapse-top icon-4"></i> </span>
+ <i class="icon-collapse-top icon-3"></i>
+ <i class="icon-collapse-top icon-2"></i>
+ </span>
+ <i class="icon-collapse-top icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-collapse-top
+ <small>
+ <i class="icon-collapse-top"></i> ·
+ Unicode: <span class="upper">f151</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-collapse-top"></i> icon-collapse-top
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-collapse-top"</span><span class="nt">></i></span> icon-collapse-top
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-collapse: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-collapse icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-collapse icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-collapse icon-4"></i> </span>
+ <i class="icon-collapse icon-3"></i>
+ <i class="icon-collapse icon-2"></i>
+ </span>
+ <i class="icon-collapse icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-collapse
+ <small>
+ <i class="icon-collapse"></i> ·
+ Unicode: <span class="upper">f150</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-collapse"></i> icon-collapse
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-collapse"</span><span class="nt">></i></span> icon-collapse
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-columns: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-columns icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-columns icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-columns icon-4"></i> </span>
+ <i class="icon-columns icon-3"></i>
+ <i class="icon-columns icon-2"></i>
+ </span>
+ <i class="icon-columns icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-columns
+ <small>
+ <i class="icon-columns"></i> ·
+ Unicode: <span class="upper">f0db</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-columns"></i> icon-columns
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-columns"</span><span class="nt">></i></span> icon-columns
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-comment-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-comment-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-comment-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-comment-alt icon-4"></i> </span>
+ <i class="icon-comment-alt icon-3"></i>
+ <i class="icon-comment-alt icon-2"></i>
+ </span>
+ <i class="icon-comment-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-comment-alt
+ <small>
+ <i class="icon-comment-alt"></i> ·
+ Unicode: <span class="upper">f0e5</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-comment-alt"></i> icon-comment-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comment-alt"</span><span class="nt">></i></span> icon-comment-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-comment: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-comment icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-comment icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-comment icon-4"></i> </span>
+ <i class="icon-comment icon-3"></i>
+ <i class="icon-comment icon-2"></i>
+ </span>
+ <i class="icon-comment icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-comment
+ <small>
+ <i class="icon-comment"></i> ·
+ Unicode: <span class="upper">f075</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-comment"></i> icon-comment
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comment"</span><span class="nt">></i></span> icon-comment
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-comments-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-comments-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-comments-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-comments-alt icon-4"></i> </span>
+ <i class="icon-comments-alt icon-3"></i>
+ <i class="icon-comments-alt icon-2"></i>
+ </span>
+ <i class="icon-comments-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-comments-alt
+ <small>
+ <i class="icon-comments-alt"></i> ·
+ Unicode: <span class="upper">f0e6</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-comments-alt"></i> icon-comments-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comments-alt"</span><span class="nt">></i></span> icon-comments-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-comments: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-comments icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-comments icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-comments icon-4"></i> </span>
+ <i class="icon-comments icon-3"></i>
+ <i class="icon-comments icon-2"></i>
+ </span>
+ <i class="icon-comments icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-comments
+ <small>
+ <i class="icon-comments"></i> ·
+ Unicode: <span class="upper">f086</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-comments"></i> icon-comments
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comments"</span><span class="nt">></i></span> icon-comments
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-compass: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-compass icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-compass icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-compass icon-4"></i> </span>
+ <i class="icon-compass icon-3"></i>
+ <i class="icon-compass icon-2"></i>
+ </span>
+ <i class="icon-compass icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-compass
+ <small>
+ <i class="icon-compass"></i> ·
+ Unicode: <span class="upper">f14e</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-compass"></i> icon-compass
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-compass"</span><span class="nt">></i></span> icon-compass
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-copy: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-copy icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-copy icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-copy icon-4"></i> </span>
+ <i class="icon-copy icon-3"></i>
+ <i class="icon-copy icon-2"></i>
+ </span>
+ <i class="icon-copy icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-copy
+ <small>
+ <i class="icon-copy"></i> ·
+ Unicode: <span class="upper">f0c5</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-copy"></i> icon-copy
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-copy"</span><span class="nt">></i></span> icon-copy
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-credit-card: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-credit-card icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-credit-card icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-credit-card icon-4"></i> </span>
+ <i class="icon-credit-card icon-3"></i>
+ <i class="icon-credit-card icon-2"></i>
+ </span>
+ <i class="icon-credit-card icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-credit-card
+ <small>
+ <i class="icon-credit-card"></i> ·
+ Unicode: <span class="upper">f09d</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-credit-card"></i> icon-credit-card
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-credit-card"</span><span class="nt">></i></span> icon-credit-card
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-crop: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-crop icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-crop icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-crop icon-4"></i> </span>
+ <i class="icon-crop icon-3"></i>
+ <i class="icon-crop icon-2"></i>
+ </span>
+ <i class="icon-crop icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-crop
+ <small>
+ <i class="icon-crop"></i> ·
+ Unicode: <span class="upper">f125</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-crop"></i> icon-crop
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-crop"</span><span class="nt">></i></span> icon-crop
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-css3: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-css3 icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-css3 icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-css3 icon-4"></i> </span>
+ <i class="icon-css3 icon-3"></i>
+ <i class="icon-css3 icon-2"></i>
+ </span>
+ <i class="icon-css3 icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-css3
+ <small>
+ <i class="icon-css3"></i> ·
+ Unicode: <span class="upper">f13c</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-css3"></i> icon-css3
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-css3"</span><span class="nt">></i></span> icon-css3
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-cut: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-cut icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-cut icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-cut icon-4"></i> </span>
+ <i class="icon-cut icon-3"></i>
+ <i class="icon-cut icon-2"></i>
+ </span>
+ <i class="icon-cut icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-cut
+ <small>
+ <i class="icon-cut"></i> ·
+ Unicode: <span class="upper">f0c4</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-cut"></i> icon-cut
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cut"</span><span class="nt">></i></span> icon-cut
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-dashboard: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-dashboard icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-dashboard icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-dashboard icon-4"></i> </span>
+ <i class="icon-dashboard icon-3"></i>
+ <i class="icon-dashboard icon-2"></i>
+ </span>
+ <i class="icon-dashboard icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-dashboard
+ <small>
+ <i class="icon-dashboard"></i> ·
+ Unicode: <span class="upper">f0e4</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-dashboard"></i> icon-dashboard
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-dashboard"</span><span class="nt">></i></span> icon-dashboard
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-desktop: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-desktop icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-desktop icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-desktop icon-4"></i> </span>
+ <i class="icon-desktop icon-3"></i>
+ <i class="icon-desktop icon-2"></i>
+ </span>
+ <i class="icon-desktop icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-desktop
+ <small>
+ <i class="icon-desktop"></i> ·
+ Unicode: <span class="upper">f108</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-desktop"></i> icon-desktop
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-desktop"</span><span class="nt">></i></span> icon-desktop
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-double-angle-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-double-angle-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-double-angle-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-double-angle-down icon-4"></i> </span>
+ <i class="icon-double-angle-down icon-3"></i>
+ <i class="icon-double-angle-down icon-2"></i>
+ </span>
+ <i class="icon-double-angle-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-double-angle-down
+ <small>
+ <i class="icon-double-angle-down"></i> ·
+ Unicode: <span class="upper">f103</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-double-angle-down"></i> icon-double-angle-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-double-angle-down"</span><span class="nt">></i></span> icon-double-angle-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-double-angle-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-double-angle-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-double-angle-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-double-angle-left icon-4"></i> </span>
+ <i class="icon-double-angle-left icon-3"></i>
+ <i class="icon-double-angle-left icon-2"></i>
+ </span>
+ <i class="icon-double-angle-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-double-angle-left
+ <small>
+ <i class="icon-double-angle-left"></i> ·
+ Unicode: <span class="upper">f100</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-double-angle-left"></i> icon-double-angle-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-double-angle-left"</span><span class="nt">></i></span> icon-double-angle-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-double-angle-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-double-angle-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-double-angle-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-double-angle-right icon-4"></i> </span>
+ <i class="icon-double-angle-right icon-3"></i>
+ <i class="icon-double-angle-right icon-2"></i>
+ </span>
+ <i class="icon-double-angle-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-double-angle-right
+ <small>
+ <i class="icon-double-angle-right"></i> ·
+ Unicode: <span class="upper">f101</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-double-angle-right"></i> icon-double-angle-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-double-angle-right"</span><span class="nt">></i></span> icon-double-angle-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-double-angle-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-double-angle-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-double-angle-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-double-angle-up icon-4"></i> </span>
+ <i class="icon-double-angle-up icon-3"></i>
+ <i class="icon-double-angle-up icon-2"></i>
+ </span>
+ <i class="icon-double-angle-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-double-angle-up
+ <small>
+ <i class="icon-double-angle-up"></i> ·
+ Unicode: <span class="upper">f102</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-double-angle-up"></i> icon-double-angle-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-double-angle-up"</span><span class="nt">></i></span> icon-double-angle-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-download-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-download-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-download-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-download-alt icon-4"></i> </span>
+ <i class="icon-download-alt icon-3"></i>
+ <i class="icon-download-alt icon-2"></i>
+ </span>
+ <i class="icon-download-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-download-alt
+ <small>
+ <i class="icon-download-alt"></i> ·
+ Unicode: <span class="upper">f019</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-download-alt"></i> icon-download-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-download-alt"</span><span class="nt">></i></span> icon-download-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-download: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-download icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-download icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-download icon-4"></i> </span>
+ <i class="icon-download icon-3"></i>
+ <i class="icon-download icon-2"></i>
+ </span>
+ <i class="icon-download icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-download
+ <small>
+ <i class="icon-download"></i> ·
+ Unicode: <span class="upper">f01a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-download"></i> icon-download
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-download"</span><span class="nt">></i></span> icon-download
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-dribbble: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-dribbble icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-dribbble icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-dribbble icon-4"></i> </span>
+ <i class="icon-dribbble icon-3"></i>
+ <i class="icon-dribbble icon-2"></i>
+ </span>
+ <i class="icon-dribbble icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-dribbble
+ <small>
+ <i class="icon-dribbble"></i> ·
+ Unicode: <span class="upper">f17d</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-dribbble"></i> icon-dribbble
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-dribbble"</span><span class="nt">></i></span> icon-dribbble
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-dropbox: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-dropbox icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-dropbox icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-dropbox icon-4"></i> </span>
+ <i class="icon-dropbox icon-3"></i>
+ <i class="icon-dropbox icon-2"></i>
+ </span>
+ <i class="icon-dropbox icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-dropbox
+ <small>
+ <i class="icon-dropbox"></i> ·
+ Unicode: <span class="upper">f16b</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-dropbox"></i> icon-dropbox
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-dropbox"</span><span class="nt">></i></span> icon-dropbox
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-edit-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-edit-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-edit-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-edit-sign icon-4"></i> </span>
+ <i class="icon-edit-sign icon-3"></i>
+ <i class="icon-edit-sign icon-2"></i>
+ </span>
+ <i class="icon-edit-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-edit-sign
+ <small>
+ <i class="icon-edit-sign"></i> ·
+ Unicode: <span class="upper">f14b</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-edit-sign"></i> icon-edit-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-edit-sign"</span><span class="nt">></i></span> icon-edit-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-edit: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-edit icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-edit icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-edit icon-4"></i> </span>
+ <i class="icon-edit icon-3"></i>
+ <i class="icon-edit icon-2"></i>
+ </span>
+ <i class="icon-edit icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-edit
+ <small>
+ <i class="icon-edit"></i> ·
+ Unicode: <span class="upper">f044</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-edit"></i> icon-edit
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-edit"</span><span class="nt">></i></span> icon-edit
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-eject: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-eject icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-eject icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-eject icon-4"></i> </span>
+ <i class="icon-eject icon-3"></i>
+ <i class="icon-eject icon-2"></i>
+ </span>
+ <i class="icon-eject icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-eject
+ <small>
+ <i class="icon-eject"></i> ·
+ Unicode: <span class="upper">f052</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-eject"></i> icon-eject
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eject"</span><span class="nt">></i></span> icon-eject
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-ellipsis-horizontal: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-ellipsis-horizontal icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-ellipsis-horizontal icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-ellipsis-horizontal icon-4"></i> </span>
+ <i class="icon-ellipsis-horizontal icon-3"></i>
+ <i class="icon-ellipsis-horizontal icon-2"></i>
+ </span>
+ <i class="icon-ellipsis-horizontal icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-ellipsis-horizontal
+ <small>
+ <i class="icon-ellipsis-horizontal"></i> ·
+ Unicode: <span class="upper">f141</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ellipsis-horizontal"</span><span class="nt">></i></span> icon-ellipsis-horizontal
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-ellipsis-vertical: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-ellipsis-vertical icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-ellipsis-vertical icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-ellipsis-vertical icon-4"></i> </span>
+ <i class="icon-ellipsis-vertical icon-3"></i>
+ <i class="icon-ellipsis-vertical icon-2"></i>
+ </span>
+ <i class="icon-ellipsis-vertical icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-ellipsis-vertical
+ <small>
+ <i class="icon-ellipsis-vertical"></i> ·
+ Unicode: <span class="upper">f142</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ellipsis-vertical"</span><span class="nt">></i></span> icon-ellipsis-vertical
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-envelope-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-envelope-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-envelope-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-envelope-alt icon-4"></i> </span>
+ <i class="icon-envelope-alt icon-3"></i>
+ <i class="icon-envelope-alt icon-2"></i>
+ </span>
+ <i class="icon-envelope-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-envelope-alt
+ <small>
+ <i class="icon-envelope-alt"></i> ·
+ Unicode: <span class="upper">f003</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-envelope-alt"></i> icon-envelope-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-envelope-alt"</span><span class="nt">></i></span> icon-envelope-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-envelope: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-envelope icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-envelope icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-envelope icon-4"></i> </span>
+ <i class="icon-envelope icon-3"></i>
+ <i class="icon-envelope icon-2"></i>
+ </span>
+ <i class="icon-envelope icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-envelope
+ <small>
+ <i class="icon-envelope"></i> ·
+ Unicode: <span class="upper">f0e0</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-envelope"></i> icon-envelope
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-envelope"</span><span class="nt">></i></span> icon-envelope
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-eraser: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-eraser icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-eraser icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-eraser icon-4"></i> </span>
+ <i class="icon-eraser icon-3"></i>
+ <i class="icon-eraser icon-2"></i>
+ </span>
+ <i class="icon-eraser icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-eraser
+ <small>
+ <i class="icon-eraser"></i> ·
+ Unicode: <span class="upper">f12d</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Text Editor Icons,
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-eraser"></i> icon-eraser
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eraser"</span><span class="nt">></i></span> icon-eraser
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-eur: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-eur icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-eur icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-eur icon-4"></i> </span>
+ <i class="icon-eur icon-3"></i>
+ <i class="icon-eur icon-2"></i>
+ </span>
+ <i class="icon-eur icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-eur
+ <small>
+ <i class="icon-eur"></i> ·
+ Unicode: <span class="upper">f153</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Currency Icons
+
+
+
+ · Aliases:
+
+ icon-euro
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-eur"></i> icon-eur
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eur"</span><span class="nt">></i></span> icon-eur
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-exchange: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-exchange icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-exchange icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-exchange icon-4"></i> </span>
+ <i class="icon-exchange icon-3"></i>
+ <i class="icon-exchange icon-2"></i>
+ </span>
+ <i class="icon-exchange icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-exchange
+ <small>
+ <i class="icon-exchange"></i> ·
+ Unicode: <span class="upper">f0ec</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-exchange"></i> icon-exchange
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-exchange"</span><span class="nt">></i></span> icon-exchange
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-exclamation-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-exclamation-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-exclamation-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-exclamation-sign icon-4"></i> </span>
+ <i class="icon-exclamation-sign icon-3"></i>
+ <i class="icon-exclamation-sign icon-2"></i>
+ </span>
+ <i class="icon-exclamation-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-exclamation-sign
+ <small>
+ <i class="icon-exclamation-sign"></i> ·
+ Unicode: <span class="upper">f06a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-exclamation-sign"></i> icon-exclamation-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-exclamation-sign"</span><span class="nt">></i></span> icon-exclamation-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-exclamation: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-exclamation icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-exclamation icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-exclamation icon-4"></i> </span>
+ <i class="icon-exclamation icon-3"></i>
+ <i class="icon-exclamation icon-2"></i>
+ </span>
+ <i class="icon-exclamation icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-exclamation
+ <small>
+ <i class="icon-exclamation"></i> ·
+ Unicode: <span class="upper">f12a</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-exclamation"></i> icon-exclamation
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-exclamation"</span><span class="nt">></i></span> icon-exclamation
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-expand-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-expand-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-expand-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-expand-alt icon-4"></i> </span>
+ <i class="icon-expand-alt icon-3"></i>
+ <i class="icon-expand-alt icon-2"></i>
+ </span>
+ <i class="icon-expand-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-expand-alt
+ <small>
+ <i class="icon-expand-alt"></i> ·
+ Unicode: <span class="upper">f116</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-expand-alt"></i> icon-expand-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-expand-alt"</span><span class="nt">></i></span> icon-expand-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-expand: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-expand icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-expand icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-expand icon-4"></i> </span>
+ <i class="icon-expand icon-3"></i>
+ <i class="icon-expand icon-2"></i>
+ </span>
+ <i class="icon-expand icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-expand
+ <small>
+ <i class="icon-expand"></i> ·
+ Unicode: <span class="upper">f152</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-expand"></i> icon-expand
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-expand"</span><span class="nt">></i></span> icon-expand
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-external-link-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-external-link-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-external-link-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-external-link-sign icon-4"></i> </span>
+ <i class="icon-external-link-sign icon-3"></i>
+ <i class="icon-external-link-sign icon-2"></i>
+ </span>
+ <i class="icon-external-link-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-external-link-sign
+ <small>
+ <i class="icon-external-link-sign"></i> ·
+ Unicode: <span class="upper">f14c</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-external-link-sign"></i> icon-external-link-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-external-link-sign"</span><span class="nt">></i></span> icon-external-link-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-external-link: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-external-link icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-external-link icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-external-link icon-4"></i> </span>
+ <i class="icon-external-link icon-3"></i>
+ <i class="icon-external-link icon-2"></i>
+ </span>
+ <i class="icon-external-link icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-external-link
+ <small>
+ <i class="icon-external-link"></i> ·
+ Unicode: <span class="upper">f08e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-external-link"></i> icon-external-link
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-external-link"</span><span class="nt">></i></span> icon-external-link
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-eye-close: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-eye-close icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-eye-close icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-eye-close icon-4"></i> </span>
+ <i class="icon-eye-close icon-3"></i>
+ <i class="icon-eye-close icon-2"></i>
+ </span>
+ <i class="icon-eye-close icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-eye-close
+ <small>
+ <i class="icon-eye-close"></i> ·
+ Unicode: <span class="upper">f070</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-eye-close"></i> icon-eye-close
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eye-close"</span><span class="nt">></i></span> icon-eye-close
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-eye-open: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-eye-open icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-eye-open icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-eye-open icon-4"></i> </span>
+ <i class="icon-eye-open icon-3"></i>
+ <i class="icon-eye-open icon-2"></i>
+ </span>
+ <i class="icon-eye-open icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-eye-open
+ <small>
+ <i class="icon-eye-open"></i> ·
+ Unicode: <span class="upper">f06e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-eye-open"></i> icon-eye-open
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eye-open"</span><span class="nt">></i></span> icon-eye-open
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-facebook-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-facebook-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-facebook-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-facebook-sign icon-4"></i> </span>
+ <i class="icon-facebook-sign icon-3"></i>
+ <i class="icon-facebook-sign icon-2"></i>
+ </span>
+ <i class="icon-facebook-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-facebook-sign
+ <small>
+ <i class="icon-facebook-sign"></i> ·
+ Unicode: <span class="upper">f082</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-facebook-sign"></i> icon-facebook-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-facebook-sign"</span><span class="nt">></i></span> icon-facebook-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-facebook: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-facebook icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-facebook icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-facebook icon-4"></i> </span>
+ <i class="icon-facebook icon-3"></i>
+ <i class="icon-facebook icon-2"></i>
+ </span>
+ <i class="icon-facebook icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-facebook
+ <small>
+ <i class="icon-facebook"></i> ·
+ Unicode: <span class="upper">f09a</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-facebook"></i> icon-facebook
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-facebook"</span><span class="nt">></i></span> icon-facebook
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-facetime-video: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-facetime-video icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-facetime-video icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-facetime-video icon-4"></i> </span>
+ <i class="icon-facetime-video icon-3"></i>
+ <i class="icon-facetime-video icon-2"></i>
+ </span>
+ <i class="icon-facetime-video icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-facetime-video
+ <small>
+ <i class="icon-facetime-video"></i> ·
+ Unicode: <span class="upper">f03d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-facetime-video"></i> icon-facetime-video
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-facetime-video"</span><span class="nt">></i></span> icon-facetime-video
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-fast-backward: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-fast-backward icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-fast-backward icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-fast-backward icon-4"></i> </span>
+ <i class="icon-fast-backward icon-3"></i>
+ <i class="icon-fast-backward icon-2"></i>
+ </span>
+ <i class="icon-fast-backward icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-fast-backward
+ <small>
+ <i class="icon-fast-backward"></i> ·
+ Unicode: <span class="upper">f049</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-fast-backward"></i> icon-fast-backward
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fast-backward"</span><span class="nt">></i></span> icon-fast-backward
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-fast-forward: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-fast-forward icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-fast-forward icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-fast-forward icon-4"></i> </span>
+ <i class="icon-fast-forward icon-3"></i>
+ <i class="icon-fast-forward icon-2"></i>
+ </span>
+ <i class="icon-fast-forward icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-fast-forward
+ <small>
+ <i class="icon-fast-forward"></i> ·
+ Unicode: <span class="upper">f050</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-fast-forward"></i> icon-fast-forward
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fast-forward"</span><span class="nt">></i></span> icon-fast-forward
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-female: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-female icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-female icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-female icon-4"></i> </span>
+ <i class="icon-female icon-3"></i>
+ <i class="icon-female icon-2"></i>
+ </span>
+ <i class="icon-female icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-female
+ <small>
+ <i class="icon-female"></i> ·
+ Unicode: <span class="upper">f182</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-female"></i> icon-female
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-female"</span><span class="nt">></i></span> icon-female
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-fighter-jet: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-fighter-jet icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-fighter-jet icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-fighter-jet icon-4"></i> </span>
+ <i class="icon-fighter-jet icon-3"></i>
+ <i class="icon-fighter-jet icon-2"></i>
+ </span>
+ <i class="icon-fighter-jet icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-fighter-jet
+ <small>
+ <i class="icon-fighter-jet"></i> ·
+ Unicode: <span class="upper">f0fb</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-fighter-jet"></i> icon-fighter-jet
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fighter-jet"</span><span class="nt">></i></span> icon-fighter-jet
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-file-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-file-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-file-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-file-alt icon-4"></i> </span>
+ <i class="icon-file-alt icon-3"></i>
+ <i class="icon-file-alt icon-2"></i>
+ </span>
+ <i class="icon-file-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-file-alt
+ <small>
+ <i class="icon-file-alt"></i> ·
+ Unicode: <span class="upper">f016</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-file-alt"></i> icon-file-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-file-alt"</span><span class="nt">></i></span> icon-file-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-file-text-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-file-text-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-file-text-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-file-text-alt icon-4"></i> </span>
+ <i class="icon-file-text-alt icon-3"></i>
+ <i class="icon-file-text-alt icon-2"></i>
+ </span>
+ <i class="icon-file-text-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-file-text-alt
+ <small>
+ <i class="icon-file-text-alt"></i> ·
+ Unicode: <span class="upper">f0f6</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-file-text-alt"></i> icon-file-text-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-file-text-alt"</span><span class="nt">></i></span> icon-file-text-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-file-text: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-file-text icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-file-text icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-file-text icon-4"></i> </span>
+ <i class="icon-file-text icon-3"></i>
+ <i class="icon-file-text icon-2"></i>
+ </span>
+ <i class="icon-file-text icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-file-text
+ <small>
+ <i class="icon-file-text"></i> ·
+ Unicode: <span class="upper">f15c</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-file-text"></i> icon-file-text
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-file-text"</span><span class="nt">></i></span> icon-file-text
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-file: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-file icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-file icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-file icon-4"></i> </span>
+ <i class="icon-file icon-3"></i>
+ <i class="icon-file icon-2"></i>
+ </span>
+ <i class="icon-file icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-file
+ <small>
+ <i class="icon-file"></i> ·
+ Unicode: <span class="upper">f15b</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-file"></i> icon-file
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-file"</span><span class="nt">></i></span> icon-file
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-film: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-film icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-film icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-film icon-4"></i> </span>
+ <i class="icon-film icon-3"></i>
+ <i class="icon-film icon-2"></i>
+ </span>
+ <i class="icon-film icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-film
+ <small>
+ <i class="icon-film"></i> ·
+ Unicode: <span class="upper">f008</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-film"></i> icon-film
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-film"</span><span class="nt">></i></span> icon-film
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-filter: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-filter icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-filter icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-filter icon-4"></i> </span>
+ <i class="icon-filter icon-3"></i>
+ <i class="icon-filter icon-2"></i>
+ </span>
+ <i class="icon-filter icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-filter
+ <small>
+ <i class="icon-filter"></i> ·
+ Unicode: <span class="upper">f0b0</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-filter"></i> icon-filter
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-filter"</span><span class="nt">></i></span> icon-filter
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-fire-extinguisher: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-fire-extinguisher icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-fire-extinguisher icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-fire-extinguisher icon-4"></i> </span>
+ <i class="icon-fire-extinguisher icon-3"></i>
+ <i class="icon-fire-extinguisher icon-2"></i>
+ </span>
+ <i class="icon-fire-extinguisher icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-fire-extinguisher
+ <small>
+ <i class="icon-fire-extinguisher"></i> ·
+ Unicode: <span class="upper">f134</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-fire-extinguisher"></i> icon-fire-extinguisher
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fire-extinguisher"</span><span class="nt">></i></span> icon-fire-extinguisher
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-fire: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-fire icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-fire icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-fire icon-4"></i> </span>
+ <i class="icon-fire icon-3"></i>
+ <i class="icon-fire icon-2"></i>
+ </span>
+ <i class="icon-fire icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-fire
+ <small>
+ <i class="icon-fire"></i> ·
+ Unicode: <span class="upper">f06d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-fire"></i> icon-fire
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fire"</span><span class="nt">></i></span> icon-fire
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-flag-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-flag-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-flag-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-flag-alt icon-4"></i> </span>
+ <i class="icon-flag-alt icon-3"></i>
+ <i class="icon-flag-alt icon-2"></i>
+ </span>
+ <i class="icon-flag-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-flag-alt
+ <small>
+ <i class="icon-flag-alt"></i> ·
+ Unicode: <span class="upper">f11d</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-flag-alt"></i> icon-flag-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag-alt"</span><span class="nt">></i></span> icon-flag-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-flag-checkered: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-flag-checkered icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-flag-checkered icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-flag-checkered icon-4"></i> </span>
+ <i class="icon-flag-checkered icon-3"></i>
+ <i class="icon-flag-checkered icon-2"></i>
+ </span>
+ <i class="icon-flag-checkered icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-flag-checkered
+ <small>
+ <i class="icon-flag-checkered"></i> ·
+ Unicode: <span class="upper">f11e</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-flag-checkered"></i> icon-flag-checkered
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag-checkered"</span><span class="nt">></i></span> icon-flag-checkered
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-flag: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-flag icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-flag icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-flag icon-4"></i> </span>
+ <i class="icon-flag icon-3"></i>
+ <i class="icon-flag icon-2"></i>
+ </span>
+ <i class="icon-flag icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-flag
+ <small>
+ <i class="icon-flag"></i> ·
+ Unicode: <span class="upper">f024</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-flag"></i> icon-flag
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag"</span><span class="nt">></i></span> icon-flag
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-flickr: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-flickr icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-flickr icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-flickr icon-4"></i> </span>
+ <i class="icon-flickr icon-3"></i>
+ <i class="icon-flickr icon-2"></i>
+ </span>
+ <i class="icon-flickr icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-flickr
+ <small>
+ <i class="icon-flickr"></i> ·
+ Unicode: <span class="upper">f16e</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-flickr"></i> icon-flickr
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flickr"</span><span class="nt">></i></span> icon-flickr
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-folder-close-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-folder-close-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-folder-close-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-folder-close-alt icon-4"></i> </span>
+ <i class="icon-folder-close-alt icon-3"></i>
+ <i class="icon-folder-close-alt icon-2"></i>
+ </span>
+ <i class="icon-folder-close-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-folder-close-alt
+ <small>
+ <i class="icon-folder-close-alt"></i> ·
+ Unicode: <span class="upper">f114</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-folder-close-alt"></i> icon-folder-close-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-folder-close-alt"</span><span class="nt">></i></span> icon-folder-close-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-folder-close: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-folder-close icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-folder-close icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-folder-close icon-4"></i> </span>
+ <i class="icon-folder-close icon-3"></i>
+ <i class="icon-folder-close icon-2"></i>
+ </span>
+ <i class="icon-folder-close icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-folder-close
+ <small>
+ <i class="icon-folder-close"></i> ·
+ Unicode: <span class="upper">f07b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-folder-close"></i> icon-folder-close
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-folder-close"</span><span class="nt">></i></span> icon-folder-close
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-folder-open-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-folder-open-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-folder-open-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-folder-open-alt icon-4"></i> </span>
+ <i class="icon-folder-open-alt icon-3"></i>
+ <i class="icon-folder-open-alt icon-2"></i>
+ </span>
+ <i class="icon-folder-open-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-folder-open-alt
+ <small>
+ <i class="icon-folder-open-alt"></i> ·
+ Unicode: <span class="upper">f115</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-folder-open-alt"></i> icon-folder-open-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-folder-open-alt"</span><span class="nt">></i></span> icon-folder-open-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-folder-open: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-folder-open icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-folder-open icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-folder-open icon-4"></i> </span>
+ <i class="icon-folder-open icon-3"></i>
+ <i class="icon-folder-open icon-2"></i>
+ </span>
+ <i class="icon-folder-open icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-folder-open
+ <small>
+ <i class="icon-folder-open"></i> ·
+ Unicode: <span class="upper">f07c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-folder-open"></i> icon-folder-open
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-folder-open"</span><span class="nt">></i></span> icon-folder-open
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-font: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-font icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-font icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-font icon-4"></i> </span>
+ <i class="icon-font icon-3"></i>
+ <i class="icon-font icon-2"></i>
+ </span>
+ <i class="icon-font icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-font
+ <small>
+ <i class="icon-font"></i> ·
+ Unicode: <span class="upper">f031</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-font"></i> icon-font
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-font"</span><span class="nt">></i></span> icon-font
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-food: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-food icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-food icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-food icon-4"></i> </span>
+ <i class="icon-food icon-3"></i>
+ <i class="icon-food icon-2"></i>
+ </span>
+ <i class="icon-food icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-food
+ <small>
+ <i class="icon-food"></i> ·
+ Unicode: <span class="upper">f0f5</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-food"></i> icon-food
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-food"</span><span class="nt">></i></span> icon-food
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-forward: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-forward icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-forward icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-forward icon-4"></i> </span>
+ <i class="icon-forward icon-3"></i>
+ <i class="icon-forward icon-2"></i>
+ </span>
+ <i class="icon-forward icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-forward
+ <small>
+ <i class="icon-forward"></i> ·
+ Unicode: <span class="upper">f04e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-forward"></i> icon-forward
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-forward"</span><span class="nt">></i></span> icon-forward
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-foursquare: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-foursquare icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-foursquare icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-foursquare icon-4"></i> </span>
+ <i class="icon-foursquare icon-3"></i>
+ <i class="icon-foursquare icon-2"></i>
+ </span>
+ <i class="icon-foursquare icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-foursquare
+ <small>
+ <i class="icon-foursquare"></i> ·
+ Unicode: <span class="upper">f180</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-foursquare"></i> icon-foursquare
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-foursquare"</span><span class="nt">></i></span> icon-foursquare
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-frown: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-frown icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-frown icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-frown icon-4"></i> </span>
+ <i class="icon-frown icon-3"></i>
+ <i class="icon-frown icon-2"></i>
+ </span>
+ <i class="icon-frown icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-frown
+ <small>
+ <i class="icon-frown"></i> ·
+ Unicode: <span class="upper">f119</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-frown"></i> icon-frown
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-frown"</span><span class="nt">></i></span> icon-frown
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-fullscreen: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-fullscreen icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-fullscreen icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-fullscreen icon-4"></i> </span>
+ <i class="icon-fullscreen icon-3"></i>
+ <i class="icon-fullscreen icon-2"></i>
+ </span>
+ <i class="icon-fullscreen icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-fullscreen
+ <small>
+ <i class="icon-fullscreen"></i> ·
+ Unicode: <span class="upper">f0b2</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-fullscreen"></i> icon-fullscreen
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fullscreen"</span><span class="nt">></i></span> icon-fullscreen
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-gamepad: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-gamepad icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-gamepad icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-gamepad icon-4"></i> </span>
+ <i class="icon-gamepad icon-3"></i>
+ <i class="icon-gamepad icon-2"></i>
+ </span>
+ <i class="icon-gamepad icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-gamepad
+ <small>
+ <i class="icon-gamepad"></i> ·
+ Unicode: <span class="upper">f11b</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-gamepad"></i> icon-gamepad
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-gamepad"</span><span class="nt">></i></span> icon-gamepad
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-gbp: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-gbp icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-gbp icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-gbp icon-4"></i> </span>
+ <i class="icon-gbp icon-3"></i>
+ <i class="icon-gbp icon-2"></i>
+ </span>
+ <i class="icon-gbp icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-gbp
+ <small>
+ <i class="icon-gbp"></i> ·
+ Unicode: <span class="upper">f154</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Currency Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-gbp"></i> icon-gbp
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-gbp"</span><span class="nt">></i></span> icon-gbp
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-gift: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-gift icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-gift icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-gift icon-4"></i> </span>
+ <i class="icon-gift icon-3"></i>
+ <i class="icon-gift icon-2"></i>
+ </span>
+ <i class="icon-gift icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-gift
+ <small>
+ <i class="icon-gift"></i> ·
+ Unicode: <span class="upper">f06b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-gift"></i> icon-gift
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-gift"</span><span class="nt">></i></span> icon-gift
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-github-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-github-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-github-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-github-alt icon-4"></i> </span>
+ <i class="icon-github-alt icon-3"></i>
+ <i class="icon-github-alt icon-2"></i>
+ </span>
+ <i class="icon-github-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-github-alt
+ <small>
+ <i class="icon-github-alt"></i> ·
+ Unicode: <span class="upper">f113</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-github-alt"></i> icon-github-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-github-alt"</span><span class="nt">></i></span> icon-github-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-github-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-github-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-github-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-github-sign icon-4"></i> </span>
+ <i class="icon-github-sign icon-3"></i>
+ <i class="icon-github-sign icon-2"></i>
+ </span>
+ <i class="icon-github-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-github-sign
+ <small>
+ <i class="icon-github-sign"></i> ·
+ Unicode: <span class="upper">f092</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-github-sign"></i> icon-github-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-github-sign"</span><span class="nt">></i></span> icon-github-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-github: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-github icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-github icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-github icon-4"></i> </span>
+ <i class="icon-github icon-3"></i>
+ <i class="icon-github icon-2"></i>
+ </span>
+ <i class="icon-github icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-github
+ <small>
+ <i class="icon-github"></i> ·
+ Unicode: <span class="upper">f09b</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-github"></i> icon-github
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-github"</span><span class="nt">></i></span> icon-github
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-gittip: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-gittip icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-gittip icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-gittip icon-4"></i> </span>
+ <i class="icon-gittip icon-3"></i>
+ <i class="icon-gittip icon-2"></i>
+ </span>
+ <i class="icon-gittip icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-gittip
+ <small>
+ <i class="icon-gittip"></i> ·
+ Unicode: <span class="upper">f184</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-gittip"></i> icon-gittip
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-gittip"</span><span class="nt">></i></span> icon-gittip
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-glass: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-glass icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-glass icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-glass icon-4"></i> </span>
+ <i class="icon-glass icon-3"></i>
+ <i class="icon-glass icon-2"></i>
+ </span>
+ <i class="icon-glass icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-glass
+ <small>
+ <i class="icon-glass"></i> ·
+ Unicode: <span class="upper">f000</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-glass"></i> icon-glass
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-glass"</span><span class="nt">></i></span> icon-glass
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-globe: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-globe icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-globe icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-globe icon-4"></i> </span>
+ <i class="icon-globe icon-3"></i>
+ <i class="icon-globe icon-2"></i>
+ </span>
+ <i class="icon-globe icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-globe
+ <small>
+ <i class="icon-globe"></i> ·
+ Unicode: <span class="upper">f0ac</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-globe"></i> icon-globe
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-globe"</span><span class="nt">></i></span> icon-globe
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-google-plus-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-google-plus-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-google-plus-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-google-plus-sign icon-4"></i> </span>
+ <i class="icon-google-plus-sign icon-3"></i>
+ <i class="icon-google-plus-sign icon-2"></i>
+ </span>
+ <i class="icon-google-plus-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-google-plus-sign
+ <small>
+ <i class="icon-google-plus-sign"></i> ·
+ Unicode: <span class="upper">f0d4</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-google-plus-sign"></i> icon-google-plus-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-google-plus-sign"</span><span class="nt">></i></span> icon-google-plus-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-google-plus: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-google-plus icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-google-plus icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-google-plus icon-4"></i> </span>
+ <i class="icon-google-plus icon-3"></i>
+ <i class="icon-google-plus icon-2"></i>
+ </span>
+ <i class="icon-google-plus icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-google-plus
+ <small>
+ <i class="icon-google-plus"></i> ·
+ Unicode: <span class="upper">f0d5</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-google-plus"></i> icon-google-plus
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-google-plus"</span><span class="nt">></i></span> icon-google-plus
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-group: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-group icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-group icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-group icon-4"></i> </span>
+ <i class="icon-group icon-3"></i>
+ <i class="icon-group icon-2"></i>
+ </span>
+ <i class="icon-group icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-group
+ <small>
+ <i class="icon-group"></i> ·
+ Unicode: <span class="upper">f0c0</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-group"></i> icon-group
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-group"</span><span class="nt">></i></span> icon-group
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-h-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-h-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-h-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-h-sign icon-4"></i> </span>
+ <i class="icon-h-sign icon-3"></i>
+ <i class="icon-h-sign icon-2"></i>
+ </span>
+ <i class="icon-h-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-h-sign
+ <small>
+ <i class="icon-h-sign"></i> ·
+ Unicode: <span class="upper">f0fd</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Medical Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-h-sign"></i> icon-h-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-h-sign"</span><span class="nt">></i></span> icon-h-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-hand-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-hand-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-hand-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-hand-down icon-4"></i> </span>
+ <i class="icon-hand-down icon-3"></i>
+ <i class="icon-hand-down icon-2"></i>
+ </span>
+ <i class="icon-hand-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-hand-down
+ <small>
+ <i class="icon-hand-down"></i> ·
+ Unicode: <span class="upper">f0a7</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-hand-down"></i> icon-hand-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hand-down"</span><span class="nt">></i></span> icon-hand-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-hand-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-hand-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-hand-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-hand-left icon-4"></i> </span>
+ <i class="icon-hand-left icon-3"></i>
+ <i class="icon-hand-left icon-2"></i>
+ </span>
+ <i class="icon-hand-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-hand-left
+ <small>
+ <i class="icon-hand-left"></i> ·
+ Unicode: <span class="upper">f0a5</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-hand-left"></i> icon-hand-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hand-left"</span><span class="nt">></i></span> icon-hand-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-hand-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-hand-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-hand-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-hand-right icon-4"></i> </span>
+ <i class="icon-hand-right icon-3"></i>
+ <i class="icon-hand-right icon-2"></i>
+ </span>
+ <i class="icon-hand-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-hand-right
+ <small>
+ <i class="icon-hand-right"></i> ·
+ Unicode: <span class="upper">f0a4</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-hand-right"></i> icon-hand-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hand-right"</span><span class="nt">></i></span> icon-hand-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-hand-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-hand-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-hand-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-hand-up icon-4"></i> </span>
+ <i class="icon-hand-up icon-3"></i>
+ <i class="icon-hand-up icon-2"></i>
+ </span>
+ <i class="icon-hand-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-hand-up
+ <small>
+ <i class="icon-hand-up"></i> ·
+ Unicode: <span class="upper">f0a6</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-hand-up"></i> icon-hand-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hand-up"</span><span class="nt">></i></span> icon-hand-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-hdd: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-hdd icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-hdd icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-hdd icon-4"></i> </span>
+ <i class="icon-hdd icon-3"></i>
+ <i class="icon-hdd icon-2"></i>
+ </span>
+ <i class="icon-hdd icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-hdd
+ <small>
+ <i class="icon-hdd"></i> ·
+ Unicode: <span class="upper">f0a0</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-hdd"></i> icon-hdd
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hdd"</span><span class="nt">></i></span> icon-hdd
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-headphones: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-headphones icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-headphones icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-headphones icon-4"></i> </span>
+ <i class="icon-headphones icon-3"></i>
+ <i class="icon-headphones icon-2"></i>
+ </span>
+ <i class="icon-headphones icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-headphones
+ <small>
+ <i class="icon-headphones"></i> ·
+ Unicode: <span class="upper">f025</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-headphones"></i> icon-headphones
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-headphones"</span><span class="nt">></i></span> icon-headphones
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-heart-empty: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-heart-empty icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-heart-empty icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-heart-empty icon-4"></i> </span>
+ <i class="icon-heart-empty icon-3"></i>
+ <i class="icon-heart-empty icon-2"></i>
+ </span>
+ <i class="icon-heart-empty icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-heart-empty
+ <small>
+ <i class="icon-heart-empty"></i> ·
+ Unicode: <span class="upper">f08a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-heart-empty"></i> icon-heart-empty
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-heart-empty"</span><span class="nt">></i></span> icon-heart-empty
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-heart: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-heart icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-heart icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-heart icon-4"></i> </span>
+ <i class="icon-heart icon-3"></i>
+ <i class="icon-heart icon-2"></i>
+ </span>
+ <i class="icon-heart icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-heart
+ <small>
+ <i class="icon-heart"></i> ·
+ Unicode: <span class="upper">f004</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-heart"></i> icon-heart
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-heart"</span><span class="nt">></i></span> icon-heart
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-home: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-home icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-home icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-home icon-4"></i> </span>
+ <i class="icon-home icon-3"></i>
+ <i class="icon-home icon-2"></i>
+ </span>
+ <i class="icon-home icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-home
+ <small>
+ <i class="icon-home"></i> ·
+ Unicode: <span class="upper">f015</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-home"></i> icon-home
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-home"</span><span class="nt">></i></span> icon-home
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-hospital: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-hospital icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-hospital icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-hospital icon-4"></i> </span>
+ <i class="icon-hospital icon-3"></i>
+ <i class="icon-hospital icon-2"></i>
+ </span>
+ <i class="icon-hospital icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-hospital
+ <small>
+ <i class="icon-hospital"></i> ·
+ Unicode: <span class="upper">f0f8</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Medical Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-hospital"></i> icon-hospital
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hospital"</span><span class="nt">></i></span> icon-hospital
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-html5: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-html5 icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-html5 icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-html5 icon-4"></i> </span>
+ <i class="icon-html5 icon-3"></i>
+ <i class="icon-html5 icon-2"></i>
+ </span>
+ <i class="icon-html5 icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-html5
+ <small>
+ <i class="icon-html5"></i> ·
+ Unicode: <span class="upper">f13b</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-html5"></i> icon-html5
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-html5"</span><span class="nt">></i></span> icon-html5
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-inbox: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-inbox icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-inbox icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-inbox icon-4"></i> </span>
+ <i class="icon-inbox icon-3"></i>
+ <i class="icon-inbox icon-2"></i>
+ </span>
+ <i class="icon-inbox icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-inbox
+ <small>
+ <i class="icon-inbox"></i> ·
+ Unicode: <span class="upper">f01c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-inbox"></i> icon-inbox
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-inbox"</span><span class="nt">></i></span> icon-inbox
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-indent-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-indent-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-indent-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-indent-left icon-4"></i> </span>
+ <i class="icon-indent-left icon-3"></i>
+ <i class="icon-indent-left icon-2"></i>
+ </span>
+ <i class="icon-indent-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-indent-left
+ <small>
+ <i class="icon-indent-left"></i> ·
+ Unicode: <span class="upper">f03b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-indent-left"></i> icon-indent-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-indent-left"</span><span class="nt">></i></span> icon-indent-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-indent-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-indent-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-indent-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-indent-right icon-4"></i> </span>
+ <i class="icon-indent-right icon-3"></i>
+ <i class="icon-indent-right icon-2"></i>
+ </span>
+ <i class="icon-indent-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-indent-right
+ <small>
+ <i class="icon-indent-right"></i> ·
+ Unicode: <span class="upper">f03c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-indent-right"></i> icon-indent-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-indent-right"</span><span class="nt">></i></span> icon-indent-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-info-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-info-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-info-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-info-sign icon-4"></i> </span>
+ <i class="icon-info-sign icon-3"></i>
+ <i class="icon-info-sign icon-2"></i>
+ </span>
+ <i class="icon-info-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-info-sign
+ <small>
+ <i class="icon-info-sign"></i> ·
+ Unicode: <span class="upper">f05a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-info-sign"></i> icon-info-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-info-sign"</span><span class="nt">></i></span> icon-info-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-info: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-info icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-info icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-info icon-4"></i> </span>
+ <i class="icon-info icon-3"></i>
+ <i class="icon-info icon-2"></i>
+ </span>
+ <i class="icon-info icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-info
+ <small>
+ <i class="icon-info"></i> ·
+ Unicode: <span class="upper">f129</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-info"></i> icon-info
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-info"</span><span class="nt">></i></span> icon-info
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-inr: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-inr icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-inr icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-inr icon-4"></i> </span>
+ <i class="icon-inr icon-3"></i>
+ <i class="icon-inr icon-2"></i>
+ </span>
+ <i class="icon-inr icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-inr
+ <small>
+ <i class="icon-inr"></i> ·
+ Unicode: <span class="upper">f156</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Currency Icons
+
+
+
+ · Aliases:
+
+ icon-rupee
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-inr"></i> icon-inr
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-inr"</span><span class="nt">></i></span> icon-inr
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-instagram: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-instagram icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-instagram icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-instagram icon-4"></i> </span>
+ <i class="icon-instagram icon-3"></i>
+ <i class="icon-instagram icon-2"></i>
+ </span>
+ <i class="icon-instagram icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-instagram
+ <small>
+ <i class="icon-instagram"></i> ·
+ Unicode: <span class="upper">f16d</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-instagram"></i> icon-instagram
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-instagram"</span><span class="nt">></i></span> icon-instagram
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-italic: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-italic icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-italic icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-italic icon-4"></i> </span>
+ <i class="icon-italic icon-3"></i>
+ <i class="icon-italic icon-2"></i>
+ </span>
+ <i class="icon-italic icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-italic
+ <small>
+ <i class="icon-italic"></i> ·
+ Unicode: <span class="upper">f033</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-italic"></i> icon-italic
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-italic"</span><span class="nt">></i></span> icon-italic
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-jpy: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-jpy icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-jpy icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-jpy icon-4"></i> </span>
+ <i class="icon-jpy icon-3"></i>
+ <i class="icon-jpy icon-2"></i>
+ </span>
+ <i class="icon-jpy icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-jpy
+ <small>
+ <i class="icon-jpy"></i> ·
+ Unicode: <span class="upper">f157</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Currency Icons
+
+
+
+ · Aliases:
+
+ icon-yen
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-jpy"></i> icon-jpy
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-jpy"</span><span class="nt">></i></span> icon-jpy
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-key: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-key icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-key icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-key icon-4"></i> </span>
+ <i class="icon-key icon-3"></i>
+ <i class="icon-key icon-2"></i>
+ </span>
+ <i class="icon-key icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-key
+ <small>
+ <i class="icon-key"></i> ·
+ Unicode: <span class="upper">f084</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-key"></i> icon-key
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-key"</span><span class="nt">></i></span> icon-key
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-keyboard: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-keyboard icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-keyboard icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-keyboard icon-4"></i> </span>
+ <i class="icon-keyboard icon-3"></i>
+ <i class="icon-keyboard icon-2"></i>
+ </span>
+ <i class="icon-keyboard icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-keyboard
+ <small>
+ <i class="icon-keyboard"></i> ·
+ Unicode: <span class="upper">f11c</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-keyboard"></i> icon-keyboard
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-keyboard"</span><span class="nt">></i></span> icon-keyboard
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-krw: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-krw icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-krw icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-krw icon-4"></i> </span>
+ <i class="icon-krw icon-3"></i>
+ <i class="icon-krw icon-2"></i>
+ </span>
+ <i class="icon-krw icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-krw
+ <small>
+ <i class="icon-krw"></i> ·
+ Unicode: <span class="upper">f159</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Currency Icons
+
+
+
+ · Aliases:
+
+ icon-won
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-krw"></i> icon-krw
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-krw"</span><span class="nt">></i></span> icon-krw
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-laptop: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-laptop icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-laptop icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-laptop icon-4"></i> </span>
+ <i class="icon-laptop icon-3"></i>
+ <i class="icon-laptop icon-2"></i>
+ </span>
+ <i class="icon-laptop icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-laptop
+ <small>
+ <i class="icon-laptop"></i> ·
+ Unicode: <span class="upper">f109</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-laptop"></i> icon-laptop
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-laptop"</span><span class="nt">></i></span> icon-laptop
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-leaf: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-leaf icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-leaf icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-leaf icon-4"></i> </span>
+ <i class="icon-leaf icon-3"></i>
+ <i class="icon-leaf icon-2"></i>
+ </span>
+ <i class="icon-leaf icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-leaf
+ <small>
+ <i class="icon-leaf"></i> ·
+ Unicode: <span class="upper">f06c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-leaf"></i> icon-leaf
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-leaf"</span><span class="nt">></i></span> icon-leaf
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-legal: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-legal icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-legal icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-legal icon-4"></i> </span>
+ <i class="icon-legal icon-3"></i>
+ <i class="icon-legal icon-2"></i>
+ </span>
+ <i class="icon-legal icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-legal
+ <small>
+ <i class="icon-legal"></i> ·
+ Unicode: <span class="upper">f0e3</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-legal"></i> icon-legal
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-legal"</span><span class="nt">></i></span> icon-legal
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-lemon: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-lemon icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-lemon icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-lemon icon-4"></i> </span>
+ <i class="icon-lemon icon-3"></i>
+ <i class="icon-lemon icon-2"></i>
+ </span>
+ <i class="icon-lemon icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-lemon
+ <small>
+ <i class="icon-lemon"></i> ·
+ Unicode: <span class="upper">f094</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-lemon"></i> icon-lemon
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-lemon"</span><span class="nt">></i></span> icon-lemon
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-level-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-level-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-level-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-level-down icon-4"></i> </span>
+ <i class="icon-level-down icon-3"></i>
+ <i class="icon-level-down icon-2"></i>
+ </span>
+ <i class="icon-level-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-level-down
+ <small>
+ <i class="icon-level-down"></i> ·
+ Unicode: <span class="upper">f149</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-level-down"></i> icon-level-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-level-down"</span><span class="nt">></i></span> icon-level-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-level-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-level-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-level-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-level-up icon-4"></i> </span>
+ <i class="icon-level-up icon-3"></i>
+ <i class="icon-level-up icon-2"></i>
+ </span>
+ <i class="icon-level-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-level-up
+ <small>
+ <i class="icon-level-up"></i> ·
+ Unicode: <span class="upper">f148</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-level-up"></i> icon-level-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-level-up"</span><span class="nt">></i></span> icon-level-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-lightbulb: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-lightbulb icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-lightbulb icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-lightbulb icon-4"></i> </span>
+ <i class="icon-lightbulb icon-3"></i>
+ <i class="icon-lightbulb icon-2"></i>
+ </span>
+ <i class="icon-lightbulb icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-lightbulb
+ <small>
+ <i class="icon-lightbulb"></i> ·
+ Unicode: <span class="upper">f0eb</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-lightbulb"></i> icon-lightbulb
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-lightbulb"</span><span class="nt">></i></span> icon-lightbulb
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-link: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-link icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-link icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-link icon-4"></i> </span>
+ <i class="icon-link icon-3"></i>
+ <i class="icon-link icon-2"></i>
+ </span>
+ <i class="icon-link icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-link
+ <small>
+ <i class="icon-link"></i> ·
+ Unicode: <span class="upper">f0c1</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-link"></i> icon-link
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-link"</span><span class="nt">></i></span> icon-link
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-linkedin-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-linkedin-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-linkedin-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-linkedin-sign icon-4"></i> </span>
+ <i class="icon-linkedin-sign icon-3"></i>
+ <i class="icon-linkedin-sign icon-2"></i>
+ </span>
+ <i class="icon-linkedin-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-linkedin-sign
+ <small>
+ <i class="icon-linkedin-sign"></i> ·
+ Unicode: <span class="upper">f08c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-linkedin-sign"></i> icon-linkedin-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-linkedin-sign"</span><span class="nt">></i></span> icon-linkedin-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-linkedin: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-linkedin icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-linkedin icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-linkedin icon-4"></i> </span>
+ <i class="icon-linkedin icon-3"></i>
+ <i class="icon-linkedin icon-2"></i>
+ </span>
+ <i class="icon-linkedin icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-linkedin
+ <small>
+ <i class="icon-linkedin"></i> ·
+ Unicode: <span class="upper">f0e1</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-linkedin"></i> icon-linkedin
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-linkedin"</span><span class="nt">></i></span> icon-linkedin
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-linux: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-linux icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-linux icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-linux icon-4"></i> </span>
+ <i class="icon-linux icon-3"></i>
+ <i class="icon-linux icon-2"></i>
+ </span>
+ <i class="icon-linux icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-linux
+ <small>
+ <i class="icon-linux"></i> ·
+ Unicode: <span class="upper">f17c</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-linux"></i> icon-linux
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-linux"</span><span class="nt">></i></span> icon-linux
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-list-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-list-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-list-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-list-alt icon-4"></i> </span>
+ <i class="icon-list-alt icon-3"></i>
+ <i class="icon-list-alt icon-2"></i>
+ </span>
+ <i class="icon-list-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-list-alt
+ <small>
+ <i class="icon-list-alt"></i> ·
+ Unicode: <span class="upper">f022</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-list-alt"></i> icon-list-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-list-alt"</span><span class="nt">></i></span> icon-list-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-list-ol: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-list-ol icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-list-ol icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-list-ol icon-4"></i> </span>
+ <i class="icon-list-ol icon-3"></i>
+ <i class="icon-list-ol icon-2"></i>
+ </span>
+ <i class="icon-list-ol icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-list-ol
+ <small>
+ <i class="icon-list-ol"></i> ·
+ Unicode: <span class="upper">f0cb</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-list-ol"></i> icon-list-ol
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-list-ol"</span><span class="nt">></i></span> icon-list-ol
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-list-ul: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-list-ul icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-list-ul icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-list-ul icon-4"></i> </span>
+ <i class="icon-list-ul icon-3"></i>
+ <i class="icon-list-ul icon-2"></i>
+ </span>
+ <i class="icon-list-ul icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-list-ul
+ <small>
+ <i class="icon-list-ul"></i> ·
+ Unicode: <span class="upper">f0ca</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-list-ul"></i> icon-list-ul
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-list-ul"</span><span class="nt">></i></span> icon-list-ul
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-list: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-list icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-list icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-list icon-4"></i> </span>
+ <i class="icon-list icon-3"></i>
+ <i class="icon-list icon-2"></i>
+ </span>
+ <i class="icon-list icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-list
+ <small>
+ <i class="icon-list"></i> ·
+ Unicode: <span class="upper">f03a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-list"></i> icon-list
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-list"</span><span class="nt">></i></span> icon-list
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-location-arrow: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-location-arrow icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-location-arrow icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-location-arrow icon-4"></i> </span>
+ <i class="icon-location-arrow icon-3"></i>
+ <i class="icon-location-arrow icon-2"></i>
+ </span>
+ <i class="icon-location-arrow icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-location-arrow
+ <small>
+ <i class="icon-location-arrow"></i> ·
+ Unicode: <span class="upper">f124</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-location-arrow"></i> icon-location-arrow
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-location-arrow"</span><span class="nt">></i></span> icon-location-arrow
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-lock: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-lock icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-lock icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-lock icon-4"></i> </span>
+ <i class="icon-lock icon-3"></i>
+ <i class="icon-lock icon-2"></i>
+ </span>
+ <i class="icon-lock icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-lock
+ <small>
+ <i class="icon-lock"></i> ·
+ Unicode: <span class="upper">f023</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-lock"></i> icon-lock
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-lock"</span><span class="nt">></i></span> icon-lock
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-long-arrow-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-long-arrow-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-long-arrow-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-long-arrow-down icon-4"></i> </span>
+ <i class="icon-long-arrow-down icon-3"></i>
+ <i class="icon-long-arrow-down icon-2"></i>
+ </span>
+ <i class="icon-long-arrow-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-long-arrow-down
+ <small>
+ <i class="icon-long-arrow-down"></i> ·
+ Unicode: <span class="upper">f175</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-long-arrow-down"></i> icon-long-arrow-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-long-arrow-down"</span><span class="nt">></i></span> icon-long-arrow-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-long-arrow-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-long-arrow-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-long-arrow-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-long-arrow-left icon-4"></i> </span>
+ <i class="icon-long-arrow-left icon-3"></i>
+ <i class="icon-long-arrow-left icon-2"></i>
+ </span>
+ <i class="icon-long-arrow-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-long-arrow-left
+ <small>
+ <i class="icon-long-arrow-left"></i> ·
+ Unicode: <span class="upper">f177</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-long-arrow-left"></i> icon-long-arrow-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-long-arrow-left"</span><span class="nt">></i></span> icon-long-arrow-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-long-arrow-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-long-arrow-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-long-arrow-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-long-arrow-right icon-4"></i> </span>
+ <i class="icon-long-arrow-right icon-3"></i>
+ <i class="icon-long-arrow-right icon-2"></i>
+ </span>
+ <i class="icon-long-arrow-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-long-arrow-right
+ <small>
+ <i class="icon-long-arrow-right"></i> ·
+ Unicode: <span class="upper">f178</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-long-arrow-right"></i> icon-long-arrow-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-long-arrow-right"</span><span class="nt">></i></span> icon-long-arrow-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-long-arrow-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-long-arrow-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-long-arrow-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-long-arrow-up icon-4"></i> </span>
+ <i class="icon-long-arrow-up icon-3"></i>
+ <i class="icon-long-arrow-up icon-2"></i>
+ </span>
+ <i class="icon-long-arrow-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-long-arrow-up
+ <small>
+ <i class="icon-long-arrow-up"></i> ·
+ Unicode: <span class="upper">f176</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Directional Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-long-arrow-up"></i> icon-long-arrow-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-long-arrow-up"</span><span class="nt">></i></span> icon-long-arrow-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-magic: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-magic icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-magic icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-magic icon-4"></i> </span>
+ <i class="icon-magic icon-3"></i>
+ <i class="icon-magic icon-2"></i>
+ </span>
+ <i class="icon-magic icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-magic
+ <small>
+ <i class="icon-magic"></i> ·
+ Unicode: <span class="upper">f0d0</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-magic"></i> icon-magic
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-magic"</span><span class="nt">></i></span> icon-magic
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-magnet: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-magnet icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-magnet icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-magnet icon-4"></i> </span>
+ <i class="icon-magnet icon-3"></i>
+ <i class="icon-magnet icon-2"></i>
+ </span>
+ <i class="icon-magnet icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-magnet
+ <small>
+ <i class="icon-magnet"></i> ·
+ Unicode: <span class="upper">f076</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-magnet"></i> icon-magnet
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-magnet"</span><span class="nt">></i></span> icon-magnet
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-mail-reply-all: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-mail-reply-all icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-mail-reply-all icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-mail-reply-all icon-4"></i> </span>
+ <i class="icon-mail-reply-all icon-3"></i>
+ <i class="icon-mail-reply-all icon-2"></i>
+ </span>
+ <i class="icon-mail-reply-all icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-mail-reply-all
+ <small>
+ <i class="icon-mail-reply-all"></i> ·
+ Unicode: <span class="upper">f122</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-mail-reply-all"></i> icon-mail-reply-all
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-mail-reply-all"</span><span class="nt">></i></span> icon-mail-reply-all
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-male: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-male icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-male icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-male icon-4"></i> </span>
+ <i class="icon-male icon-3"></i>
+ <i class="icon-male icon-2"></i>
+ </span>
+ <i class="icon-male icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-male
+ <small>
+ <i class="icon-male"></i> ·
+ Unicode: <span class="upper">f183</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-male"></i> icon-male
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-male"</span><span class="nt">></i></span> icon-male
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-map-marker: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-map-marker icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-map-marker icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-map-marker icon-4"></i> </span>
+ <i class="icon-map-marker icon-3"></i>
+ <i class="icon-map-marker icon-2"></i>
+ </span>
+ <i class="icon-map-marker icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-map-marker
+ <small>
+ <i class="icon-map-marker"></i> ·
+ Unicode: <span class="upper">f041</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-map-marker"></i> icon-map-marker
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-map-marker"</span><span class="nt">></i></span> icon-map-marker
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-maxcdn: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-maxcdn icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-maxcdn icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-maxcdn icon-4"></i> </span>
+ <i class="icon-maxcdn icon-3"></i>
+ <i class="icon-maxcdn icon-2"></i>
+ </span>
+ <i class="icon-maxcdn icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-maxcdn
+ <small>
+ <i class="icon-maxcdn"></i> ·
+ Unicode: <span class="upper">f136</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-maxcdn"></i> icon-maxcdn
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-maxcdn"</span><span class="nt">></i></span> icon-maxcdn
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-medkit: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-medkit icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-medkit icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-medkit icon-4"></i> </span>
+ <i class="icon-medkit icon-3"></i>
+ <i class="icon-medkit icon-2"></i>
+ </span>
+ <i class="icon-medkit icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-medkit
+ <small>
+ <i class="icon-medkit"></i> ·
+ Unicode: <span class="upper">f0fa</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Medical Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-medkit"></i> icon-medkit
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-medkit"</span><span class="nt">></i></span> icon-medkit
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-meh: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-meh icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-meh icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-meh icon-4"></i> </span>
+ <i class="icon-meh icon-3"></i>
+ <i class="icon-meh icon-2"></i>
+ </span>
+ <i class="icon-meh icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-meh
+ <small>
+ <i class="icon-meh"></i> ·
+ Unicode: <span class="upper">f11a</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-meh"></i> icon-meh
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-meh"</span><span class="nt">></i></span> icon-meh
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-microphone-off: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-microphone-off icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-microphone-off icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-microphone-off icon-4"></i> </span>
+ <i class="icon-microphone-off icon-3"></i>
+ <i class="icon-microphone-off icon-2"></i>
+ </span>
+ <i class="icon-microphone-off icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-microphone-off
+ <small>
+ <i class="icon-microphone-off"></i> ·
+ Unicode: <span class="upper">f131</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-microphone-off"></i> icon-microphone-off
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-microphone-off"</span><span class="nt">></i></span> icon-microphone-off
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-microphone: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-microphone icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-microphone icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-microphone icon-4"></i> </span>
+ <i class="icon-microphone icon-3"></i>
+ <i class="icon-microphone icon-2"></i>
+ </span>
+ <i class="icon-microphone icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-microphone
+ <small>
+ <i class="icon-microphone"></i> ·
+ Unicode: <span class="upper">f130</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-microphone"></i> icon-microphone
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-microphone"</span><span class="nt">></i></span> icon-microphone
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-minus-sign-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-minus-sign-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-minus-sign-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-minus-sign-alt icon-4"></i> </span>
+ <i class="icon-minus-sign-alt icon-3"></i>
+ <i class="icon-minus-sign-alt icon-2"></i>
+ </span>
+ <i class="icon-minus-sign-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-minus-sign-alt
+ <small>
+ <i class="icon-minus-sign-alt"></i> ·
+ Unicode: <span class="upper">f146</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-minus-sign-alt"></i> icon-minus-sign-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-minus-sign-alt"</span><span class="nt">></i></span> icon-minus-sign-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-minus-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-minus-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-minus-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-minus-sign icon-4"></i> </span>
+ <i class="icon-minus-sign icon-3"></i>
+ <i class="icon-minus-sign icon-2"></i>
+ </span>
+ <i class="icon-minus-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-minus-sign
+ <small>
+ <i class="icon-minus-sign"></i> ·
+ Unicode: <span class="upper">f056</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-minus-sign"></i> icon-minus-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-minus-sign"</span><span class="nt">></i></span> icon-minus-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-minus: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-minus icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-minus icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-minus icon-4"></i> </span>
+ <i class="icon-minus icon-3"></i>
+ <i class="icon-minus icon-2"></i>
+ </span>
+ <i class="icon-minus icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-minus
+ <small>
+ <i class="icon-minus"></i> ·
+ Unicode: <span class="upper">f068</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-minus"></i> icon-minus
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-minus"</span><span class="nt">></i></span> icon-minus
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-mobile-phone: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-mobile-phone icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-mobile-phone icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-mobile-phone icon-4"></i> </span>
+ <i class="icon-mobile-phone icon-3"></i>
+ <i class="icon-mobile-phone icon-2"></i>
+ </span>
+ <i class="icon-mobile-phone icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-mobile-phone
+ <small>
+ <i class="icon-mobile-phone"></i> ·
+ Unicode: <span class="upper">f10b</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-mobile-phone"></i> icon-mobile-phone
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-mobile-phone"</span><span class="nt">></i></span> icon-mobile-phone
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-money: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-money icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-money icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-money icon-4"></i> </span>
+ <i class="icon-money icon-3"></i>
+ <i class="icon-money icon-2"></i>
+ </span>
+ <i class="icon-money icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-money
+ <small>
+ <i class="icon-money"></i> ·
+ Unicode: <span class="upper">f0d6</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-money"></i> icon-money
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-money"</span><span class="nt">></i></span> icon-money
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-moon: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-moon icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-moon icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-moon icon-4"></i> </span>
+ <i class="icon-moon icon-3"></i>
+ <i class="icon-moon icon-2"></i>
+ </span>
+ <i class="icon-moon icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-moon
+ <small>
+ <i class="icon-moon"></i> ·
+ Unicode: <span class="upper">f186</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-moon"></i> icon-moon
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-moon"</span><span class="nt">></i></span> icon-moon
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-move: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-move icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-move icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-move icon-4"></i> </span>
+ <i class="icon-move icon-3"></i>
+ <i class="icon-move icon-2"></i>
+ </span>
+ <i class="icon-move icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-move
+ <small>
+ <i class="icon-move"></i> ·
+ Unicode: <span class="upper">f047</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-move"></i> icon-move
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-move"</span><span class="nt">></i></span> icon-move
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-music: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-music icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-music icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-music icon-4"></i> </span>
+ <i class="icon-music icon-3"></i>
+ <i class="icon-music icon-2"></i>
+ </span>
+ <i class="icon-music icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-music
+ <small>
+ <i class="icon-music"></i> ·
+ Unicode: <span class="upper">f001</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-music"></i> icon-music
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-music"</span><span class="nt">></i></span> icon-music
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-off: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-off icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-off icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-off icon-4"></i> </span>
+ <i class="icon-off icon-3"></i>
+ <i class="icon-off icon-2"></i>
+ </span>
+ <i class="icon-off icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-off
+ <small>
+ <i class="icon-off"></i> ·
+ Unicode: <span class="upper">f011</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ · Aliases:
+
+ icon-power-off
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-off"></i> icon-off
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-off"</span><span class="nt">></i></span> icon-off
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-ok-circle: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-ok-circle icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-ok-circle icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-ok-circle icon-4"></i> </span>
+ <i class="icon-ok-circle icon-3"></i>
+ <i class="icon-ok-circle icon-2"></i>
+ </span>
+ <i class="icon-ok-circle icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-ok-circle
+ <small>
+ <i class="icon-ok-circle"></i> ·
+ Unicode: <span class="upper">f05d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-ok-circle"></i> icon-ok-circle
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ok-circle"</span><span class="nt">></i></span> icon-ok-circle
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-ok-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-ok-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-ok-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-ok-sign icon-4"></i> </span>
+ <i class="icon-ok-sign icon-3"></i>
+ <i class="icon-ok-sign icon-2"></i>
+ </span>
+ <i class="icon-ok-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-ok-sign
+ <small>
+ <i class="icon-ok-sign"></i> ·
+ Unicode: <span class="upper">f058</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-ok-sign"></i> icon-ok-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ok-sign"</span><span class="nt">></i></span> icon-ok-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-ok: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-ok icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-ok icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-ok icon-4"></i> </span>
+ <i class="icon-ok icon-3"></i>
+ <i class="icon-ok icon-2"></i>
+ </span>
+ <i class="icon-ok icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-ok
+ <small>
+ <i class="icon-ok"></i> ·
+ Unicode: <span class="upper">f00c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-ok"></i> icon-ok
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ok"</span><span class="nt">></i></span> icon-ok
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-paper-clip: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-paper-clip icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-paper-clip icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-paper-clip icon-4"></i> </span>
+ <i class="icon-paper-clip icon-3"></i>
+ <i class="icon-paper-clip icon-2"></i>
+ </span>
+ <i class="icon-paper-clip icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-paper-clip
+ <small>
+ <i class="icon-paper-clip"></i> ·
+ Unicode: <span class="upper">f0c6</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ · Aliases:
+
+ icon-paperclip
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-paper-clip"></i> icon-paper-clip
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-paper-clip"</span><span class="nt">></i></span> icon-paper-clip
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-paste: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-paste icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-paste icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-paste icon-4"></i> </span>
+ <i class="icon-paste icon-3"></i>
+ <i class="icon-paste icon-2"></i>
+ </span>
+ <i class="icon-paste icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-paste
+ <small>
+ <i class="icon-paste"></i> ·
+ Unicode: <span class="upper">f0ea</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-paste"></i> icon-paste
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-paste"</span><span class="nt">></i></span> icon-paste
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-pause: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-pause icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-pause icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-pause icon-4"></i> </span>
+ <i class="icon-pause icon-3"></i>
+ <i class="icon-pause icon-2"></i>
+ </span>
+ <i class="icon-pause icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-pause
+ <small>
+ <i class="icon-pause"></i> ·
+ Unicode: <span class="upper">f04c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-pause"></i> icon-pause
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pause"</span><span class="nt">></i></span> icon-pause
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-pencil: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-pencil icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-pencil icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-pencil icon-4"></i> </span>
+ <i class="icon-pencil icon-3"></i>
+ <i class="icon-pencil icon-2"></i>
+ </span>
+ <i class="icon-pencil icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-pencil
+ <small>
+ <i class="icon-pencil"></i> ·
+ Unicode: <span class="upper">f040</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-pencil"></i> icon-pencil
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pencil"</span><span class="nt">></i></span> icon-pencil
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-phone-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-phone-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-phone-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-phone-sign icon-4"></i> </span>
+ <i class="icon-phone-sign icon-3"></i>
+ <i class="icon-phone-sign icon-2"></i>
+ </span>
+ <i class="icon-phone-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-phone-sign
+ <small>
+ <i class="icon-phone-sign"></i> ·
+ Unicode: <span class="upper">f098</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-phone-sign"></i> icon-phone-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-phone-sign"</span><span class="nt">></i></span> icon-phone-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-phone: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-phone icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-phone icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-phone icon-4"></i> </span>
+ <i class="icon-phone icon-3"></i>
+ <i class="icon-phone icon-2"></i>
+ </span>
+ <i class="icon-phone icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-phone
+ <small>
+ <i class="icon-phone"></i> ·
+ Unicode: <span class="upper">f095</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-phone"></i> icon-phone
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-phone"</span><span class="nt">></i></span> icon-phone
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-picture: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-picture icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-picture icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-picture icon-4"></i> </span>
+ <i class="icon-picture icon-3"></i>
+ <i class="icon-picture icon-2"></i>
+ </span>
+ <i class="icon-picture icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-picture
+ <small>
+ <i class="icon-picture"></i> ·
+ Unicode: <span class="upper">f03e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-picture"></i> icon-picture
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-picture"</span><span class="nt">></i></span> icon-picture
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-pinterest-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-pinterest-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-pinterest-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-pinterest-sign icon-4"></i> </span>
+ <i class="icon-pinterest-sign icon-3"></i>
+ <i class="icon-pinterest-sign icon-2"></i>
+ </span>
+ <i class="icon-pinterest-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-pinterest-sign
+ <small>
+ <i class="icon-pinterest-sign"></i> ·
+ Unicode: <span class="upper">f0d3</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-pinterest-sign"></i> icon-pinterest-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pinterest-sign"</span><span class="nt">></i></span> icon-pinterest-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-pinterest: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-pinterest icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-pinterest icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-pinterest icon-4"></i> </span>
+ <i class="icon-pinterest icon-3"></i>
+ <i class="icon-pinterest icon-2"></i>
+ </span>
+ <i class="icon-pinterest icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-pinterest
+ <small>
+ <i class="icon-pinterest"></i> ·
+ Unicode: <span class="upper">f0d2</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-pinterest"></i> icon-pinterest
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pinterest"</span><span class="nt">></i></span> icon-pinterest
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-plane: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-plane icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-plane icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-plane icon-4"></i> </span>
+ <i class="icon-plane icon-3"></i>
+ <i class="icon-plane icon-2"></i>
+ </span>
+ <i class="icon-plane icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-plane
+ <small>
+ <i class="icon-plane"></i> ·
+ Unicode: <span class="upper">f072</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-plane"></i> icon-plane
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-plane"</span><span class="nt">></i></span> icon-plane
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-play-circle: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-play-circle icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-play-circle icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-play-circle icon-4"></i> </span>
+ <i class="icon-play-circle icon-3"></i>
+ <i class="icon-play-circle icon-2"></i>
+ </span>
+ <i class="icon-play-circle icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-play-circle
+ <small>
+ <i class="icon-play-circle"></i> ·
+ Unicode: <span class="upper">f01d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-play-circle"></i> icon-play-circle
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-play-circle"</span><span class="nt">></i></span> icon-play-circle
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-play-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-play-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-play-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-play-sign icon-4"></i> </span>
+ <i class="icon-play-sign icon-3"></i>
+ <i class="icon-play-sign icon-2"></i>
+ </span>
+ <i class="icon-play-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-play-sign
+ <small>
+ <i class="icon-play-sign"></i> ·
+ Unicode: <span class="upper">f144</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-play-sign"></i> icon-play-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-play-sign"</span><span class="nt">></i></span> icon-play-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-play: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-play icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-play icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-play icon-4"></i> </span>
+ <i class="icon-play icon-3"></i>
+ <i class="icon-play icon-2"></i>
+ </span>
+ <i class="icon-play icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-play
+ <small>
+ <i class="icon-play"></i> ·
+ Unicode: <span class="upper">f04b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-play"></i> icon-play
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-play"</span><span class="nt">></i></span> icon-play
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-plus-sign-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-plus-sign-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-plus-sign-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-plus-sign-alt icon-4"></i> </span>
+ <i class="icon-plus-sign-alt icon-3"></i>
+ <i class="icon-plus-sign-alt icon-2"></i>
+ </span>
+ <i class="icon-plus-sign-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-plus-sign-alt
+ <small>
+ <i class="icon-plus-sign-alt"></i> ·
+ Unicode: <span class="upper">f0fe</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Medical Icons,
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-plus-sign-alt"></i> icon-plus-sign-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-plus-sign-alt"</span><span class="nt">></i></span> icon-plus-sign-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-plus-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-plus-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-plus-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-plus-sign icon-4"></i> </span>
+ <i class="icon-plus-sign icon-3"></i>
+ <i class="icon-plus-sign icon-2"></i>
+ </span>
+ <i class="icon-plus-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-plus-sign
+ <small>
+ <i class="icon-plus-sign"></i> ·
+ Unicode: <span class="upper">f055</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-plus-sign"></i> icon-plus-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-plus-sign"</span><span class="nt">></i></span> icon-plus-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-plus: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-plus icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-plus icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-plus icon-4"></i> </span>
+ <i class="icon-plus icon-3"></i>
+ <i class="icon-plus icon-2"></i>
+ </span>
+ <i class="icon-plus icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-plus
+ <small>
+ <i class="icon-plus"></i> ·
+ Unicode: <span class="upper">f067</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-plus"></i> icon-plus
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-plus"</span><span class="nt">></i></span> icon-plus
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-print: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-print icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-print icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-print icon-4"></i> </span>
+ <i class="icon-print icon-3"></i>
+ <i class="icon-print icon-2"></i>
+ </span>
+ <i class="icon-print icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-print
+ <small>
+ <i class="icon-print"></i> ·
+ Unicode: <span class="upper">f02f</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-print"></i> icon-print
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-print"</span><span class="nt">></i></span> icon-print
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-pushpin: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-pushpin icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-pushpin icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-pushpin icon-4"></i> </span>
+ <i class="icon-pushpin icon-3"></i>
+ <i class="icon-pushpin icon-2"></i>
+ </span>
+ <i class="icon-pushpin icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-pushpin
+ <small>
+ <i class="icon-pushpin"></i> ·
+ Unicode: <span class="upper">f08d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-pushpin"></i> icon-pushpin
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pushpin"</span><span class="nt">></i></span> icon-pushpin
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-puzzle-piece: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-puzzle-piece icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-puzzle-piece icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-puzzle-piece icon-4"></i> </span>
+ <i class="icon-puzzle-piece icon-3"></i>
+ <i class="icon-puzzle-piece icon-2"></i>
+ </span>
+ <i class="icon-puzzle-piece icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-puzzle-piece
+ <small>
+ <i class="icon-puzzle-piece"></i> ·
+ Unicode: <span class="upper">f12e</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-puzzle-piece"></i> icon-puzzle-piece
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-puzzle-piece"</span><span class="nt">></i></span> icon-puzzle-piece
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-qrcode: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-qrcode icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-qrcode icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-qrcode icon-4"></i> </span>
+ <i class="icon-qrcode icon-3"></i>
+ <i class="icon-qrcode icon-2"></i>
+ </span>
+ <i class="icon-qrcode icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-qrcode
+ <small>
+ <i class="icon-qrcode"></i> ·
+ Unicode: <span class="upper">f029</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-qrcode"></i> icon-qrcode
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-qrcode"</span><span class="nt">></i></span> icon-qrcode
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-question-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-question-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-question-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-question-sign icon-4"></i> </span>
+ <i class="icon-question-sign icon-3"></i>
+ <i class="icon-question-sign icon-2"></i>
+ </span>
+ <i class="icon-question-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-question-sign
+ <small>
+ <i class="icon-question-sign"></i> ·
+ Unicode: <span class="upper">f059</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-question-sign"></i> icon-question-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-question-sign"</span><span class="nt">></i></span> icon-question-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-question: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-question icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-question icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-question icon-4"></i> </span>
+ <i class="icon-question icon-3"></i>
+ <i class="icon-question icon-2"></i>
+ </span>
+ <i class="icon-question icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-question
+ <small>
+ <i class="icon-question"></i> ·
+ Unicode: <span class="upper">f128</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-question"></i> icon-question
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-question"</span><span class="nt">></i></span> icon-question
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-quote-left: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-quote-left icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-quote-left icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-quote-left icon-4"></i> </span>
+ <i class="icon-quote-left icon-3"></i>
+ <i class="icon-quote-left icon-2"></i>
+ </span>
+ <i class="icon-quote-left icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-quote-left
+ <small>
+ <i class="icon-quote-left"></i> ·
+ Unicode: <span class="upper">f10d</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-quote-left"></i> icon-quote-left
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-quote-left"</span><span class="nt">></i></span> icon-quote-left
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-quote-right: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-quote-right icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-quote-right icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-quote-right icon-4"></i> </span>
+ <i class="icon-quote-right icon-3"></i>
+ <i class="icon-quote-right icon-2"></i>
+ </span>
+ <i class="icon-quote-right icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-quote-right
+ <small>
+ <i class="icon-quote-right"></i> ·
+ Unicode: <span class="upper">f10e</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-quote-right"></i> icon-quote-right
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-quote-right"</span><span class="nt">></i></span> icon-quote-right
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-random: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-random icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-random icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-random icon-4"></i> </span>
+ <i class="icon-random icon-3"></i>
+ <i class="icon-random icon-2"></i>
+ </span>
+ <i class="icon-random icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-random
+ <small>
+ <i class="icon-random"></i> ·
+ Unicode: <span class="upper">f074</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-random"></i> icon-random
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-random"</span><span class="nt">></i></span> icon-random
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-refresh: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-refresh icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-refresh icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-refresh icon-4"></i> </span>
+ <i class="icon-refresh icon-3"></i>
+ <i class="icon-refresh icon-2"></i>
+ </span>
+ <i class="icon-refresh icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-refresh
+ <small>
+ <i class="icon-refresh"></i> ·
+ Unicode: <span class="upper">f021</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-refresh"></i> icon-refresh
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-refresh"</span><span class="nt">></i></span> icon-refresh
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-remove-circle: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-remove-circle icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-remove-circle icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-remove-circle icon-4"></i> </span>
+ <i class="icon-remove-circle icon-3"></i>
+ <i class="icon-remove-circle icon-2"></i>
+ </span>
+ <i class="icon-remove-circle icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-remove-circle
+ <small>
+ <i class="icon-remove-circle"></i> ·
+ Unicode: <span class="upper">f05c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-remove-circle"></i> icon-remove-circle
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-remove-circle"</span><span class="nt">></i></span> icon-remove-circle
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-remove-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-remove-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-remove-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-remove-sign icon-4"></i> </span>
+ <i class="icon-remove-sign icon-3"></i>
+ <i class="icon-remove-sign icon-2"></i>
+ </span>
+ <i class="icon-remove-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-remove-sign
+ <small>
+ <i class="icon-remove-sign"></i> ·
+ Unicode: <span class="upper">f057</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-remove-sign"></i> icon-remove-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-remove-sign"</span><span class="nt">></i></span> icon-remove-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-remove: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-remove icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-remove icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-remove icon-4"></i> </span>
+ <i class="icon-remove icon-3"></i>
+ <i class="icon-remove icon-2"></i>
+ </span>
+ <i class="icon-remove icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-remove
+ <small>
+ <i class="icon-remove"></i> ·
+ Unicode: <span class="upper">f00d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-remove"></i> icon-remove
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-remove"</span><span class="nt">></i></span> icon-remove
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-renren: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-renren icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-renren icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-renren icon-4"></i> </span>
+ <i class="icon-renren icon-3"></i>
+ <i class="icon-renren icon-2"></i>
+ </span>
+ <i class="icon-renren icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-renren
+ <small>
+ <i class="icon-renren"></i> ·
+ Unicode: <span class="upper">f18b</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-renren"></i> icon-renren
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-renren"</span><span class="nt">></i></span> icon-renren
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-reorder: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-reorder icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-reorder icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-reorder icon-4"></i> </span>
+ <i class="icon-reorder icon-3"></i>
+ <i class="icon-reorder icon-2"></i>
+ </span>
+ <i class="icon-reorder icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-reorder
+ <small>
+ <i class="icon-reorder"></i> ·
+ Unicode: <span class="upper">f0c9</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-reorder"></i> icon-reorder
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-reorder"</span><span class="nt">></i></span> icon-reorder
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-repeat: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-repeat icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-repeat icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-repeat icon-4"></i> </span>
+ <i class="icon-repeat icon-3"></i>
+ <i class="icon-repeat icon-2"></i>
+ </span>
+ <i class="icon-repeat icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-repeat
+ <small>
+ <i class="icon-repeat"></i> ·
+ Unicode: <span class="upper">f01e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ · Aliases:
+
+ icon-rotate-right
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-repeat"></i> icon-repeat
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-repeat"</span><span class="nt">></i></span> icon-repeat
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-reply-all: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-reply-all icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-reply-all icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-reply-all icon-4"></i> </span>
+ <i class="icon-reply-all icon-3"></i>
+ <i class="icon-reply-all icon-2"></i>
+ </span>
+ <i class="icon-reply-all icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-reply-all
+ <small>
+ <i class="icon-reply-all"></i> ·
+ Unicode: <span class="upper">f122</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-reply-all"></i> icon-reply-all
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-reply-all"</span><span class="nt">></i></span> icon-reply-all
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-reply: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-reply icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-reply icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-reply icon-4"></i> </span>
+ <i class="icon-reply icon-3"></i>
+ <i class="icon-reply icon-2"></i>
+ </span>
+ <i class="icon-reply icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-reply
+ <small>
+ <i class="icon-reply"></i> ·
+ Unicode: <span class="upper">f112</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ · Aliases:
+
+ icon-mail-reply
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-reply"></i> icon-reply
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-reply"</span><span class="nt">></i></span> icon-reply
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-resize-full: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-resize-full icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-resize-full icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-resize-full icon-4"></i> </span>
+ <i class="icon-resize-full icon-3"></i>
+ <i class="icon-resize-full icon-2"></i>
+ </span>
+ <i class="icon-resize-full icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-resize-full
+ <small>
+ <i class="icon-resize-full"></i> ·
+ Unicode: <span class="upper">f065</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-resize-full"></i> icon-resize-full
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-resize-full"</span><span class="nt">></i></span> icon-resize-full
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-resize-horizontal: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-resize-horizontal icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-resize-horizontal icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-resize-horizontal icon-4"></i> </span>
+ <i class="icon-resize-horizontal icon-3"></i>
+ <i class="icon-resize-horizontal icon-2"></i>
+ </span>
+ <i class="icon-resize-horizontal icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-resize-horizontal
+ <small>
+ <i class="icon-resize-horizontal"></i> ·
+ Unicode: <span class="upper">f07e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-resize-horizontal"></i> icon-resize-horizontal
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-resize-horizontal"</span><span class="nt">></i></span> icon-resize-horizontal
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-resize-small: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-resize-small icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-resize-small icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-resize-small icon-4"></i> </span>
+ <i class="icon-resize-small icon-3"></i>
+ <i class="icon-resize-small icon-2"></i>
+ </span>
+ <i class="icon-resize-small icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-resize-small
+ <small>
+ <i class="icon-resize-small"></i> ·
+ Unicode: <span class="upper">f066</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-resize-small"></i> icon-resize-small
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-resize-small"</span><span class="nt">></i></span> icon-resize-small
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-resize-vertical: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-resize-vertical icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-resize-vertical icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-resize-vertical icon-4"></i> </span>
+ <i class="icon-resize-vertical icon-3"></i>
+ <i class="icon-resize-vertical icon-2"></i>
+ </span>
+ <i class="icon-resize-vertical icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-resize-vertical
+ <small>
+ <i class="icon-resize-vertical"></i> ·
+ Unicode: <span class="upper">f07d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-resize-vertical"></i> icon-resize-vertical
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-resize-vertical"</span><span class="nt">></i></span> icon-resize-vertical
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-retweet: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-retweet icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-retweet icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-retweet icon-4"></i> </span>
+ <i class="icon-retweet icon-3"></i>
+ <i class="icon-retweet icon-2"></i>
+ </span>
+ <i class="icon-retweet icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-retweet
+ <small>
+ <i class="icon-retweet"></i> ·
+ Unicode: <span class="upper">f079</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-retweet"></i> icon-retweet
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-retweet"</span><span class="nt">></i></span> icon-retweet
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-road: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-road icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-road icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-road icon-4"></i> </span>
+ <i class="icon-road icon-3"></i>
+ <i class="icon-road icon-2"></i>
+ </span>
+ <i class="icon-road icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-road
+ <small>
+ <i class="icon-road"></i> ·
+ Unicode: <span class="upper">f018</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-road"></i> icon-road
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-road"</span><span class="nt">></i></span> icon-road
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-rocket: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-rocket icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-rocket icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-rocket icon-4"></i> </span>
+ <i class="icon-rocket icon-3"></i>
+ <i class="icon-rocket icon-2"></i>
+ </span>
+ <i class="icon-rocket icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-rocket
+ <small>
+ <i class="icon-rocket"></i> ·
+ Unicode: <span class="upper">f135</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-rocket"></i> icon-rocket
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-rocket"</span><span class="nt">></i></span> icon-rocket
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-rss-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-rss-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-rss-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-rss-sign icon-4"></i> </span>
+ <i class="icon-rss-sign icon-3"></i>
+ <i class="icon-rss-sign icon-2"></i>
+ </span>
+ <i class="icon-rss-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-rss-sign
+ <small>
+ <i class="icon-rss-sign"></i> ·
+ Unicode: <span class="upper">f143</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-rss-sign"></i> icon-rss-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-rss-sign"</span><span class="nt">></i></span> icon-rss-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-rss: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-rss icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-rss icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-rss icon-4"></i> </span>
+ <i class="icon-rss icon-3"></i>
+ <i class="icon-rss icon-2"></i>
+ </span>
+ <i class="icon-rss icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-rss
+ <small>
+ <i class="icon-rss"></i> ·
+ Unicode: <span class="upper">f09e</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-rss"></i> icon-rss
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-rss"</span><span class="nt">></i></span> icon-rss
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-save: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-save icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-save icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-save icon-4"></i> </span>
+ <i class="icon-save icon-3"></i>
+ <i class="icon-save icon-2"></i>
+ </span>
+ <i class="icon-save icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-save
+ <small>
+ <i class="icon-save"></i> ·
+ Unicode: <span class="upper">f0c7</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-save"></i> icon-save
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-save"</span><span class="nt">></i></span> icon-save
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-screenshot: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-screenshot icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-screenshot icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-screenshot icon-4"></i> </span>
+ <i class="icon-screenshot icon-3"></i>
+ <i class="icon-screenshot icon-2"></i>
+ </span>
+ <i class="icon-screenshot icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-screenshot
+ <small>
+ <i class="icon-screenshot"></i> ·
+ Unicode: <span class="upper">f05b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-screenshot"></i> icon-screenshot
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-screenshot"</span><span class="nt">></i></span> icon-screenshot
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-search: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-search icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-search icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-search icon-4"></i> </span>
+ <i class="icon-search icon-3"></i>
+ <i class="icon-search icon-2"></i>
+ </span>
+ <i class="icon-search icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-search
+ <small>
+ <i class="icon-search"></i> ·
+ Unicode: <span class="upper">f002</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-search"></i> icon-search
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-search"</span><span class="nt">></i></span> icon-search
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-share-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-share-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-share-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-share-alt icon-4"></i> </span>
+ <i class="icon-share-alt icon-3"></i>
+ <i class="icon-share-alt icon-2"></i>
+ </span>
+ <i class="icon-share-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-share-alt
+ <small>
+ <i class="icon-share-alt"></i> ·
+ Unicode: <span class="upper">f064</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ · Aliases:
+
+ icon-mail-forward
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-share-alt"></i> icon-share-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-share-alt"</span><span class="nt">></i></span> icon-share-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-share-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-share-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-share-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-share-sign icon-4"></i> </span>
+ <i class="icon-share-sign icon-3"></i>
+ <i class="icon-share-sign icon-2"></i>
+ </span>
+ <i class="icon-share-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-share-sign
+ <small>
+ <i class="icon-share-sign"></i> ·
+ Unicode: <span class="upper">f14d</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-share-sign"></i> icon-share-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-share-sign"</span><span class="nt">></i></span> icon-share-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-share: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-share icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-share icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-share icon-4"></i> </span>
+ <i class="icon-share icon-3"></i>
+ <i class="icon-share icon-2"></i>
+ </span>
+ <i class="icon-share icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-share
+ <small>
+ <i class="icon-share"></i> ·
+ Unicode: <span class="upper">f045</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-share"></i> icon-share
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-share"</span><span class="nt">></i></span> icon-share
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-shield: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-shield icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-shield icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-shield icon-4"></i> </span>
+ <i class="icon-shield icon-3"></i>
+ <i class="icon-shield icon-2"></i>
+ </span>
+ <i class="icon-shield icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-shield
+ <small>
+ <i class="icon-shield"></i> ·
+ Unicode: <span class="upper">f132</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-shield"></i> icon-shield
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield"</span><span class="nt">></i></span> icon-shield
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-shopping-cart: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-shopping-cart icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-shopping-cart icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-shopping-cart icon-4"></i> </span>
+ <i class="icon-shopping-cart icon-3"></i>
+ <i class="icon-shopping-cart icon-2"></i>
+ </span>
+ <i class="icon-shopping-cart icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-shopping-cart
+ <small>
+ <i class="icon-shopping-cart"></i> ·
+ Unicode: <span class="upper">f07a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-shopping-cart"></i> icon-shopping-cart
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shopping-cart"</span><span class="nt">></i></span> icon-shopping-cart
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sign-blank: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sign-blank icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sign-blank icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sign-blank icon-4"></i> </span>
+ <i class="icon-sign-blank icon-3"></i>
+ <i class="icon-sign-blank icon-2"></i>
+ </span>
+ <i class="icon-sign-blank icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sign-blank
+ <small>
+ <i class="icon-sign-blank"></i> ·
+ Unicode: <span class="upper">f0c8</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sign-blank"></i> icon-sign-blank
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sign-blank"</span><span class="nt">></i></span> icon-sign-blank
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-signal: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-signal icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-signal icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-signal icon-4"></i> </span>
+ <i class="icon-signal icon-3"></i>
+ <i class="icon-signal icon-2"></i>
+ </span>
+ <i class="icon-signal icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-signal
+ <small>
+ <i class="icon-signal"></i> ·
+ Unicode: <span class="upper">f012</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-signal"></i> icon-signal
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-signal"</span><span class="nt">></i></span> icon-signal
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-signin: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-signin icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-signin icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-signin icon-4"></i> </span>
+ <i class="icon-signin icon-3"></i>
+ <i class="icon-signin icon-2"></i>
+ </span>
+ <i class="icon-signin icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-signin
+ <small>
+ <i class="icon-signin"></i> ·
+ Unicode: <span class="upper">f090</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-signin"></i> icon-signin
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-signin"</span><span class="nt">></i></span> icon-signin
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-signout: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-signout icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-signout icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-signout icon-4"></i> </span>
+ <i class="icon-signout icon-3"></i>
+ <i class="icon-signout icon-2"></i>
+ </span>
+ <i class="icon-signout icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-signout
+ <small>
+ <i class="icon-signout"></i> ·
+ Unicode: <span class="upper">f08b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-signout"></i> icon-signout
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-signout"</span><span class="nt">></i></span> icon-signout
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sitemap: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sitemap icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sitemap icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sitemap icon-4"></i> </span>
+ <i class="icon-sitemap icon-3"></i>
+ <i class="icon-sitemap icon-2"></i>
+ </span>
+ <i class="icon-sitemap icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sitemap
+ <small>
+ <i class="icon-sitemap"></i> ·
+ Unicode: <span class="upper">f0e8</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sitemap"></i> icon-sitemap
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sitemap"</span><span class="nt">></i></span> icon-sitemap
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-skype: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-skype icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-skype icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-skype icon-4"></i> </span>
+ <i class="icon-skype icon-3"></i>
+ <i class="icon-skype icon-2"></i>
+ </span>
+ <i class="icon-skype icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-skype
+ <small>
+ <i class="icon-skype"></i> ·
+ Unicode: <span class="upper">f17e</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-skype"></i> icon-skype
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-skype"</span><span class="nt">></i></span> icon-skype
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-smile: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-smile icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-smile icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-smile icon-4"></i> </span>
+ <i class="icon-smile icon-3"></i>
+ <i class="icon-smile icon-2"></i>
+ </span>
+ <i class="icon-smile icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-smile
+ <small>
+ <i class="icon-smile"></i> ·
+ Unicode: <span class="upper">f118</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-smile"></i> icon-smile
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-smile"</span><span class="nt">></i></span> icon-smile
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort-by-alphabet-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort-by-alphabet-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort-by-alphabet-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort-by-alphabet-alt icon-4"></i> </span>
+ <i class="icon-sort-by-alphabet-alt icon-3"></i>
+ <i class="icon-sort-by-alphabet-alt icon-2"></i>
+ </span>
+ <i class="icon-sort-by-alphabet-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort-by-alphabet-alt
+ <small>
+ <i class="icon-sort-by-alphabet-alt"></i> ·
+ Unicode: <span class="upper">f15e</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-by-alphabet-alt"</span><span class="nt">></i></span> icon-sort-by-alphabet-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort-by-alphabet: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort-by-alphabet icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort-by-alphabet icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort-by-alphabet icon-4"></i> </span>
+ <i class="icon-sort-by-alphabet icon-3"></i>
+ <i class="icon-sort-by-alphabet icon-2"></i>
+ </span>
+ <i class="icon-sort-by-alphabet icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort-by-alphabet
+ <small>
+ <i class="icon-sort-by-alphabet"></i> ·
+ Unicode: <span class="upper">f15d</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-by-alphabet"</span><span class="nt">></i></span> icon-sort-by-alphabet
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort-by-attributes-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort-by-attributes-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort-by-attributes-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort-by-attributes-alt icon-4"></i> </span>
+ <i class="icon-sort-by-attributes-alt icon-3"></i>
+ <i class="icon-sort-by-attributes-alt icon-2"></i>
+ </span>
+ <i class="icon-sort-by-attributes-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort-by-attributes-alt
+ <small>
+ <i class="icon-sort-by-attributes-alt"></i> ·
+ Unicode: <span class="upper">f161</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-by-attributes-alt"</span><span class="nt">></i></span> icon-sort-by-attributes-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort-by-attributes: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort-by-attributes icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort-by-attributes icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort-by-attributes icon-4"></i> </span>
+ <i class="icon-sort-by-attributes icon-3"></i>
+ <i class="icon-sort-by-attributes icon-2"></i>
+ </span>
+ <i class="icon-sort-by-attributes icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort-by-attributes
+ <small>
+ <i class="icon-sort-by-attributes"></i> ·
+ Unicode: <span class="upper">f160</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort-by-attributes"></i> icon-sort-by-attributes
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-by-attributes"</span><span class="nt">></i></span> icon-sort-by-attributes
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort-by-order-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort-by-order-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort-by-order-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort-by-order-alt icon-4"></i> </span>
+ <i class="icon-sort-by-order-alt icon-3"></i>
+ <i class="icon-sort-by-order-alt icon-2"></i>
+ </span>
+ <i class="icon-sort-by-order-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort-by-order-alt
+ <small>
+ <i class="icon-sort-by-order-alt"></i> ·
+ Unicode: <span class="upper">f163</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-by-order-alt"</span><span class="nt">></i></span> icon-sort-by-order-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort-by-order: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort-by-order icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort-by-order icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort-by-order icon-4"></i> </span>
+ <i class="icon-sort-by-order icon-3"></i>
+ <i class="icon-sort-by-order icon-2"></i>
+ </span>
+ <i class="icon-sort-by-order icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort-by-order
+ <small>
+ <i class="icon-sort-by-order"></i> ·
+ Unicode: <span class="upper">f162</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort-by-order"></i> icon-sort-by-order
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-by-order"</span><span class="nt">></i></span> icon-sort-by-order
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort-down icon-4"></i> </span>
+ <i class="icon-sort-down icon-3"></i>
+ <i class="icon-sort-down icon-2"></i>
+ </span>
+ <i class="icon-sort-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort-down
+ <small>
+ <i class="icon-sort-down"></i> ·
+ Unicode: <span class="upper">f0dd</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort-down"></i> icon-sort-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-down"</span><span class="nt">></i></span> icon-sort-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort-up icon-4"></i> </span>
+ <i class="icon-sort-up icon-3"></i>
+ <i class="icon-sort-up icon-2"></i>
+ </span>
+ <i class="icon-sort-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort-up
+ <small>
+ <i class="icon-sort-up"></i> ·
+ Unicode: <span class="upper">f0de</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort-up"></i> icon-sort-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-up"</span><span class="nt">></i></span> icon-sort-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sort: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sort icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sort icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sort icon-4"></i> </span>
+ <i class="icon-sort icon-3"></i>
+ <i class="icon-sort icon-2"></i>
+ </span>
+ <i class="icon-sort icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sort
+ <small>
+ <i class="icon-sort"></i> ·
+ Unicode: <span class="upper">f0dc</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sort"></i> icon-sort
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort"</span><span class="nt">></i></span> icon-sort
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-spinner: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-spinner icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-spinner icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-spinner icon-4"></i> </span>
+ <i class="icon-spinner icon-3"></i>
+ <i class="icon-spinner icon-2"></i>
+ </span>
+ <i class="icon-spinner icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-spinner
+ <small>
+ <i class="icon-spinner"></i> ·
+ Unicode: <span class="upper">f110</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-spinner"></i> icon-spinner
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-spinner"</span><span class="nt">></i></span> icon-spinner
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-stackexchange: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-stackexchange icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-stackexchange icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-stackexchange icon-4"></i> </span>
+ <i class="icon-stackexchange icon-3"></i>
+ <i class="icon-stackexchange icon-2"></i>
+ </span>
+ <i class="icon-stackexchange icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-stackexchange
+ <small>
+ <i class="icon-stackexchange"></i> ·
+ Unicode: <span class="upper">f16c</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-stackexchange"></i> icon-stackexchange
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-stackexchange"</span><span class="nt">></i></span> icon-stackexchange
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-star-empty: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-star-empty icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-star-empty icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-star-empty icon-4"></i> </span>
+ <i class="icon-star-empty icon-3"></i>
+ <i class="icon-star-empty icon-2"></i>
+ </span>
+ <i class="icon-star-empty icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-star-empty
+ <small>
+ <i class="icon-star-empty"></i> ·
+ Unicode: <span class="upper">f006</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-star-empty"></i> icon-star-empty
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-star-empty"</span><span class="nt">></i></span> icon-star-empty
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-star-half-empty: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-star-half-empty icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-star-half-empty icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-star-half-empty icon-4"></i> </span>
+ <i class="icon-star-half-empty icon-3"></i>
+ <i class="icon-star-half-empty icon-2"></i>
+ </span>
+ <i class="icon-star-half-empty icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-star-half-empty
+ <small>
+ <i class="icon-star-half-empty"></i> ·
+ Unicode: <span class="upper">f123</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ · Aliases:
+
+ icon-star-half-full
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-star-half-empty"></i> icon-star-half-empty
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-star-half-empty"</span><span class="nt">></i></span> icon-star-half-empty
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-star-half: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-star-half icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-star-half icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-star-half icon-4"></i> </span>
+ <i class="icon-star-half icon-3"></i>
+ <i class="icon-star-half icon-2"></i>
+ </span>
+ <i class="icon-star-half icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-star-half
+ <small>
+ <i class="icon-star-half"></i> ·
+ Unicode: <span class="upper">f089</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-star-half"></i> icon-star-half
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-star-half"</span><span class="nt">></i></span> icon-star-half
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-star: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-star icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-star icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-star icon-4"></i> </span>
+ <i class="icon-star icon-3"></i>
+ <i class="icon-star icon-2"></i>
+ </span>
+ <i class="icon-star icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-star
+ <small>
+ <i class="icon-star"></i> ·
+ Unicode: <span class="upper">f005</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-star"></i> icon-star
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-star"</span><span class="nt">></i></span> icon-star
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-step-backward: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-step-backward icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-step-backward icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-step-backward icon-4"></i> </span>
+ <i class="icon-step-backward icon-3"></i>
+ <i class="icon-step-backward icon-2"></i>
+ </span>
+ <i class="icon-step-backward icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-step-backward
+ <small>
+ <i class="icon-step-backward"></i> ·
+ Unicode: <span class="upper">f048</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-step-backward"></i> icon-step-backward
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-step-backward"</span><span class="nt">></i></span> icon-step-backward
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-step-forward: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-step-forward icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-step-forward icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-step-forward icon-4"></i> </span>
+ <i class="icon-step-forward icon-3"></i>
+ <i class="icon-step-forward icon-2"></i>
+ </span>
+ <i class="icon-step-forward icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-step-forward
+ <small>
+ <i class="icon-step-forward"></i> ·
+ Unicode: <span class="upper">f051</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-step-forward"></i> icon-step-forward
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-step-forward"</span><span class="nt">></i></span> icon-step-forward
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-stethoscope: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-stethoscope icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-stethoscope icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-stethoscope icon-4"></i> </span>
+ <i class="icon-stethoscope icon-3"></i>
+ <i class="icon-stethoscope icon-2"></i>
+ </span>
+ <i class="icon-stethoscope icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-stethoscope
+ <small>
+ <i class="icon-stethoscope"></i> ·
+ Unicode: <span class="upper">f0f1</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Medical Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-stethoscope"></i> icon-stethoscope
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-stethoscope"</span><span class="nt">></i></span> icon-stethoscope
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-stop: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-stop icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-stop icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-stop icon-4"></i> </span>
+ <i class="icon-stop icon-3"></i>
+ <i class="icon-stop icon-2"></i>
+ </span>
+ <i class="icon-stop icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-stop
+ <small>
+ <i class="icon-stop"></i> ·
+ Unicode: <span class="upper">f04d</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-stop"></i> icon-stop
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-stop"</span><span class="nt">></i></span> icon-stop
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-strikethrough: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-strikethrough icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-strikethrough icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-strikethrough icon-4"></i> </span>
+ <i class="icon-strikethrough icon-3"></i>
+ <i class="icon-strikethrough icon-2"></i>
+ </span>
+ <i class="icon-strikethrough icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-strikethrough
+ <small>
+ <i class="icon-strikethrough"></i> ·
+ Unicode: <span class="upper">f0cc</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-strikethrough"></i> icon-strikethrough
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-strikethrough"</span><span class="nt">></i></span> icon-strikethrough
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-subscript: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-subscript icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-subscript icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-subscript icon-4"></i> </span>
+ <i class="icon-subscript icon-3"></i>
+ <i class="icon-subscript icon-2"></i>
+ </span>
+ <i class="icon-subscript icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-subscript
+ <small>
+ <i class="icon-subscript"></i> ·
+ Unicode: <span class="upper">f12c</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-subscript"></i> icon-subscript
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-subscript"</span><span class="nt">></i></span> icon-subscript
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-suitcase: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-suitcase icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-suitcase icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-suitcase icon-4"></i> </span>
+ <i class="icon-suitcase icon-3"></i>
+ <i class="icon-suitcase icon-2"></i>
+ </span>
+ <i class="icon-suitcase icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-suitcase
+ <small>
+ <i class="icon-suitcase"></i> ·
+ Unicode: <span class="upper">f0f2</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-suitcase"></i> icon-suitcase
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-suitcase"</span><span class="nt">></i></span> icon-suitcase
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-sun: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-sun icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-sun icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-sun icon-4"></i> </span>
+ <i class="icon-sun icon-3"></i>
+ <i class="icon-sun icon-2"></i>
+ </span>
+ <i class="icon-sun icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-sun
+ <small>
+ <i class="icon-sun"></i> ·
+ Unicode: <span class="upper">f185</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-sun"></i> icon-sun
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sun"</span><span class="nt">></i></span> icon-sun
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-superscript: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-superscript icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-superscript icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-superscript icon-4"></i> </span>
+ <i class="icon-superscript icon-3"></i>
+ <i class="icon-superscript icon-2"></i>
+ </span>
+ <i class="icon-superscript icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-superscript
+ <small>
+ <i class="icon-superscript"></i> ·
+ Unicode: <span class="upper">f12b</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-superscript"></i> icon-superscript
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-superscript"</span><span class="nt">></i></span> icon-superscript
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-table: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-table icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-table icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-table icon-4"></i> </span>
+ <i class="icon-table icon-3"></i>
+ <i class="icon-table icon-2"></i>
+ </span>
+ <i class="icon-table icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-table
+ <small>
+ <i class="icon-table"></i> ·
+ Unicode: <span class="upper">f0ce</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-table"></i> icon-table
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-table"</span><span class="nt">></i></span> icon-table
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-tablet: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-tablet icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-tablet icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-tablet icon-4"></i> </span>
+ <i class="icon-tablet icon-3"></i>
+ <i class="icon-tablet icon-2"></i>
+ </span>
+ <i class="icon-tablet icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-tablet
+ <small>
+ <i class="icon-tablet"></i> ·
+ Unicode: <span class="upper">f10a</span> ·
+ Created: v3.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-tablet"></i> icon-tablet
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tablet"</span><span class="nt">></i></span> icon-tablet
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-tag: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-tag icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-tag icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-tag icon-4"></i> </span>
+ <i class="icon-tag icon-3"></i>
+ <i class="icon-tag icon-2"></i>
+ </span>
+ <i class="icon-tag icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-tag
+ <small>
+ <i class="icon-tag"></i> ·
+ Unicode: <span class="upper">f02b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-tag"></i> icon-tag
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tag"</span><span class="nt">></i></span> icon-tag
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-tags: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-tags icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-tags icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-tags icon-4"></i> </span>
+ <i class="icon-tags icon-3"></i>
+ <i class="icon-tags icon-2"></i>
+ </span>
+ <i class="icon-tags icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-tags
+ <small>
+ <i class="icon-tags"></i> ·
+ Unicode: <span class="upper">f02c</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-tags"></i> icon-tags
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tags"</span><span class="nt">></i></span> icon-tags
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-tasks: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-tasks icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-tasks icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-tasks icon-4"></i> </span>
+ <i class="icon-tasks icon-3"></i>
+ <i class="icon-tasks icon-2"></i>
+ </span>
+ <i class="icon-tasks icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-tasks
+ <small>
+ <i class="icon-tasks"></i> ·
+ Unicode: <span class="upper">f0ae</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-tasks"></i> icon-tasks
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tasks"</span><span class="nt">></i></span> icon-tasks
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-terminal: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-terminal icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-terminal icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-terminal icon-4"></i> </span>
+ <i class="icon-terminal icon-3"></i>
+ <i class="icon-terminal icon-2"></i>
+ </span>
+ <i class="icon-terminal icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-terminal
+ <small>
+ <i class="icon-terminal"></i> ·
+ Unicode: <span class="upper">f120</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-terminal"></i> icon-terminal
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-terminal"</span><span class="nt">></i></span> icon-terminal
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-text-height: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-text-height icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-text-height icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-text-height icon-4"></i> </span>
+ <i class="icon-text-height icon-3"></i>
+ <i class="icon-text-height icon-2"></i>
+ </span>
+ <i class="icon-text-height icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-text-height
+ <small>
+ <i class="icon-text-height"></i> ·
+ Unicode: <span class="upper">f034</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-text-height"></i> icon-text-height
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-text-height"</span><span class="nt">></i></span> icon-text-height
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-text-width: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-text-width icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-text-width icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-text-width icon-4"></i> </span>
+ <i class="icon-text-width icon-3"></i>
+ <i class="icon-text-width icon-2"></i>
+ </span>
+ <i class="icon-text-width icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-text-width
+ <small>
+ <i class="icon-text-width"></i> ·
+ Unicode: <span class="upper">f035</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-text-width"></i> icon-text-width
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-text-width"</span><span class="nt">></i></span> icon-text-width
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-th-large: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-th-large icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-th-large icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-th-large icon-4"></i> </span>
+ <i class="icon-th-large icon-3"></i>
+ <i class="icon-th-large icon-2"></i>
+ </span>
+ <i class="icon-th-large icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-th-large
+ <small>
+ <i class="icon-th-large"></i> ·
+ Unicode: <span class="upper">f009</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-th-large"></i> icon-th-large
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-th-large"</span><span class="nt">></i></span> icon-th-large
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-th-list: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-th-list icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-th-list icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-th-list icon-4"></i> </span>
+ <i class="icon-th-list icon-3"></i>
+ <i class="icon-th-list icon-2"></i>
+ </span>
+ <i class="icon-th-list icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-th-list
+ <small>
+ <i class="icon-th-list"></i> ·
+ Unicode: <span class="upper">f00b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-th-list"></i> icon-th-list
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-th-list"</span><span class="nt">></i></span> icon-th-list
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-th: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-th icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-th icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-th icon-4"></i> </span>
+ <i class="icon-th icon-3"></i>
+ <i class="icon-th icon-2"></i>
+ </span>
+ <i class="icon-th icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-th
+ <small>
+ <i class="icon-th"></i> ·
+ Unicode: <span class="upper">f00a</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-th"></i> icon-th
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-th"</span><span class="nt">></i></span> icon-th
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-thumbs-down-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-thumbs-down-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-thumbs-down-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-thumbs-down-alt icon-4"></i> </span>
+ <i class="icon-thumbs-down-alt icon-3"></i>
+ <i class="icon-thumbs-down-alt icon-2"></i>
+ </span>
+ <i class="icon-thumbs-down-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-thumbs-down-alt
+ <small>
+ <i class="icon-thumbs-down-alt"></i> ·
+ Unicode: <span class="upper">f088</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-thumbs-down-alt"></i> icon-thumbs-down-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-thumbs-down-alt"</span><span class="nt">></i></span> icon-thumbs-down-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-thumbs-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-thumbs-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-thumbs-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-thumbs-down icon-4"></i> </span>
+ <i class="icon-thumbs-down icon-3"></i>
+ <i class="icon-thumbs-down icon-2"></i>
+ </span>
+ <i class="icon-thumbs-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-thumbs-down
+ <small>
+ <i class="icon-thumbs-down"></i> ·
+ Unicode: <span class="upper">f165</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-thumbs-down"></i> icon-thumbs-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-thumbs-down"</span><span class="nt">></i></span> icon-thumbs-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-thumbs-up-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-thumbs-up-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-thumbs-up-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-thumbs-up-alt icon-4"></i> </span>
+ <i class="icon-thumbs-up-alt icon-3"></i>
+ <i class="icon-thumbs-up-alt icon-2"></i>
+ </span>
+ <i class="icon-thumbs-up-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-thumbs-up-alt
+ <small>
+ <i class="icon-thumbs-up-alt"></i> ·
+ Unicode: <span class="upper">f087</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-thumbs-up-alt"></i> icon-thumbs-up-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-thumbs-up-alt"</span><span class="nt">></i></span> icon-thumbs-up-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-thumbs-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-thumbs-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-thumbs-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-thumbs-up icon-4"></i> </span>
+ <i class="icon-thumbs-up icon-3"></i>
+ <i class="icon-thumbs-up icon-2"></i>
+ </span>
+ <i class="icon-thumbs-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-thumbs-up
+ <small>
+ <i class="icon-thumbs-up"></i> ·
+ Unicode: <span class="upper">f164</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-thumbs-up"></i> icon-thumbs-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-thumbs-up"</span><span class="nt">></i></span> icon-thumbs-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-ticket: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-ticket icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-ticket icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-ticket icon-4"></i> </span>
+ <i class="icon-ticket icon-3"></i>
+ <i class="icon-ticket icon-2"></i>
+ </span>
+ <i class="icon-ticket icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-ticket
+ <small>
+ <i class="icon-ticket"></i> ·
+ Unicode: <span class="upper">f145</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-ticket"></i> icon-ticket
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ticket"</span><span class="nt">></i></span> icon-ticket
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-time: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-time icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-time icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-time icon-4"></i> </span>
+ <i class="icon-time icon-3"></i>
+ <i class="icon-time icon-2"></i>
+ </span>
+ <i class="icon-time icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-time
+ <small>
+ <i class="icon-time"></i> ·
+ Unicode: <span class="upper">f017</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-time"></i> icon-time
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-time"</span><span class="nt">></i></span> icon-time
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-tint: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-tint icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-tint icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-tint icon-4"></i> </span>
+ <i class="icon-tint icon-3"></i>
+ <i class="icon-tint icon-2"></i>
+ </span>
+ <i class="icon-tint icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-tint
+ <small>
+ <i class="icon-tint"></i> ·
+ Unicode: <span class="upper">f043</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-tint"></i> icon-tint
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tint"</span><span class="nt">></i></span> icon-tint
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-trash: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-trash icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-trash icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-trash icon-4"></i> </span>
+ <i class="icon-trash icon-3"></i>
+ <i class="icon-trash icon-2"></i>
+ </span>
+ <i class="icon-trash icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-trash
+ <small>
+ <i class="icon-trash"></i> ·
+ Unicode: <span class="upper">f014</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-trash"></i> icon-trash
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-trash"</span><span class="nt">></i></span> icon-trash
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-trello: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-trello icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-trello icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-trello icon-4"></i> </span>
+ <i class="icon-trello icon-3"></i>
+ <i class="icon-trello icon-2"></i>
+ </span>
+ <i class="icon-trello icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-trello
+ <small>
+ <i class="icon-trello"></i> ·
+ Unicode: <span class="upper">f181</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-trello"></i> icon-trello
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-trello"</span><span class="nt">></i></span> icon-trello
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-trophy: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-trophy icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-trophy icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-trophy icon-4"></i> </span>
+ <i class="icon-trophy icon-3"></i>
+ <i class="icon-trophy icon-2"></i>
+ </span>
+ <i class="icon-trophy icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-trophy
+ <small>
+ <i class="icon-trophy"></i> ·
+ Unicode: <span class="upper">f091</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-trophy"></i> icon-trophy
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-trophy"</span><span class="nt">></i></span> icon-trophy
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-truck: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-truck icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-truck icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-truck icon-4"></i> </span>
+ <i class="icon-truck icon-3"></i>
+ <i class="icon-truck icon-2"></i>
+ </span>
+ <i class="icon-truck icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-truck
+ <small>
+ <i class="icon-truck"></i> ·
+ Unicode: <span class="upper">f0d1</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-truck"></i> icon-truck
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-truck"</span><span class="nt">></i></span> icon-truck
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-tumblr-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-tumblr-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-tumblr-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-tumblr-sign icon-4"></i> </span>
+ <i class="icon-tumblr-sign icon-3"></i>
+ <i class="icon-tumblr-sign icon-2"></i>
+ </span>
+ <i class="icon-tumblr-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-tumblr-sign
+ <small>
+ <i class="icon-tumblr-sign"></i> ·
+ Unicode: <span class="upper">f174</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-tumblr-sign"></i> icon-tumblr-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tumblr-sign"</span><span class="nt">></i></span> icon-tumblr-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-tumblr: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-tumblr icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-tumblr icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-tumblr icon-4"></i> </span>
+ <i class="icon-tumblr icon-3"></i>
+ <i class="icon-tumblr icon-2"></i>
+ </span>
+ <i class="icon-tumblr icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-tumblr
+ <small>
+ <i class="icon-tumblr"></i> ·
+ Unicode: <span class="upper">f173</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-tumblr"></i> icon-tumblr
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tumblr"</span><span class="nt">></i></span> icon-tumblr
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-twitter-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-twitter-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-twitter-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-twitter-sign icon-4"></i> </span>
+ <i class="icon-twitter-sign icon-3"></i>
+ <i class="icon-twitter-sign icon-2"></i>
+ </span>
+ <i class="icon-twitter-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-twitter-sign
+ <small>
+ <i class="icon-twitter-sign"></i> ·
+ Unicode: <span class="upper">f081</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-twitter-sign"></i> icon-twitter-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-twitter-sign"</span><span class="nt">></i></span> icon-twitter-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-twitter: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-twitter icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-twitter icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-twitter icon-4"></i> </span>
+ <i class="icon-twitter icon-3"></i>
+ <i class="icon-twitter icon-2"></i>
+ </span>
+ <i class="icon-twitter icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-twitter
+ <small>
+ <i class="icon-twitter"></i> ·
+ Unicode: <span class="upper">f099</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-twitter"></i> icon-twitter
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-twitter"</span><span class="nt">></i></span> icon-twitter
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-umbrella: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-umbrella icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-umbrella icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-umbrella icon-4"></i> </span>
+ <i class="icon-umbrella icon-3"></i>
+ <i class="icon-umbrella icon-2"></i>
+ </span>
+ <i class="icon-umbrella icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-umbrella
+ <small>
+ <i class="icon-umbrella"></i> ·
+ Unicode: <span class="upper">f0e9</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-umbrella"></i> icon-umbrella
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-umbrella"</span><span class="nt">></i></span> icon-umbrella
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-underline: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-underline icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-underline icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-underline icon-4"></i> </span>
+ <i class="icon-underline icon-3"></i>
+ <i class="icon-underline icon-2"></i>
+ </span>
+ <i class="icon-underline icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-underline
+ <small>
+ <i class="icon-underline"></i> ·
+ Unicode: <span class="upper">f0cd</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-underline"></i> icon-underline
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-underline"</span><span class="nt">></i></span> icon-underline
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-undo: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-undo icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-undo icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-undo icon-4"></i> </span>
+ <i class="icon-undo icon-3"></i>
+ <i class="icon-undo icon-2"></i>
+ </span>
+ <i class="icon-undo icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-undo
+ <small>
+ <i class="icon-undo"></i> ·
+ Unicode: <span class="upper">f0e2</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ · Aliases:
+
+ icon-rotate-left
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-undo"></i> icon-undo
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-undo"</span><span class="nt">></i></span> icon-undo
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-unlink: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-unlink icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-unlink icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-unlink icon-4"></i> </span>
+ <i class="icon-unlink icon-3"></i>
+ <i class="icon-unlink icon-2"></i>
+ </span>
+ <i class="icon-unlink icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-unlink
+ <small>
+ <i class="icon-unlink"></i> ·
+ Unicode: <span class="upper">f127</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Text Editor Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-unlink"></i> icon-unlink
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-unlink"</span><span class="nt">></i></span> icon-unlink
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-unlock-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-unlock-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-unlock-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-unlock-alt icon-4"></i> </span>
+ <i class="icon-unlock-alt icon-3"></i>
+ <i class="icon-unlock-alt icon-2"></i>
+ </span>
+ <i class="icon-unlock-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-unlock-alt
+ <small>
+ <i class="icon-unlock-alt"></i> ·
+ Unicode: <span class="upper">f13e</span> ·
+ Created: v3.1 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-unlock-alt"></i> icon-unlock-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-unlock-alt"</span><span class="nt">></i></span> icon-unlock-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-unlock: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-unlock icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-unlock icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-unlock icon-4"></i> </span>
+ <i class="icon-unlock icon-3"></i>
+ <i class="icon-unlock icon-2"></i>
+ </span>
+ <i class="icon-unlock icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-unlock
+ <small>
+ <i class="icon-unlock"></i> ·
+ Unicode: <span class="upper">f09c</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-unlock"></i> icon-unlock
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-unlock"</span><span class="nt">></i></span> icon-unlock
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-upload-alt: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-upload-alt icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-upload-alt icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-upload-alt icon-4"></i> </span>
+ <i class="icon-upload-alt icon-3"></i>
+ <i class="icon-upload-alt icon-2"></i>
+ </span>
+ <i class="icon-upload-alt icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-upload-alt
+ <small>
+ <i class="icon-upload-alt"></i> ·
+ Unicode: <span class="upper">f093</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-upload-alt"></i> icon-upload-alt
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-upload-alt"</span><span class="nt">></i></span> icon-upload-alt
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-upload: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-upload icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-upload icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-upload icon-4"></i> </span>
+ <i class="icon-upload icon-3"></i>
+ <i class="icon-upload icon-2"></i>
+ </span>
+ <i class="icon-upload icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-upload
+ <small>
+ <i class="icon-upload"></i> ·
+ Unicode: <span class="upper">f01b</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-upload"></i> icon-upload
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-upload"</span><span class="nt">></i></span> icon-upload
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-usd: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-usd icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-usd icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-usd icon-4"></i> </span>
+ <i class="icon-usd icon-3"></i>
+ <i class="icon-usd icon-2"></i>
+ </span>
+ <i class="icon-usd icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-usd
+ <small>
+ <i class="icon-usd"></i> ·
+ Unicode: <span class="upper">f155</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Currency Icons
+
+
+
+ · Aliases:
+
+ icon-dollar
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-usd"></i> icon-usd
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-usd"</span><span class="nt">></i></span> icon-usd
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-user-md: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-user-md icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-user-md icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-user-md icon-4"></i> </span>
+ <i class="icon-user-md icon-3"></i>
+ <i class="icon-user-md icon-2"></i>
+ </span>
+ <i class="icon-user-md icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-user-md
+ <small>
+ <i class="icon-user-md"></i> ·
+ Unicode: <span class="upper">f0f0</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Medical Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-user-md"></i> icon-user-md
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-user-md"</span><span class="nt">></i></span> icon-user-md
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-user: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-user icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-user icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-user icon-4"></i> </span>
+ <i class="icon-user icon-3"></i>
+ <i class="icon-user icon-2"></i>
+ </span>
+ <i class="icon-user icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-user
+ <small>
+ <i class="icon-user"></i> ·
+ Unicode: <span class="upper">f007</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-user"></i> icon-user
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-user"</span><span class="nt">></i></span> icon-user
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-vk: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-vk icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-vk icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-vk icon-4"></i> </span>
+ <i class="icon-vk icon-3"></i>
+ <i class="icon-vk icon-2"></i>
+ </span>
+ <i class="icon-vk icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-vk
+ <small>
+ <i class="icon-vk"></i> ·
+ Unicode: <span class="upper">f189</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-vk"></i> icon-vk
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-vk"</span><span class="nt">></i></span> icon-vk
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-volume-down: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-volume-down icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-volume-down icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-volume-down icon-4"></i> </span>
+ <i class="icon-volume-down icon-3"></i>
+ <i class="icon-volume-down icon-2"></i>
+ </span>
+ <i class="icon-volume-down icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-volume-down
+ <small>
+ <i class="icon-volume-down"></i> ·
+ Unicode: <span class="upper">f027</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-volume-down"></i> icon-volume-down
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-volume-down"</span><span class="nt">></i></span> icon-volume-down
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-volume-off: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-volume-off icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-volume-off icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-volume-off icon-4"></i> </span>
+ <i class="icon-volume-off icon-3"></i>
+ <i class="icon-volume-off icon-2"></i>
+ </span>
+ <i class="icon-volume-off icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-volume-off
+ <small>
+ <i class="icon-volume-off"></i> ·
+ Unicode: <span class="upper">f026</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-volume-off"></i> icon-volume-off
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-volume-off"</span><span class="nt">></i></span> icon-volume-off
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-volume-up: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-volume-up icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-volume-up icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-volume-up icon-4"></i> </span>
+ <i class="icon-volume-up icon-3"></i>
+ <i class="icon-volume-up icon-2"></i>
+ </span>
+ <i class="icon-volume-up icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-volume-up
+ <small>
+ <i class="icon-volume-up"></i> ·
+ Unicode: <span class="upper">f028</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-volume-up"></i> icon-volume-up
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-volume-up"</span><span class="nt">></i></span> icon-volume-up
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-warning-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-warning-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-warning-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-warning-sign icon-4"></i> </span>
+ <i class="icon-warning-sign icon-3"></i>
+ <i class="icon-warning-sign icon-2"></i>
+ </span>
+ <i class="icon-warning-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-warning-sign
+ <small>
+ <i class="icon-warning-sign"></i> ·
+ Unicode: <span class="upper">f071</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-warning-sign"></i> icon-warning-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-warning-sign"</span><span class="nt">></i></span> icon-warning-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-weibo: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-weibo icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-weibo icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-weibo icon-4"></i> </span>
+ <i class="icon-weibo icon-3"></i>
+ <i class="icon-weibo icon-2"></i>
+ </span>
+ <i class="icon-weibo icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-weibo
+ <small>
+ <i class="icon-weibo"></i> ·
+ Unicode: <span class="upper">f18a</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-weibo"></i> icon-weibo
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-weibo"</span><span class="nt">></i></span> icon-weibo
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-windows: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-windows icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-windows icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-windows icon-4"></i> </span>
+ <i class="icon-windows icon-3"></i>
+ <i class="icon-windows icon-2"></i>
+ </span>
+ <i class="icon-windows icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-windows
+ <small>
+ <i class="icon-windows"></i> ·
+ Unicode: <span class="upper">f17a</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-windows"></i> icon-windows
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-windows"</span><span class="nt">></i></span> icon-windows
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-wrench: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-wrench icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-wrench icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-wrench icon-4"></i> </span>
+ <i class="icon-wrench icon-3"></i>
+ <i class="icon-wrench icon-2"></i>
+ </span>
+ <i class="icon-wrench icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-wrench
+ <small>
+ <i class="icon-wrench"></i> ·
+ Unicode: <span class="upper">f0ad</span> ·
+ Created: v2.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-wrench"></i> icon-wrench
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-wrench"</span><span class="nt">></i></span> icon-wrench
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-xing-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-xing-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-xing-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-xing-sign icon-4"></i> </span>
+ <i class="icon-xing-sign icon-3"></i>
+ <i class="icon-xing-sign icon-2"></i>
+ </span>
+ <i class="icon-xing-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-xing-sign
+ <small>
+ <i class="icon-xing-sign"></i> ·
+ Unicode: <span class="upper">f169</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-xing-sign"></i> icon-xing-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-xing-sign"</span><span class="nt">></i></span> icon-xing-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-xing: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-xing icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-xing icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-xing icon-4"></i> </span>
+ <i class="icon-xing icon-3"></i>
+ <i class="icon-xing icon-2"></i>
+ </span>
+ <i class="icon-xing icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-xing
+ <small>
+ <i class="icon-xing"></i> ·
+ Unicode: <span class="upper">f168</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-xing"></i> icon-xing
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-xing"</span><span class="nt">></i></span> icon-xing
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-youtube-play: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-youtube-play icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-youtube-play icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-youtube-play icon-4"></i> </span>
+ <i class="icon-youtube-play icon-3"></i>
+ <i class="icon-youtube-play icon-2"></i>
+ </span>
+ <i class="icon-youtube-play icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-youtube-play
+ <small>
+ <i class="icon-youtube-play"></i> ·
+ Unicode: <span class="upper">f16a</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons,
+
+ Video Player Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-youtube-play"></i> icon-youtube-play
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-youtube-play"</span><span class="nt">></i></span> icon-youtube-play
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-youtube-sign: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-youtube-sign icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-youtube-sign icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-youtube-sign icon-4"></i> </span>
+ <i class="icon-youtube-sign icon-3"></i>
+ <i class="icon-youtube-sign icon-2"></i>
+ </span>
+ <i class="icon-youtube-sign icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-youtube-sign
+ <small>
+ <i class="icon-youtube-sign"></i> ·
+ Unicode: <span class="upper">f166</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-youtube-sign"></i> icon-youtube-sign
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-youtube-sign"</span><span class="nt">></i></span> icon-youtube-sign
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-youtube: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-youtube icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-youtube icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-youtube icon-4"></i> </span>
+ <i class="icon-youtube icon-3"></i>
+ <i class="icon-youtube icon-2"></i>
+ </span>
+ <i class="icon-youtube icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-youtube
+ <small>
+ <i class="icon-youtube"></i> ·
+ Unicode: <span class="upper">f167</span> ·
+ Created: v3.2 ·
+ Categories:
+
+ Brand Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-youtube"></i> icon-youtube
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-youtube"</span><span class="nt">></i></span> icon-youtube
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-zoom-in: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-zoom-in icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-zoom-in icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-zoom-in icon-4"></i> </span>
+ <i class="icon-zoom-in icon-3"></i>
+ <i class="icon-zoom-in icon-2"></i>
+ </span>
+ <i class="icon-zoom-in icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-zoom-in
+ <small>
+ <i class="icon-zoom-in"></i> ·
+ Unicode: <span class="upper">f00e</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-zoom-in"></i> icon-zoom-in
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-zoom-in"</span><span class="nt">></i></span> icon-zoom-in
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>icon-zoom-out: Font Awesome Icons</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../../assets/css/site.css">
+ <link rel="stylesheet" href="../../assets/css/pygments.css">
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../../">Home</a></li>
+ <li><a href="../../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../../examples/#new-styles">New Styles</a></li>
+ <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../../examples/#buttons">Buttons</a></li>
+ <li><a href="../../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../../examples/#navigation">Navigation</a></li>
+ <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../../examples/#stacked">Stacked</a></li>
+ <li><a href="../../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../../community/">Community</a></li>
+ <li><a href="../../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-icon">
+ <div class="container">
+ <div class="info-icons">
+ <i class="icon-zoom-out icon-6"></i>
+ <span class="hidden-phone">
+ <i class="icon-zoom-out icon-5"></i>
+ <span class="hidden-tablet"><i class="icon-zoom-out icon-4"></i> </span>
+ <i class="icon-zoom-out icon-3"></i>
+ <i class="icon-zoom-out icon-2"></i>
+ </span>
+ <i class="icon-zoom-out icon-1"></i>
+ </div>
+ <h1 class="info-class">
+ icon-zoom-out
+ <small>
+ <i class="icon-zoom-out"></i> ·
+ Unicode: <span class="upper">f010</span> ·
+ Created: v1.0 ·
+ Categories:
+
+ Web Application Icons
+
+
+
+ </small>
+ </h1>
+ </div>
+</div>
+
+
+<div class="container">
+ <section>
+ <div class="row-fluid">
+ <div class="span9">
+ <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="well well-transparent">
+ <div style="font-size: 24px; line-height: 1.5em;">
+ <i class="icon-zoom-out"></i> icon-zoom-out
+ </div>
+ </div>
+<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-zoom-out"</span><span class="nt">></i></span> icon-zoom-out
+</code></pre></div>
+ <br>
+ <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+ </div>
+ <div class="span3">
+ <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+ </div>
+ </div>
+ </section>
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+icons:
+ - name: Glass
+ id: glass
+ unicode: f000
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Music
+ id: music
+ unicode: f001
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Search
+ id: search
+ unicode: f002
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Envelope Alt
+ id: envelope-alt
+ unicode: f003
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Heart
+ id: heart
+ unicode: f004
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Star
+ id: star
+ unicode: f005
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Star Empty
+ id: star-empty
+ unicode: f006
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: User
+ id: user
+ unicode: f007
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Film
+ id: film
+ unicode: f008
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: th-large
+ id: th-large
+ unicode: f009
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: th
+ id: th
+ unicode: f00a
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: th-list
+ id: th-list
+ unicode: f00b
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: OK
+ id: ok
+ unicode: f00c
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Remove
+ id: remove
+ unicode: f00d
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Zoom In
+ id: zoom-in
+ unicode: f00e
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+
+ - name: Zoom Out
+ id: zoom-out
+ unicode: f010
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: Off
+ id: 'off'
+ unicode: f011
+ created: 1.0
+ aliases:
+ - power-off
+ categories:
+ - Web Application Icons
+
+ - name: signal
+ id: signal
+ unicode: f012
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: cog
+ id: cog
+ unicode: f013
+ created: 1.0
+ aliases:
+ - gear
+ categories:
+ - Web Application Icons
+
+ - name: trash
+ id: trash
+ unicode: f014
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: home
+ id: home
+ unicode: f015
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: file-alt
+ id: file-alt
+ unicode: f016
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: time
+ id: time
+ unicode: f017
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: road
+ id: road
+ unicode: f018
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: download-alt
+ id: download-alt
+ unicode: f019
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: download
+ id: download
+ unicode: f01a
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: upload
+ id: upload
+ unicode: f01b
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: inbox
+ id: inbox
+ unicode: f01c
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: play-circle
+ id: play-circle
+ unicode: f01d
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: repeat
+ id: repeat
+ unicode: f01e
+ created: 1.0
+ aliases:
+ - rotate-right
+ categories:
+ - Text Editor Icons
+
+
+ - name: refresh
+ id: refresh
+ unicode: f021
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: list-alt
+ id: list-alt
+ unicode: f022
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: lock
+ id: lock
+ unicode: f023
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: flag
+ id: flag
+ unicode: f024
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: headphones
+ id: headphones
+ unicode: f025
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: volume-off
+ id: volume-off
+ unicode: f026
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: volume-down
+ id: volume-down
+ unicode: f027
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: volume-up
+ id: volume-up
+ unicode: f028
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: qrcode
+ id: qrcode
+ unicode: f029
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: barcode
+ id: barcode
+ unicode: f02a
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: tag
+ id: tag
+ unicode: f02b
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: tags
+ id: tags
+ unicode: f02c
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: book
+ id: book
+ unicode: f02d
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: bookmark
+ id: bookmark
+ unicode: f02e
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: print
+ id: print
+ unicode: f02f
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+
+ - name: camera
+ id: camera
+ unicode: f030
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: font
+ id: font
+ unicode: f031
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: bold
+ id: bold
+ unicode: f032
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: italic
+ id: italic
+ unicode: f033
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: text-height
+ id: text-height
+ unicode: f034
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: text-width
+ id: text-width
+ unicode: f035
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: align-left
+ id: align-left
+ unicode: f036
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: align-center
+ id: align-center
+ unicode: f037
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: align-right
+ id: align-right
+ unicode: f038
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: align-justify
+ id: align-justify
+ unicode: f039
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: list
+ id: list
+ unicode: f03a
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: indent-left
+ id: indent-left
+ unicode: f03b
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: indent-right
+ id: indent-right
+ unicode: f03c
+ created: 1.0
+ categories:
+ - Text Editor Icons
+
+ - name: facetime-video
+ id: facetime-video
+ unicode: f03d
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: picture
+ id: picture
+ unicode: f03e
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+
+ - name: pencil
+ id: pencil
+ unicode: f040
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: map-marker
+ id: map-marker
+ unicode: f041
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: adjust
+ id: adjust
+ unicode: f042
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: tint
+ id: tint
+ unicode: f043
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: edit
+ id: edit
+ unicode: f044
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: share
+ id: share
+ unicode: f045
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: check
+ id: check
+ unicode: f046
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: move
+ id: move
+ unicode: f047
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: step-backward
+ id: step-backward
+ unicode: f048
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: fast-backward
+ id: fast-backward
+ unicode: f049
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: backward
+ id: backward
+ unicode: f04a
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: play
+ id: play
+ unicode: f04b
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: pause
+ id: pause
+ unicode: f04c
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: stop
+ id: stop
+ unicode: f04d
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: forward
+ id: forward
+ unicode: f04e
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+
+ - name: fast-forward
+ id: fast-forward
+ unicode: f050
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: step-forward
+ id: step-forward
+ unicode: f051
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: eject
+ id: eject
+ unicode: f052
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: chevron-left
+ id: chevron-left
+ unicode: f053
+ created: 1.0
+ categories:
+ - Directional Icons
+
+ - name: chevron-right
+ id: chevron-right
+ unicode: f054
+ created: 1.0
+ categories:
+ - Directional Icons
+
+ - name: plus-sign
+ id: plus-sign
+ unicode: f055
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: minus-sign
+ id: minus-sign
+ unicode: f056
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: remove-sign
+ id: remove-sign
+ unicode: f057
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: ok-sign
+ id: ok-sign
+ unicode: f058
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: question-sign
+ id: question-sign
+ unicode: f059
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: info-sign
+ id: info-sign
+ unicode: f05a
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: screenshot
+ id: screenshot
+ unicode: f05b
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: remove-circle
+ id: remove-circle
+ unicode: f05c
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: ok-circle
+ id: ok-circle
+ unicode: f05d
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: ban-circle
+ id: ban-circle
+ unicode: f05e
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+
+ - name: arrow-left
+ id: arrow-left
+ unicode: f060
+ created: 1.0
+ categories:
+ - Directional Icons
+
+ - name: arrow-right
+ id: arrow-right
+ unicode: f061
+ created: 1.0
+ categories:
+ - Directional Icons
+
+ - name: arrow-up
+ id: arrow-up
+ unicode: f062
+ created: 1.0
+ categories:
+ - Directional Icons
+
+ - name: arrow-down
+ id: arrow-down
+ unicode: f063
+ created: 1.0
+ categories:
+ - Directional Icons
+
+ - name: share-alt
+ id: share-alt
+ unicode: f064
+ created: 1.0
+ aliases:
+ - mail-forward
+ categories:
+ - Web Application Icons
+
+ - name: resize-full
+ id: resize-full
+ unicode: f065
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: resize-small
+ id: resize-small
+ unicode: f066
+ created: 1.0
+ categories:
+ - Video Player Icons
+
+ - name: plus
+ id: plus
+ unicode: f067
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: minus
+ id: minus
+ unicode: f068
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: asterisk
+ id: asterisk
+ unicode: f069
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: exclamation-sign
+ id: exclamation-sign
+ unicode: f06a
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: gift
+ id: gift
+ unicode: f06b
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: leaf
+ id: leaf
+ unicode: f06c
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: fire
+ id: fire
+ unicode: f06d
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: eye-open
+ id: eye-open
+ unicode: f06e
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+
+ - name: eye-close
+ id: eye-close
+ unicode: f070
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: warning-sign
+ id: warning-sign
+ unicode: f071
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: plane
+ id: plane
+ unicode: f072
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: calendar
+ id: calendar
+ unicode: f073
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: random
+ id: random
+ unicode: f074
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: comment
+ id: comment
+ unicode: f075
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: magnet
+ id: magnet
+ unicode: f076
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: chevron-up
+ id: chevron-up
+ unicode: f077
+ created: 1.0
+ categories:
+ - Directional Icons
+
+ - name: chevron-down
+ id: chevron-down
+ unicode: f078
+ created: 1.0
+ categories:
+ - Directional Icons
+
+ - name: retweet
+ id: retweet
+ unicode: f079
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: shopping-cart
+ id: shopping-cart
+ unicode: f07a
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: folder-close
+ id: folder-close
+ unicode: f07b
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: folder-open
+ id: folder-open
+ unicode: f07c
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: resize-vertical
+ id: resize-vertical
+ unicode: f07d
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: resize-horizontal
+ id: resize-horizontal
+ unicode: f07e
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+
+ - name: bar-chart
+ id: bar-chart
+ unicode: f080
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: twitter-sign
+ id: twitter-sign
+ unicode: f081
+ created: 1.0
+ categories:
+ - Brand Icons
+
+ - name: facebook-sign
+ id: facebook-sign
+ unicode: f082
+ created: 1.0
+ categories:
+ - Brand Icons
+
+ - name: camera-retro
+ id: camera-retro
+ unicode: f083
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: key
+ id: key
+ unicode: f084
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: cogs
+ id: cogs
+ unicode: f085
+ created: 1.0
+ aliases:
+ - gears
+ categories:
+ - Web Application Icons
+
+ - name: comments
+ id: comments
+ unicode: f086
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: thumbs-up-alt
+ id: thumbs-up-alt
+ unicode: f087
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: thumbs-down-alt
+ id: thumbs-down-alt
+ unicode: f088
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: star-half
+ id: star-half
+ unicode: f089
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: heart-empty
+ id: heart-empty
+ unicode: f08a
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: signout
+ id: signout
+ unicode: f08b
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: linkedin-sign
+ id: linkedin-sign
+ unicode: f08c
+ created: 1.0
+ categories:
+ - Brand Icons
+
+ - name: pushpin
+ id: pushpin
+ unicode: f08d
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: external-link
+ id: external-link
+ unicode: f08e
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+
+ - name: signin
+ id: signin
+ unicode: f090
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: trophy
+ id: trophy
+ unicode: f091
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: github-sign
+ id: github-sign
+ unicode: f092
+ created: 1.0
+ categories:
+ - Brand Icons
+
+ - name: upload-alt
+ id: upload-alt
+ unicode: f093
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: lemon
+ id: lemon
+ unicode: f094
+ created: 1.0
+ categories:
+ - Web Application Icons
+
+ - name: phone
+ id: phone
+ unicode: f095
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: check-empty
+ id: check-empty
+ unicode: f096
+ created: 2.0
+ aliases:
+ - unchecked
+ categories:
+ - Web Application Icons
+
+ - name: bookmark-empty
+ id: bookmark-empty
+ unicode: f097
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: phone-sign
+ id: phone-sign
+ unicode: f098
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: twitter
+ id: twitter
+ unicode: f099
+ created: 2.0
+ categories:
+ - Brand Icons
+
+ - name: facebook
+ id: facebook
+ unicode: f09a
+ created: 2.0
+ categories:
+ - Brand Icons
+
+ - name: github
+ id: github
+ unicode: f09b
+ created: 2.0
+ categories:
+ - Brand Icons
+
+ - name: unlock
+ id: unlock
+ unicode: f09c
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: credit-card
+ id: credit-card
+ unicode: f09d
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: rss
+ id: rss
+ unicode: f09e
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+
+ - name: hdd
+ id: hdd
+ unicode: f0a0
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: bullhorn
+ id: bullhorn
+ unicode: f0a1
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: bell
+ id: bell
+ unicode: f0a2
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: certificate
+ id: certificate
+ unicode: f0a3
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: hand-right
+ id: hand-right
+ unicode: f0a4
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: hand-left
+ id: hand-left
+ unicode: f0a5
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: hand-up
+ id: hand-up
+ unicode: f0a6
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: hand-down
+ id: hand-down
+ unicode: f0a7
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: circle-arrow-left
+ id: circle-arrow-left
+ unicode: f0a8
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: circle-arrow-right
+ id: circle-arrow-right
+ unicode: f0a9
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: circle-arrow-up
+ id: circle-arrow-up
+ unicode: f0aa
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: circle-arrow-down
+ id: circle-arrow-down
+ unicode: f0ab
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: globe
+ id: globe
+ unicode: f0ac
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: wrench
+ id: wrench
+ unicode: f0ad
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: tasks
+ id: tasks
+ unicode: f0ae
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+
+ - name: filter
+ id: filter
+ unicode: f0b0
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: briefcase
+ id: briefcase
+ unicode: f0b1
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: fullscreen
+ id: fullscreen
+ unicode: f0b2
+ created: 2.0
+ categories:
+ - Video Player Icons
+
+
+ - name: group
+ id: group
+ unicode: f0c0
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: link
+ id: link
+ unicode: f0c1
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: cloud
+ id: cloud
+ unicode: f0c2
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: beaker
+ id: beaker
+ unicode: f0c3
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: cut
+ id: cut
+ unicode: f0c4
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: copy
+ id: copy
+ unicode: f0c5
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: paper-clip
+ id: paper-clip
+ unicode: f0c6
+ created: 2.0
+ aliases:
+ - paperclip
+ categories:
+ - Text Editor Icons
+
+ - name: save
+ id: save
+ unicode: f0c7
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: sign-blank
+ id: sign-blank
+ unicode: f0c8
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: reorder
+ id: reorder
+ unicode: f0c9
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: list-ul
+ id: list-ul
+ unicode: f0ca
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: list-ol
+ id: list-ol
+ unicode: f0cb
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: strikethrough
+ id: strikethrough
+ unicode: f0cc
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: underline
+ id: underline
+ unicode: f0cd
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: table
+ id: table
+ unicode: f0ce
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+
+ - name: magic
+ id: magic
+ unicode: f0d0
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: truck
+ id: truck
+ unicode: f0d1
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: pinterest
+ id: pinterest
+ unicode: f0d2
+ created: 2.0
+ categories:
+ - Brand Icons
+
+ - name: pinterest-sign
+ id: pinterest-sign
+ unicode: f0d3
+ created: 2.0
+ categories:
+ - Brand Icons
+
+ - name: google-plus-sign
+ id: google-plus-sign
+ unicode: f0d4
+ created: 2.0
+ categories:
+ - Brand Icons
+
+ - name: google-plus
+ id: google-plus
+ unicode: f0d5
+ created: 2.0
+ categories:
+ - Brand Icons
+
+ - name: money
+ id: money
+ unicode: f0d6
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: caret-down
+ id: caret-down
+ unicode: f0d7
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: caret-up
+ id: caret-up
+ unicode: f0d8
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: caret-left
+ id: caret-left
+ unicode: f0d9
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: caret-right
+ id: caret-right
+ unicode: f0da
+ created: 2.0
+ categories:
+ - Directional Icons
+
+ - name: columns
+ id: columns
+ unicode: f0db
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: sort
+ id: sort
+ unicode: f0dc
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: sort-down
+ id: sort-down
+ unicode: f0dd
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: sort-up
+ id: sort-up
+ unicode: f0de
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+
+ - name: Envelope
+ id: envelope
+ unicode: f0e0
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: linkedin
+ id: linkedin
+ unicode: f0e1
+ created: 2.0
+ categories:
+ - Brand Icons
+
+
+ - name: undo
+ id: undo
+ unicode: f0e2
+ created: 2.0
+ aliases:
+ - rotate-left
+ categories:
+ - Text Editor Icons
+
+ - name: legal
+ id: legal
+ unicode: f0e3
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: dashboard
+ id: dashboard
+ unicode: f0e4
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: comment-alt
+ id: comment-alt
+ unicode: f0e5
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: comments-alt
+ id: comments-alt
+ unicode: f0e6
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: bolt
+ id: bolt
+ unicode: f0e7
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: sitemap
+ id: sitemap
+ unicode: f0e8
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: umbrella
+ id: umbrella
+ unicode: f0e9
+ created: 2.0
+ categories:
+ - Web Application Icons
+
+ - name: paste
+ id: paste
+ unicode: f0ea
+ created: 2.0
+ categories:
+ - Text Editor Icons
+
+ - name: lightbulb
+ id: lightbulb
+ unicode: f0eb
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: exchange
+ id: exchange
+ unicode: f0ec
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: cloud-download
+ id: cloud-download
+ unicode: f0ed
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: cloud-upload
+ id: cloud-upload
+ unicode: f0ee
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+
+ - name: user-md
+ id: user-md
+ unicode: f0f0
+ created: 2.0
+ categories:
+ - Medical Icons
+
+ - name: stethoscope
+ id: stethoscope
+ unicode: f0f1
+ created: 3.0
+ categories:
+ - Medical Icons
+
+ - name: suitcase
+ id: suitcase
+ unicode: f0f2
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: bell-alt
+ id: bell-alt
+ unicode: f0f3
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: coffee
+ id: coffee
+ unicode: f0f4
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: food
+ id: food
+ unicode: f0f5
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: file-text-alt
+ id: file-text-alt
+ unicode: f0f6
+ created: 3.0
+ categories:
+ - Text Editor Icons
+
+ - name: building
+ id: building
+ unicode: f0f7
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: hospital
+ id: hospital
+ unicode: f0f8
+ created: 3.0
+ categories:
+ - Medical Icons
+
+ - name: ambulance
+ id: ambulance
+ unicode: f0f9
+ created: 3.0
+ categories:
+ - Medical Icons
+
+ - name: medkit
+ id: medkit
+ unicode: f0fa
+ created: 3.0
+ categories:
+ - Medical Icons
+
+ - name: fighter-jet
+ id: fighter-jet
+ unicode: f0fb
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: beer
+ id: beer
+ unicode: f0fc
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: h-sign
+ id: h-sign
+ unicode: f0fd
+ created: 3.0
+ categories:
+ - Medical Icons
+
+ - name: plus-sign-alt
+ id: plus-sign-alt
+ unicode: f0fe
+ created: 3.0
+ categories:
+ - Medical Icons
+ - Web Application Icons
+
+
+ - name: double-angle-left
+ id: double-angle-left
+ unicode: f100
+ created: 3.0
+ categories:
+ - Directional Icons
+
+ - name: double-angle-right
+ id: double-angle-right
+ unicode: f101
+ created: 3.0
+ categories:
+ - Directional Icons
+
+ - name: double-angle-up
+ id: double-angle-up
+ unicode: f102
+ created: 3.0
+ categories:
+ - Directional Icons
+
+ - name: double-angle-down
+ id: double-angle-down
+ unicode: f103
+ created: 3.0
+ categories:
+ - Directional Icons
+
+ - name: angle-left
+ id: angle-left
+ unicode: f104
+ created: 3.0
+ categories:
+ - Directional Icons
+
+ - name: angle-right
+ id: angle-right
+ unicode: f105
+ created: 3.0
+ categories:
+ - Directional Icons
+
+ - name: angle-up
+ id: angle-up
+ unicode: f106
+ created: 3.0
+ categories:
+ - Directional Icons
+
+ - name: angle-down
+ id: angle-down
+ unicode: f107
+ created: 3.0
+ categories:
+ - Directional Icons
+
+ - name: desktop
+ id: desktop
+ unicode: f108
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: laptop
+ id: laptop
+ unicode: f109
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: tablet
+ id: tablet
+ unicode: f10a
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: mobile-phone
+ id: mobile-phone
+ unicode: f10b
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: circle-blank
+ id: circle-blank
+ unicode: f10c
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: quote-left
+ id: quote-left
+ unicode: f10d
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: quote-right
+ id: quote-right
+ unicode: f10e
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+
+ - name: spinner
+ id: spinner
+ unicode: f110
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: circle
+ id: circle
+ unicode: f111
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: reply
+ id: reply
+ unicode: f112
+ created: 3.0
+ aliases:
+ - mail-reply
+ categories:
+ - Web Application Icons
+
+ - name: github-alt
+ id: github-alt
+ unicode: f113
+ created: 3.0
+ categories:
+ - Brand Icons
+
+ - name: folder-close-alt
+ id: folder-close-alt
+ unicode: f114
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: folder-open-alt
+ id: folder-open-alt
+ unicode: f115
+ created: 3.0
+ categories:
+ - Web Application Icons
+
+ - name: expand-alt
+ id: expand-alt
+ unicode: f116
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: collapse-alt
+ id: collapse-alt
+ unicode: f117
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: smile
+ id: smile
+ unicode: f118
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: frown
+ id: frown
+ unicode: f119
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: meh
+ id: meh
+ unicode: f11a
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: gamepad
+ id: gamepad
+ unicode: f11b
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: keyboard
+ id: keyboard
+ unicode: f11c
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: flag-alt
+ id: flag-alt
+ unicode: f11d
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: flag-checkered
+ id: flag-checkered
+ unicode: f11e
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+
+ - name: terminal
+ id: terminal
+ unicode: f120
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: code
+ id: code
+ unicode: f121
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: reply-all
+ id: reply-all
+ unicode: f122
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: mail-reply-all
+ id: mail-reply-all
+ unicode: f122
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: star-half-empty
+ id: star-half-empty
+ unicode: f123
+ created: 3.1
+ aliases:
+ - star-half-full
+ categories:
+ - Web Application Icons
+
+ - name: location-arrow
+ id: location-arrow
+ unicode: f124
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: crop
+ id: crop
+ unicode: f125
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: code-fork
+ id: code-fork
+ unicode: f126
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: unlink
+ id: unlink
+ unicode: f127
+ created: 3.1
+ categories:
+ - Text Editor Icons
+
+ - name: question
+ id: question
+ unicode: f128
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: info
+ id: info
+ unicode: f129
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: exclamation
+ id: exclamation
+ unicode: f12a
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: superscript
+ id: superscript
+ unicode: f12b
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: subscript
+ id: subscript
+ unicode: f12c
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: eraser
+ id: eraser
+ unicode: f12d
+ created: 3.1
+ categories:
+ - Text Editor Icons
+ - Web Application Icons
+
+ - name: puzzle-piece
+ id: puzzle-piece
+ unicode: f12e
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+
+ - name: microphone
+ id: microphone
+ unicode: f130
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: microphone-off
+ id: microphone-off
+ unicode: f131
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: shield
+ id: shield
+ unicode: f132
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: calendar-empty
+ id: calendar-empty
+ unicode: f133
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: fire-extinguisher
+ id: fire-extinguisher
+ unicode: f134
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: rocket
+ id: rocket
+ unicode: f135
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: MaxCDN
+ id: maxcdn
+ unicode: f136
+ created: 3.1
+ categories:
+ - Brand Icons
+
+ - name: Chevron Sign Left
+ id: chevron-sign-left
+ unicode: f137
+ created: 3.1
+ categories:
+ - Directional Icons
+
+ - name: Chevron Sign Right
+ id: chevron-sign-right
+ unicode: f138
+ created: 3.1
+ categories:
+ - Directional Icons
+
+ - name: Chevron Sign Up
+ id: chevron-sign-up
+ unicode: f139
+ created: 3.1
+ categories:
+ - Directional Icons
+
+ - name: Chevron Sign Down
+ id: chevron-sign-down
+ unicode: f13a
+ created: 3.1
+ categories:
+ - Directional Icons
+
+ - name: HTML 5 Logo
+ id: html5
+ unicode: f13b
+ created: 3.1
+ categories:
+ - Brand Icons
+
+ - name: CSS 3 Logo
+ id: css3
+ unicode: f13c
+ created: 3.1
+ categories:
+ - Brand Icons
+
+ - name: Anchor
+ id: anchor
+ unicode: f13d
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Unlock Alt
+ id: unlock-alt
+ unicode: f13e
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+
+ - name: Bullseye
+ id: bullseye
+ unicode: f140
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Horizontal Ellipsis
+ id: ellipsis-horizontal
+ unicode: f141
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Vertical Ellipsis
+ id: ellipsis-vertical
+ unicode: f142
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: RSS Sign
+ id: rss-sign
+ unicode: f143
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Play Sign
+ id: play-sign
+ unicode: f144
+ created: 3.1
+ categories:
+ - Video Player Icons
+
+ - name: Ticket
+ id: ticket
+ unicode: f145
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Minus Sign Alt
+ id: minus-sign-alt
+ unicode: f146
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Check Minus
+ id: check-minus
+ unicode: f147
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Level Up
+ id: level-up
+ unicode: f148
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Level Down
+ id: level-down
+ unicode: f149
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Check Sign
+ id: check-sign
+ unicode: f14a
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Edit Sign
+ id: edit-sign
+ unicode: f14b
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Exteral Link Sign
+ id: external-link-sign
+ unicode: f14c
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Share Sign
+ id: share-sign
+ unicode: f14d
+ created: 3.1
+ categories:
+ - Web Application Icons
+
+ - name: Compass
+ id: compass
+ unicode: f14e
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+
+ - name: Collapse
+ id: collapse
+ unicode: f150
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Collapse Top
+ id: collapse-top
+ unicode: f151
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Expand
+ id: expand
+ unicode: f152
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Euro (EUR)
+ id: eur
+ unicode: f153
+ created: 3.2
+ aliases:
+ - euro
+ categories:
+ - Currency Icons
+
+ - name: GBP
+ id: gbp
+ unicode: f154
+ created: 3.2
+ categories:
+ - Currency Icons
+
+ - name: US Dollar
+ id: usd
+ unicode: f155
+ created: 3.2
+ aliases:
+ - dollar
+ categories:
+ - Currency Icons
+
+ - name: Indian Rupee (INR)
+ id: inr
+ unicode: f156
+ created: 3.2
+ aliases:
+ - rupee
+ categories:
+ - Currency Icons
+
+ - name: Japanese Yen (JPY)
+ id: jpy
+ unicode: f157
+ created: 3.2
+ aliases:
+ - yen
+ categories:
+ - Currency Icons
+
+ - name: Renminbi (CNY)
+ id: cny
+ unicode: f158
+ created: 3.2
+ aliases:
+ - renminbi
+ categories:
+ - Currency Icons
+
+ - name: Korean Won (KRW)
+ id: krw
+ unicode: f159
+ created: 3.2
+ aliases:
+ - won
+ categories:
+ - Currency Icons
+
+ - name: Bitcoin (BTC)
+ id: btc
+ unicode: f15a
+ created: 3.2
+ aliases:
+ - bitcoin
+ categories:
+ - Currency Icons
+ - Brand Icons
+
+ - name: File
+ id: file
+ unicode: f15b
+ created: 3.2
+ categories:
+ - Text Editor Icons
+
+ - name: File Text
+ id: file-text
+ unicode: f15c
+ created: 3.2
+ categories:
+ - Text Editor Icons
+
+ - name: Sort By Alphabet
+ id: sort-by-alphabet
+ unicode: f15d
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Sort By Alphabet Alt
+ id: sort-by-alphabet-alt
+ unicode: f15e
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+
+ - name: Sort By Attributes
+ id: sort-by-attributes
+ unicode: f160
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Sort By Attributes Alt
+ id: sort-by-attributes-alt
+ unicode: f161
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Sort By Order
+ id: sort-by-order
+ unicode: f162
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Sort By Order Alt
+ id: sort-by-order-alt
+ unicode: f163
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+
+ - name: thumbs-up
+ id: thumbs-up
+ unicode: f164
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: thumbs-down
+ id: thumbs-down
+ unicode: f165
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: YouTube Sign
+ id: youtube-sign
+ unicode: f166
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: YouTube
+ id: youtube
+ unicode: f167
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Xing
+ id: xing
+ unicode: f168
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Xing Sign
+ id: xing-sign
+ unicode: f169
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: YouTube Play
+ id: youtube-play
+ unicode: f16a
+ created: 3.2
+ categories:
+ - Brand Icons
+ - Video Player Icons
+
+ - name: Dropbox
+ id: dropbox
+ unicode: f16b
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Stack Exchange
+ id: stackexchange
+ unicode: f16c
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Instagram
+ id: instagram
+ unicode: f16d
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Flickr
+ id: flickr
+ unicode: f16e
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: App.net
+ id: adn
+ unicode: f170
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Bitbucket
+ id: bitbucket
+ unicode: f171
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Bitbucket Sign
+ id: bitbucket-sign
+ unicode: f172
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Tumblr
+ id: tumblr
+ unicode: f173
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Tumblr Sign
+ id: tumblr-sign
+ unicode: f174
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Long Arrow Down
+ id: long-arrow-down
+ unicode: f175
+ created: 3.2
+ categories:
+ - Directional Icons
+
+ - name: Long Arrow Up
+ id: long-arrow-up
+ unicode: f176
+ created: 3.2
+ categories:
+ - Directional Icons
+
+ - name: Long Arrow Left
+ id: long-arrow-left
+ unicode: f177
+ created: 3.2
+ categories:
+ - Directional Icons
+
+ - name: Long Arrow Right
+ id: long-arrow-right
+ unicode: f178
+ created: 3.2
+ categories:
+ - Directional Icons
+
+ - name: Apple
+ id: apple
+ unicode: f179
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Windows
+ id: windows
+ unicode: f17a
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Android
+ id: android
+ unicode: f17b
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Linux
+ id: linux
+ unicode: f17c
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Dribbble
+ id: dribbble
+ unicode: f17d
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Skype
+ id: skype
+ unicode: f17e
+ created: 3.2
+ categories:
+ - Brand Icons
+
+
+ - name: Foursquare
+ id: foursquare
+ unicode: f180
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Trello
+ id: trello
+ unicode: f181
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Female
+ id: female
+ unicode: f182
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Male
+ id: male
+ unicode: f183
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Gittip
+ id: gittip
+ unicode: f184
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Sun
+ id: sun
+ unicode: f185
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Moon
+ id: moon
+ unicode: f186
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Archive
+ id: archive
+ unicode: f187
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: Bug
+ id: bug
+ unicode: f188
+ created: 3.2
+ categories:
+ - Web Application Icons
+
+ - name: VK
+ id: vk
+ unicode: f189
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Weibo
+ id: weibo
+ unicode: f18a
+ created: 3.2
+ categories:
+ - Brand Icons
+
+ - name: Renren
+ id: renren
+ unicode: f18b
+ created: 3.2
+ categories:
+ - Brand Icons
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>Font Awesome, the iconic font designed for Bootstrap</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="./assets/css/site.css">
+ <link rel="stylesheet" href="./assets/css/pygments.css">
+ <link rel="stylesheet" href="./assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="./assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="./assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="./"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet active"><a href="./">Home</a></li>
+ <li><a href="./get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="./icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="./icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="./icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="./icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="./icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="./icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="./icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="./icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="./icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="./icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="./examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="./examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="./examples/#new-styles">New Styles</a></li>
+ <li><a href="./examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="./examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="./examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="./examples/#buttons">Buttons</a></li>
+ <li><a href="./examples/#button-groups">Button Groups</a></li>
+ <li><a href="./examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="./examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="./examples/#navigation">Navigation</a></li>
+ <li><a href="./examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="./examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="./examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="./examples/#stacked">Stacked</a></li>
+ <li><a href="./examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="./whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="./community/">Community</a></li>
+ <li><a href="./license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <div class="jumbotron jumbotron-index hidden-print">
+ <div class="container">
+ <div class="row">
+ <div class="span8">
+ <div class="hero-content">
+ <h1>Font Awesome</h1>
+ <p>The iconic font designed for Bootstrap</p>
+ <div class="actions">
+ <a class="btn btn-primary btn-large" href="./assets/font-awesome.zip"
+ onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
+ <i class="icon-download-alt icon-large"></i>
+ Download
+ </a>
+ </div>
+ <div class="shameless-self-promotion">
+ <a href="https://github.com/FortAwesome/Font-Awesome"
+ onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
+ GitHub Project</a> ·
+ Version 3.2.1 ·
+ Created & Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ </div>
+ </div>
+ <div class="span4">
+ <div id="iconCarousel" class="carousel slide">
+ <!-- Carousel items -->
+ <div class="carousel-inner">
+ <div class="active item"><div><i class="icon-flag"></i></div></div>
+ <div class="item"><div><i class="icon-compass"></i></div></div>
+ <div class="item"><div><i class="icon-rocket"></i></div></div>
+ <div class="item"><div><i class="icon-shield"></i></div></div>
+ <div class="item"><div><i class="icon-star-half-empty"></i></div></div>
+ <div class="item"><div><i class="icon-envelope-alt"></i></div></div>
+ <div class="item"><div><i class="icon-medkit"></i></div></div>
+ <div class="item"><div><i class="icon-book"></i></div></div>
+ <div class="item"><div><i class="icon-fighter-jet"></i></div></div>
+ <div class="item"><div><i class="icon-beer"></i></div></div>
+ <div class="item"><div><i class="icon-heart-empty"></i></div></div>
+ <div class="item"><div><i class="icon-thumbs-up"></i></div></div>
+ </div>
+ <!-- Carousel nav -->
+ <a class="carousel-control left" href="#iconCarousel" data-slide="prev"
+ onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
+ <i class="icon-circle-arrow-left"></i></a>
+ <a class="carousel-control right" href="#iconCarousel" data-slide="next"
+ onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
+ <i class="icon-circle-arrow-right"></i></a>
+ </div>
+ </div>
+ </div>
+
+ </div>
+</div>
+
+<div id="social-buttons" class="hidden-print">
+ <div class="container">
+ <ul class="unstyled inline">
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+ </li>
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+ </li>
+ <li class="follow-btn">
+ <a href="https://twitter.com/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
+ </li>
+ <li class="tweet-btn hidden-phone">
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+
+<div class="container">
+
+ <section class="hidden-print">
+ <div class="row stripe-ad">
+ <div class="span8">
+
+ <p class="lead">
+ Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow,
+ and anything that can be done with the power of CSS.
+ </p>
+
+ </div>
+ <div class="span4">
+ <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+
+ </div>
+ </div>
+</section>
+
+
+ <div id="why">
+ <div class="row">
+ <div class="span4">
+ <h4><i class="icon-flag"></i> One Font, 361 Icons</h4>
+ In a single collection, Font Awesome is a pictographic language of web-related actions.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-pencil"></i> CSS Control</h4>
+ Easily style icon color, size, shadow, and anything that's possible with CSS.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-fullscreen"></i> Infinite Scalability</h4>
+ Scalable vector graphics means every icon looks awesome at any size.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-microphone"></i> Free, as in Speech</h4>
+ Font Awesome is completely free for commercial use. Check out the <a href="./license/">license</a>.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-ok"></i> IE7 Support</h4>
+ Font Awesome supports IE7. If you need it, you have my condolences.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4>
+ Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-thumbs-up-alt"></i> Made for Bootstrap</h4>
+ Designed from scratch to be fully compatible with <a href="http://getbootstrap.com">Bootstrap 2.3.2</a>.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-desktop"></i> Desktop Friendly</h4>
+ To use on the desktop or for a complete set of vectors,
+ check out the <a href="./cheatsheet/">cheatsheet</a>.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-search"></i> Screen Reader Compatible</h4>
+ Font Awesome won't trip up screen readers, unlike other icon fonts.
+ </div>
+ </div>
+</div>
+
+ <section id="thanks-to">
+ <h2 class="page-header">Thanks To</h2>
+ <div class="row">
+ <div class="span4">
+ <p>
+ Thanks to <a href="https://twitter.com/robmadole/">@robmadole</a> and
+ <a href="https://twitter.com/supercodepoet/">@supercodepoet</a> for icon design
+ review, advice, some Jekyll help, and being all around badass coders.
+ </p>
+ </div>
+ <div class="span4">
+ <p>
+ Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and
+ <a href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing and hosting
+ <a href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome.
+ </p>
+ </div>
+ <div class="span4">
+ <p>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent
+ <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a>, the fastest and easiest way to
+ <a href="./get-started/#bootstrapcdn">get started</a> with Font Awesome.
+ </p>
+ </div>
+ </div>
+</section>
+
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="./assets/js/jquery-1.7.1.min.js"></script>
+<script src="./assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="./assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="./assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>Font Awesome License</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../assets/css/site.css">
+ <link rel="stylesheet" href="../assets/css/pygments.css">
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../">Home</a></li>
+ <li><a href="../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../examples/#new-styles">New Styles</a></li>
+ <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../examples/#buttons">Buttons</a></li>
+ <li><a href="../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../examples/#navigation">Navigation</a></li>
+ <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../examples/#stacked">Stacked</a></li>
+ <li><a href="../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../community/">Community</a></li>
+ <li class="active"><a href="../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+
+
+<div class="jumbotron jumbotron-ad hidden-print">
+ <div class="container">
+ <h1><i class="icon-legal icon-large"></i> License</h1>
+ <p>The full details of how Font Awesome is licensed</p>
+ </div>
+</div>
+
+<div id="social-buttons" class="hidden-print">
+ <div class="container">
+ <ul class="unstyled inline">
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+ </li>
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+ </li>
+ <li class="follow-btn">
+ <a href="https://twitter.com/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
+ </li>
+ <li class="tweet-btn hidden-phone">
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+
+<div class="container">
+
+<section class="hidden-print">
+ <div class="row stripe-ad">
+ <div class="span8">
+
+<p class="lead">
+ Font Awesome is fully open source and is GPL compatible. You can use it for commercial projects, open source
+ projects, or really just about whatever you want.
+</p>
+
+ </div>
+ <div class="span4">
+ <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+
+ </div>
+ </div>
+</section>
+
+
+<div>
+ <div class="alert alert-info">
+ <ul class="icons-ul margin-bottom-none">
+ <li>
+ <i class="icon-li icon-info-sign icon-large"></i>Attribution is no longer required as of Font Awesome 3.0 but is much appreciated:
+ "Font Awesome by Dave Gandy - http://fontawesome.io".
+ </li>
+ </ul>
+ </div>
+</div>
+
+<section>
+ <h2 class="page-header">Font License</h2>
+ <ul>
+ <li>
+ Applies to all desktop and webfont files in the following directory:
+ <code>font-awesome/font/</code>.
+ </li>
+ <li>License: SIL OFL 1.1</li>
+ <li>URL: <a href="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a></li>
+ </ul>
+</section>
+
+<section>
+ <h2 class="page-header">Code License</h2>
+ <ul>
+ <li>
+ Applies to all CSS and LESS files in the following directories:
+ <code>font-awesome/css/</code> and
+ <code>font-awesome/less/</code>.
+ </li>
+ <li>License: MIT License</li>
+ <li>URL: <a href="http://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a></li>
+ </ul>
+</section>
+
+<section>
+ <h2 class="page-header">Documentation License</h2>
+ <ul>
+ <li>Applies to all Font Awesome project files that are not a part of the Font or Code licenses.</li>
+ <li>License: CC BY 3.0</li>
+ <li>URL: <a href="http://creativecommons.org/licenses/by/3.0/">http://creativecommons.org/licenses/by/3.0/</a></li>
+ </ul>
+</section>
+
+<section>
+ <h2 class="page-header">Brand Icons</h2>
+ <ul class="margin-bottom-none">
+ <li>All brand icons are trademarks of their respective owners.</li>
+ <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
+</ul>
+
+</section>
+
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>Font Awesome Visual Test Cases</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../assets/css/site.css">
+ <link rel="stylesheet" href="../assets/css/pygments.css">
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../">Home</a></li>
+ <li><a href="../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../examples/#new-styles">New Styles</a></li>
+ <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../examples/#buttons">Buttons</a></li>
+ <li><a href="../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../examples/#navigation">Navigation</a></li>
+ <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../examples/#stacked">Stacked</a></li>
+ <li><a href="../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li><a href="../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../community/">Community</a></li>
+ <li><a href="../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+ <section class="container">
+ <h1 class="page-header">Visual Test Cases</h1>
+
+ <h3>Icons <small>Icons should have proper alignment and not be clipped</small></h3>
+ <div class="row">
+ <div class="span3">
+ <div class="well">
+ <i class="icon-building"></i> Building
+ </div>
+ </div>
+ <div class="span3">
+ <div class="well">
+ <i class="icon-building icon-large"></i> Building Large
+ </div>
+ </div>
+ <div class="span3">
+ <i class="icon-building"></i> Building
+ </div>
+ <div class="span3">
+ <i class="icon-building icon-large"></i> Building Large
+ </div>
+ </div>
+ <div class="row" style="font-size: 24px; line-height: 1.5em;">
+ <div class="span4">
+ <div class="well">
+ <i class="icon-building"></i> Building
+ </div>
+ </div>
+ <div class="span4">
+ <div class="well">
+ <i class="icon-building icon-large"></i> Building Large
+ </div>
+ </div>
+ <div class="span4">
+ <i class="icon-building icon-large"></i> Building Large
+ </div>
+ </div>
+ <div class="row">
+ <div class="span3">
+ <div class="well">
+ <i class="icon-circle"></i> Circle
+ </div>
+ </div>
+ <div class="span3">
+ <div class="well">
+ <i class="icon-circle icon-large"></i> Circle Large
+ </div>
+ </div>
+ <div class="span3">
+ <i class="icon-circle"></i> Circle
+ </div>
+ <div class="span3">
+ <i class="icon-circle icon-large"></i> Circle Large
+ </div>
+ </div>
+ <div class="row" style="font-size: 24px; line-height: 1.5em;">
+ <div class="span4">
+ <div class="well">
+ <i class="icon-circle"></i> Circle
+ </div>
+ </div>
+ <div class="span4">
+ <div class="well">
+ <i class="icon-circle icon-large"></i> Circle Large
+ </div>
+ </div>
+ <div class="span4">
+ <i class="icon-circle icon-large"></i> Circle Large
+ </div>
+ </div>
+
+
+ <h3>Links with Icons <small>icon should activate link & underline</small></h3>
+ <div class="row lead">
+ <div class="span2">
+ <a href="#"><i class="icon-building"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#"><i class="icon-building icon-large"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#"><i class="icon-caret-down"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="icon-double-angle-right"></i></a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="icon-double-angle-right icon-large"></i></a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="icon-caret-down"></i></a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <a href="#"><i class="icon-building"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#"><i class="icon-building icon-large"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#"><i class="icon-caret-down"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="icon-double-angle-right"></i></a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="icon-double-angle-right icon-large"></i></a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="icon-caret-down"></i></a>
+ </div>
+ </div>
+
+
+ <h3>Navbar <small>should stay same height </small></h3>
+ <div class="navbar navbar-inverse navbar-static-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a>
+ <ul class="nav">
+ <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown" style="border: solid 1px white;">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 3</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="icon-envelope"></i> Nav Item 4</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 5</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="icon-circle"></i> Nav Item 6</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+
+ <h3>Plain buttons next to buttons w/icons <small>should be same height, icons not clipped</small></h3>
+ <h4>Buttons</h4>
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-mini">Button</button>
+ <button class="btn btn-mini"><i class="icon-building"></i> Button</button>
+ <button class="btn btn-mini"><i class="icon-building"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-small">Button</button>
+ <button class="btn btn-small"><i class="icon-building"></i> Button</button>
+ <button class="btn btn-small"><i class="icon-building"></i></button>
+ </div>
+ <div>
+ <button class="btn">Button</button>
+ <button class="btn"><i class="icon-building"></i> Button</button>
+ <button class="btn"><i class="icon-building"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-large">Button</button>
+ <button class="btn btn-large"><i class="icon-building"></i> Button</button>
+ <button class="btn btn-large"><i class="icon-building"></i></button>
+ </div>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-mini">Button</button>
+ <button class="btn btn-mini"><i class="icon-building icon-large"></i> Button</button>
+ <button class="btn btn-mini"><i class="icon-building icon-large"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-small">Button</button>
+ <button class="btn btn-small"><i class="icon-building icon-large"></i> Button</button>
+ <button class="btn btn-small"><i class="icon-building icon-large"></i></button>
+ </div>
+ <div>
+ <button class="btn">Button</button>
+ <button class="btn"><i class="icon-building icon-large"></i> Button</button>
+ <button class="btn"><i class="icon-building icon-large"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-large">Button</button>
+ <button class="btn btn-large"><i class="icon-building icon-large"></i> Button</button>
+ <button class="btn btn-large"><i class="icon-building icon-large"></i></button>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-mini">Button</button>
+ <button class="btn btn-mini"><i class="icon-circle"></i> Button</button>
+ <button class="btn btn-mini"><i class="icon-circle"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-small">Button</button>
+ <button class="btn btn-small"><i class="icon-circle"></i> Button</button>
+ <button class="btn btn-small"><i class="icon-circle"></i></button>
+ </div>
+ <div>
+ <button class="btn">Button</button>
+ <button class="btn"><i class="icon-circle"></i> Button</button>
+ <button class="btn"><i class="icon-circle"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-large">Button</button>
+ <button class="btn btn-large"><i class="icon-circle"></i> Button</button>
+ <button class="btn btn-large"><i class="icon-circle"></i></button>
+ </div>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-mini">Button</button>
+ <button class="btn btn-mini"><i class="icon-circle icon-large"></i> Button</button>
+ <button class="btn btn-mini"><i class="icon-circle icon-large"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-small">Button</button>
+ <button class="btn btn-small"><i class="icon-circle icon-large"></i> Button</button>
+ <button class="btn btn-small"><i class="icon-circle icon-large"></i></button>
+ </div>
+ <div>
+ <button class="btn">Button</button>
+ <button class="btn"><i class="icon-circle icon-large"></i> Button</button>
+ <button class="btn"><i class="icon-circle icon-large"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-large">Button</button>
+ <button class="btn btn-large"><i class="icon-circle icon-large"></i> Button</button>
+ <button class="btn btn-large"><i class="icon-circle icon-large"></i></button>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+ <h4>Anchors</h4>
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-mini">Button</a>
+ <a class="btn btn-mini"><i class="icon-building"></i> Button</a>
+ <a class="btn btn-mini"><i class="icon-building"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-small">Button</a>
+ <a class="btn btn-small"><i class="icon-building"></i> Button</a>
+ <a class="btn btn-small"><i class="icon-building"></i></a>
+ </div>
+ <div>
+ <a class="btn">Button</a>
+ <a class="btn"><i class="icon-building"></i> Button</a>
+ <a class="btn"><i class="icon-building"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-large">Button</a>
+ <a class="btn btn-large"><i class="icon-building"></i> Button</a>
+ <a class="btn btn-large"><i class="icon-building"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-mini">Button</a>
+ <a class="btn btn-mini"><i class="icon-building icon-large"></i> Button</a>
+ <a class="btn btn-mini"><i class="icon-building icon-large"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-small">Button</a>
+ <a class="btn btn-small"><i class="icon-building icon-large"></i> Button</a>
+ <a class="btn btn-small"><i class="icon-building icon-large"></i></a>
+ </div>
+ <div>
+ <a class="btn">Button</a>
+ <a class="btn"><i class="icon-building icon-large"></i> Button</a>
+ <a class="btn"><i class="icon-building icon-large"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-large">Button</a>
+ <a class="btn btn-large"><i class="icon-building icon-large"></i> Button</a>
+ <a class="btn btn-large"><i class="icon-building icon-large"></i></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-mini">Button</a>
+ <a class="btn btn-mini"><i class="icon-circle"></i> Button</a>
+ <a class="btn btn-mini"><i class="icon-circle"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-small">Button</a>
+ <a class="btn btn-small"><i class="icon-circle"></i> Button</a>
+ <a class="btn btn-small"><i class="icon-circle"></i></a>
+ </div>
+ <div>
+ <a class="btn">Button</a>
+ <a class="btn"><i class="icon-circle"></i> Button</a>
+ <a class="btn"><i class="icon-circle"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-large">Button</a>
+ <a class="btn btn-large"><i class="icon-circle"></i> Button</a>
+ <a class="btn btn-large"><i class="icon-circle"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-mini">Button</a>
+ <a class="btn btn-mini"><i class="icon-circle icon-large"></i> Button</a>
+ <a class="btn btn-mini"><i class="icon-circle icon-large"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-small">Button</a>
+ <a class="btn btn-small"><i class="icon-circle icon-large"></i> Button</a>
+ <a class="btn btn-small"><i class="icon-circle icon-large"></i></a>
+ </div>
+ <div>
+ <a class="btn">Button</a>
+ <a class="btn"><i class="icon-circle icon-large"></i> Button</a>
+ <a class="btn"><i class="icon-circle icon-large"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-large">Button</a>
+ <a class="btn btn-large"><i class="icon-circle icon-large"></i> Button</a>
+ <a class="btn btn-large"><i class="icon-circle icon-large"></i></a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+ <h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3>
+ <div class="row">
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn btn-large" href="#">
+ <i class="icon-github icon-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn btn-large" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn" href="#">
+ <i class="icon-github icon-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn btn-small" href="#">
+ <i class="icon-github icon-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn btn-small" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+ </div>
+
+
+ <h3>Nav pills & nav tabs <small>should be same height and properly vertically aligned</small></h3>
+ <div class="row">
+ <div class="span9">
+ <ul class="nav nav-pills" style="border: solid 1px #d3d3d3;">
+ <li class="active"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 3
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
+ <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
+ <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
+ <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
+ </ul>
+ <ul class="nav nav-tabs">
+ <li class="active"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 3
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
+ <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
+ <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
+ <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
+ </ul>
+ </div>
+ <div class="span3">
+ <ul class="nav nav-list">
+ <li>
+ <a href="#c1">
+ <i class="icon-chevron-right icon-fixed-width pull-right"></i> Overview
+ </a>
+ </li>
+ <li>
+ <a href="#c1">
+ Overview
+ <i class="icon-chevron-right icon-fixed-width pull-right"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+
+
+ <h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3>
+ <div class="row">
+ <div class="span6">
+ <p class="lead">
+ <i class="icon-stethoscope icon-3x pull-left icon-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </p>
+ </div>
+ <div class="span6">
+ <p class="lead">
+ <i class="icon-ambulance icon-4x pull-right icon-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span4">
+ <i class="icon-building icon-2x pull-left icon-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+ <div class="span4">
+ <i class="icon-stethoscope icon-3x pull-right icon-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+ <div class="span4">
+ <i class="icon-ambulance icon-4x pull-left"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+ </div>
+
+
+ <h3>Bullets <small>should wrap appropriately, have proper spacing</small></h3>
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="icon-building"></i>
+ <span class="label">foo</span>
+ <a class="btn">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul lead">
+ <li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul lead">
+ <li><i class="icon-li icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><a href="#"><i class="icon-li icon-double-angle-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><a href="#"><i class="icon-li icon-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><a href="#"><i class="icon-li icon-building"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><a href="#"><i class="icon-li icon-double-angle-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><a href="#"><i class="icon-li icon-arrow-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><a href="#"><i class="icon-li icon-building icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-refresh icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="icon-building"></i>
+ <span class="label">foo</span>
+ <a class="btn">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-refresh icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-spinner icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li icon-spinner icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="icon-building"></i>
+ <span class="label">foo</span>
+ <a class="btn">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="row">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+
+ <h3>Spinning icons <small>icons should be aligned well and on center, buttons should be same height, won't work in ie7</small></h3>
+ <div style="border: solid 1px #d3d3d3;">
+ <i class="icon-refresh icon-spin"></i> Loading...
+ <button class="btn btn-small"><i class="icon-refresh icon-spin"></i> Loading...</button>
+ <button class="btn btn-small">Loading...</button>
+ <i class="icon-circle-blank icon-spin"></i> Loading...
+ <button class="btn btn-small"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
+ <a href="#"><i class="icon-refresh icon-spin"></i> Loading...</a>
+ </div>
+ <div style="border: solid 1px #d3d3d3;">
+ <i class="icon-refresh icon-spin"></i> Loading...
+ <button class="btn"><i class="icon-refresh icon-spin"></i> Loading...</button>
+ <button class="btn">Loading...</button>
+ <i class="icon-circle-blank icon-spin"></i> Loading...
+ <button class="btn"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
+ </div>
+ <div style="border: solid 1px #d3d3d3;">
+ <i class="icon-spinner icon-spin"></i> Loading...
+ <button class="btn btn-large"><i class="icon-spinner icon-spin"></i> Loading...</button>
+ <button class="btn btn-large">Loading...</button>
+ <i class="icon-circle-blank icon-spin"></i> Loading...
+ <button class="btn btn-large"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
+ </div>
+ <h4>icon-large</h4>
+ <div style="border: solid 1px #d3d3d3;">
+ <i class="icon-refresh icon-large icon-spin"></i> Loading...
+ <button class="btn btn-small"><i class="icon-refresh icon-large icon-spin"></i> Loading...</button>
+ <button class="btn btn-small">Loading...</button>
+ <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
+ <button class="btn btn-small"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+ </div>
+ <div style="border: solid 1px #d3d3d3;">
+ <i class="icon-refresh icon-large icon-spin"></i> Loading...
+ <button class="btn"><i class="icon-refresh icon-large icon-spin"></i> Loading...</button>
+ <button class="btn">Loading...</button>
+ <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
+ <button class="btn"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+ </div>
+ <div style="border: solid 1px #d3d3d3;">
+ <i class="icon-spinner icon-large icon-spin"></i> Loading...
+ <button class="btn btn-large"><i class="icon-spinner icon-large icon-spin"></i> Loading...</button>
+ <button class="btn btn-large">Loading...</button>
+ <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
+ <button class="btn btn-large"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+ </div>
+ <h4>Bootstrap Prepend and Append</h4>
+ <div class="row">
+ <div class="span6">
+ <div class="input-prepend">
+ <span class="add-on"><i class="icon-spinner icon-spin"></i></span>
+ <input class="span2" id="prependedInput" type="text" placeholder="Username">
+ </div>
+ </div>
+ <div class="span6">
+ <div class="input-append">
+ <input class="span2" id="appendedInput" type="text">
+ <span class="add-on"><i class="icon-spinner icon-spin"></i></span>
+ </div>
+ </div>
+ </div>
+
+ <h3>Stacked icons</h3>
+ <div class="well">
+ <p>
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-twitter icon-light"></i>
+ </span>
+ Twitter Icon
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-facebook icon-light"></i>
+ </span>
+ Facebook Icon
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-github icon-light"></i>
+ </span>
+ GitHub Icon
+</p>
+<p>
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-twitter icon-light"></i>
+ </span>
+ Twitter Icon
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-facebook icon-light"></i>
+ </span>
+ Facebook Icon
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-github icon-light"></i>
+ </span>
+ GitHub Icon
+</p>
+<p>
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-twitter"></i>
+ </span>
+ Twitter Icon
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-facebook"></i>
+ </span>
+ Facebook Icon
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-github"></i>
+ </span>
+ GitHub Icon
+</p>
+ </div>
+ <div class="well lead">
+ <p>
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-twitter icon-light"></i>
+ </span>
+ Twitter Icon
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-facebook icon-light"></i>
+ </span>
+ Facebook Icon
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-github icon-light"></i>
+ </span>
+ GitHub Icon
+</p>
+<p>
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-twitter icon-light"></i>
+ </span>
+ Twitter Icon
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-facebook icon-light"></i>
+ </span>
+ Facebook Icon
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-github icon-light"></i>
+ </span>
+ GitHub Icon
+</p>
+<p>
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-twitter"></i>
+ </span>
+ Twitter Icon
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-facebook"></i>
+ </span>
+ Facebook Icon
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-github"></i>
+ </span>
+ GitHub Icon
+</p>
+ </div>
+ <h4>Stacked icons inside anchor</h4>
+ <div class="well">
+ <p>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-twitter icon-light"></i>
+ </span>
+ Twitter Icon
+ </a>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-facebook icon-light"></i>
+ </span>
+ Facebook Icon
+ </a>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-github icon-light"></i>
+ </span>
+ GitHub Icon
+ </a>
+</p>
+<p>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-twitter icon-light"></i>
+ </span>
+ Twitter Icon
+ </a>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-facebook icon-light"></i>
+ </span>
+ Facebook Icon
+ </a>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-github icon-light"></i>
+ </span>
+ GitHub Icon
+ </a>
+</p>
+<p>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-twitter"></i>
+ </span>
+ Twitter Icon
+ </a>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-facebook"></i>
+ </span>
+ Facebook Icon
+ </a>
+ <a href="#">
+ <span class="icon-stack">
+ <i class="icon-circle-blank icon-stack-base"></i>
+ <i class="icon-github"></i>
+ </span>
+ GitHub Icon
+ </a>
+</p>
+ </div>
+
+
+ <h3>Mirrored and rotated icons</h3>
+ <div class="row">
+ <div class="span6">
+ <div class="well">
+ <i class="icon-flag"></i> normal<br>
+<i class="icon-flag icon-rotate-90"></i> icon-rotate-90<br>
+<i class="icon-flag icon-rotate-180"></i> icon-rotate-180<br>
+<i class="icon-flag icon-rotate-270"></i> icon-rotate-270<br>
+<i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal<br>
+<i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical
+
+ </div>
+ </div>
+ <div class="span6">
+ <div class="well lead">
+ <i class="icon-flag"></i> normal<br>
+<i class="icon-flag icon-rotate-90"></i> icon-rotate-90<br>
+<i class="icon-flag icon-rotate-180"></i> icon-rotate-180<br>
+<i class="icon-flag icon-rotate-270"></i> icon-rotate-270<br>
+<i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal<br>
+<i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical
+
+ </div>
+ </div>
+ </div>
+ <h4>Mirrored and rotated icons inside anchors and buttons</h4>
+ <div class="row">
+ <div class="span6">
+ <div class="well">
+ <a href="#"><i class="icon-flag"></i> normal</a><br>
+<a href="#"><i class="icon-flag icon-rotate-90"></i> icon-rotate-90</a><br>
+<a href="#"><i class="icon-flag icon-rotate-180"></i> icon-rotate-180</a><br>
+<a href="#"><i class="icon-flag icon-rotate-270"></i> icon-rotate-270</a><br>
+<a href="#"><i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal</a><br>
+<a href="#"><i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical</a>
+
+ </div>
+ </div>
+ <div class="span6">
+ <div class="well">
+ <a class="btn" href="#"><i class="icon-flag"></i> normal</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-rotate-90"></i> icon-rotate-90</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-rotate-180"></i> icon-rotate-180</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-rotate-270"></i> icon-rotate-270</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical</a>
+
+ </div>
+ </div>
+ </div>
+
+</section>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>What's New</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="../assets/css/site.css">
+ <link rel="stylesheet" href="../assets/css/pygments.css">
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
+ <!--[if IE 7]>
+ <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+ <![endif]-->
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+ <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+
+ <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="hidden-tablet "><a href="../">Home</a></li>
+ <li><a href="../get-started/">Get Started</a></li>
+ <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
+ <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
+ <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
+ <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
+ <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
+ <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
+ <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
+ <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-phone">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="../examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="../examples/#new-styles">New Styles</a></li>
+ <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+ <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+ <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+ <li><a href="../examples/#buttons">Buttons</a></li>
+ <li><a href="../examples/#button-groups">Button Groups</a></li>
+ <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+ <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+ <li><a href="../examples/#navigation">Navigation</a></li>
+ <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+ <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+ <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li>
+ <li><a href="../examples/#stacked">Stacked</a></li>
+ <li><a href="../examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li class="active"><a href="../whats-new/">
+ <span class="hidden-tablet">What's </span>New</a>
+ </li>
+ <li><a href="../community/">Community</a></li>
+ <li><a href="../license/">License</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li><a href="http://blog.fontawesome.io">Blog</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+
+
+<div class="jumbotron jumbotron-ad hidden-print">
+ <div class="container">
+ <h1><i class="icon-lightbulb icon-large"></i> What's New</h1>
+ <p>What's New in the latest version — Font Awesome 3.2</p>
+ </div>
+</div>
+
+<div id="social-buttons" class="hidden-print">
+ <div class="container">
+ <ul class="unstyled inline">
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+ </li>
+ <li>
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+ </li>
+ <li class="follow-btn">
+ <a href="https://twitter.com/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
+ </li>
+ <li class="tweet-btn hidden-phone">
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+
+<div class="container">
+
+<section class="hidden-print">
+ <div class="row stripe-ad">
+ <div class="span8">
+
+<p class="lead">
+ Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome
+ 3.2. Have some ideas for new features?
+ <a href="../community/">Help contribute</a>.
+</p>
+
+ </div>
+ <div class="span4">
+ <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+
+ </div>
+ </div>
+</section>
+
+
+<div id="whats-new">
+ <div class="row">
+ <div class="span4">
+ <h4><i class="icon-compass"></i> 58 New Icons in 3.2</h4>
+ Requested by the active community on the <a href="https://github.com/FortAwesome/Font-Awesome">Font Awesome GitHub project</a>.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-terminal"></i> SCSS Support</h4>
+ A long term solution is now in place for SCSS support. Need SASS? Try <a href="http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax">sass-convert</a>.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-legal"></i> <a href="../license/">Better & Simpler License</a></h4>
+ SIL OFL 1.1 for font, MIT license for code. No more attribution required, but much appreciated.
+ </div>
+ <div class="span4 margin-bottom-large">
+ <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4>
+ Version 3 was re-created from the ground up to be razor sharp at Bootstrap's default 14px.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-th-large"></i> <a href="http://icnfnt.com/">Font Subsetting</a></h4>
+ Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and <a href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a href="http://icnfnt.com/">subset</a> to get just the icons you need.
+ </div>
+ <div class="span4">
+ <h4><i class="icon-question-sign"></i> Want More Details?</h4>
+ Check out the <a href="https://github.com/FortAwesome/Font-Awesome#changelog">CHANGELOG on the GitHub project</a> to see
+ what's new and changed.
+ </div>
+ </div>
+</div>
+
+ <section id="new-styles">
+ <h2 class="page-header">New Styles in 3.2</h2>
+ <div class="row">
+ <div class="span4">
+ <h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>
+ <div class="well well-transparent">
+ <i class="icon-shield"></i> normal<br>
+ <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br>
+ <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
+ <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br>
+ <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br>
+ <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
+ </div>
+ </div>
+ <div class="span4">
+ <h4><a href="#stacked">Stacked Icons</a></h4>
+ <div class="well well-transparent stacked">
+ <span class="icon-stack">
+ <i class="icon-check-empty icon-stack-base"></i>
+ <i class="icon-twitter"></i>
+ </span>
+ icon-twitter on icon-check-empty<br>
+ <span class="icon-stack">
+ <i class="icon-circle icon-stack-base"></i>
+ <i class="icon-flag icon-light"></i>
+ </span>
+ icon-flag on icon-circle<br>
+ <span class="icon-stack">
+ <i class="icon-sign-blank icon-stack-base"></i>
+ <i class="icon-terminal icon-light"></i>
+ </span>
+ icon-terminal on icon-sign-blank
+ </div>
+ </div>
+ <div class="span4">
+ <h4><a href="#bulleted-lists">Better Bulleted Lists</a></h4>
+ <div class="well well-transparent">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-chevron-sign-right"></i>New bulleted lists</li>
+ <li><i class="icon-li icon-bullseye"></i>Fix some old bugs</li>
+ <li><i class="icon-li icon-play-sign"></i>And deal with arbitrary</li>
+ <li><i class="icon-li icon-ok-sign"></i>Font sizes better</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section id="new">
+ <h2 class="page-header">New Icons in 3.2</h2>
+
+ <div class="margin-botom-large">
+ You asked, Font Awesome delivers with 58 shiny new icons in version 3.2.
+ Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>.
+ </div>
+
+
+ <div class="row the-icons">
+
+
+
+ <div class="span3"><a href="../icon/compass"><i class="icon-compass"></i> icon-compass</a></div>
+
+ <div class="span3"><a href="../icon/collapse"><i class="icon-collapse"></i> icon-collapse</a></div>
+
+ <div class="span3"><a href="../icon/collapse-top"><i class="icon-collapse-top"></i> icon-collapse-top</a></div>
+
+ <div class="span3"><a href="../icon/expand"><i class="icon-expand"></i> icon-expand</a></div>
+
+ <div class="span3"><a href="../icon/eur"><i class="icon-eur"></i> icon-eur</a></div>
+
+ <div class="span3"><a href="../icon/eur"><i class="icon-euro"></i> icon-euro <span class="muted">(alias)</span></a></div>
+
+ <div class="span3"><a href="../icon/gbp"><i class="icon-gbp"></i> icon-gbp</a></div>
+
+ <div class="span3"><a href="../icon/usd"><i class="icon-usd"></i> icon-usd</a></div>
+
+ <div class="span3"><a href="../icon/usd"><i class="icon-dollar"></i> icon-dollar <span class="muted">(alias)</span></a></div>
+
+ <div class="span3"><a href="../icon/inr"><i class="icon-inr"></i> icon-inr</a></div>
+
+ <div class="span3"><a href="../icon/inr"><i class="icon-rupee"></i> icon-rupee <span class="muted">(alias)</span></a></div>
+
+ <div class="span3"><a href="../icon/jpy"><i class="icon-jpy"></i> icon-jpy</a></div>
+
+ <div class="span3"><a href="../icon/jpy"><i class="icon-yen"></i> icon-yen <span class="muted">(alias)</span></a></div>
+
+ <div class="span3"><a href="../icon/cny"><i class="icon-cny"></i> icon-cny</a></div>
+
+ <div class="span3"><a href="../icon/cny"><i class="icon-renminbi"></i> icon-renminbi <span class="muted">(alias)</span></a></div>
+
+ <div class="span3"><a href="../icon/krw"><i class="icon-krw"></i> icon-krw</a></div>
+
+ <div class="span3"><a href="../icon/krw"><i class="icon-won"></i> icon-won <span class="muted">(alias)</span></a></div>
+
+ <div class="span3"><a href="../icon/btc"><i class="icon-btc"></i> icon-btc</a></div>
+
+ <div class="span3"><a href="../icon/btc"><i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span></a></div>
+
+ <div class="span3"><a href="../icon/file"><i class="icon-file"></i> icon-file</a></div>
+
+ <div class="span3"><a href="../icon/file-text"><i class="icon-file-text"></i> icon-file-text</a></div>
+
+ <div class="span3"><a href="../icon/sort-by-alphabet"><i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet</a></div>
+
+ <div class="span3"><a href="../icon/sort-by-alphabet-alt"><i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt</a></div>
+
+ <div class="span3"><a href="../icon/sort-by-attributes"><i class="icon-sort-by-attributes"></i> icon-sort-by-attributes</a></div>
+
+ <div class="span3"><a href="../icon/sort-by-attributes-alt"><i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt</a></div>
+
+ <div class="span3"><a href="../icon/sort-by-order"><i class="icon-sort-by-order"></i> icon-sort-by-order</a></div>
+
+ <div class="span3"><a href="../icon/sort-by-order-alt"><i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt</a></div>
+
+ <div class="span3"><a href="../icon/thumbs-up"><i class="icon-thumbs-up"></i> icon-thumbs-up</a></div>
+
+ <div class="span3"><a href="../icon/thumbs-down"><i class="icon-thumbs-down"></i> icon-thumbs-down</a></div>
+
+ <div class="span3"><a href="../icon/youtube-sign"><i class="icon-youtube-sign"></i> icon-youtube-sign</a></div>
+
+ <div class="span3"><a href="../icon/youtube"><i class="icon-youtube"></i> icon-youtube</a></div>
+
+ <div class="span3"><a href="../icon/xing"><i class="icon-xing"></i> icon-xing</a></div>
+
+ <div class="span3"><a href="../icon/xing-sign"><i class="icon-xing-sign"></i> icon-xing-sign</a></div>
+
+ <div class="span3"><a href="../icon/youtube-play"><i class="icon-youtube-play"></i> icon-youtube-play</a></div>
+
+ <div class="span3"><a href="../icon/dropbox"><i class="icon-dropbox"></i> icon-dropbox</a></div>
+
+ <div class="span3"><a href="../icon/stackexchange"><i class="icon-stackexchange"></i> icon-stackexchange</a></div>
+
+ <div class="span3"><a href="../icon/instagram"><i class="icon-instagram"></i> icon-instagram</a></div>
+
+ <div class="span3"><a href="../icon/flickr"><i class="icon-flickr"></i> icon-flickr</a></div>
+
+ <div class="span3"><a href="../icon/adn"><i class="icon-adn"></i> icon-adn</a></div>
+
+ <div class="span3"><a href="../icon/bitbucket"><i class="icon-bitbucket"></i> icon-bitbucket</a></div>
+
+ <div class="span3"><a href="../icon/bitbucket-sign"><i class="icon-bitbucket-sign"></i> icon-bitbucket-sign</a></div>
+
+ <div class="span3"><a href="../icon/tumblr"><i class="icon-tumblr"></i> icon-tumblr</a></div>
+
+ <div class="span3"><a href="../icon/tumblr-sign"><i class="icon-tumblr-sign"></i> icon-tumblr-sign</a></div>
+
+ <div class="span3"><a href="../icon/long-arrow-down"><i class="icon-long-arrow-down"></i> icon-long-arrow-down</a></div>
+
+ <div class="span3"><a href="../icon/long-arrow-up"><i class="icon-long-arrow-up"></i> icon-long-arrow-up</a></div>
+
+ <div class="span3"><a href="../icon/long-arrow-left"><i class="icon-long-arrow-left"></i> icon-long-arrow-left</a></div>
+
+ <div class="span3"><a href="../icon/long-arrow-right"><i class="icon-long-arrow-right"></i> icon-long-arrow-right</a></div>
+
+ <div class="span3"><a href="../icon/apple"><i class="icon-apple"></i> icon-apple</a></div>
+
+ <div class="span3"><a href="../icon/windows"><i class="icon-windows"></i> icon-windows</a></div>
+
+ <div class="span3"><a href="../icon/android"><i class="icon-android"></i> icon-android</a></div>
+
+ <div class="span3"><a href="../icon/linux"><i class="icon-linux"></i> icon-linux</a></div>
+
+ <div class="span3"><a href="../icon/dribbble"><i class="icon-dribbble"></i> icon-dribbble</a></div>
+
+ <div class="span3"><a href="../icon/skype"><i class="icon-skype"></i> icon-skype</a></div>
+
+ <div class="span3"><a href="../icon/foursquare"><i class="icon-foursquare"></i> icon-foursquare</a></div>
+
+ <div class="span3"><a href="../icon/trello"><i class="icon-trello"></i> icon-trello</a></div>
+
+ <div class="span3"><a href="../icon/female"><i class="icon-female"></i> icon-female</a></div>
+
+ <div class="span3"><a href="../icon/male"><i class="icon-male"></i> icon-male</a></div>
+
+ <div class="span3"><a href="../icon/gittip"><i class="icon-gittip"></i> icon-gittip</a></div>
+
+ <div class="span3"><a href="../icon/sun"><i class="icon-sun"></i> icon-sun</a></div>
+
+ <div class="span3"><a href="../icon/moon"><i class="icon-moon"></i> icon-moon</a></div>
+
+ <div class="span3"><a href="../icon/archive"><i class="icon-archive"></i> icon-archive</a></div>
+
+ <div class="span3"><a href="../icon/bug"><i class="icon-bug"></i> icon-bug</a></div>
+
+ <div class="span3"><a href="../icon/vk"><i class="icon-vk"></i> icon-vk</a></div>
+
+ <div class="span3"><a href="../icon/weibo"><i class="icon-weibo"></i> icon-weibo</a></div>
+
+ <div class="span3"><a href="../icon/renren"><i class="icon-renren"></i> icon-renren</a></div>
+
+ </div>
+
+</section>
+
+</div>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+<footer class="footer hidden-print">
+ <div class="container text-center">
+ <div>
+ <i class="icon-flag"></i> Font Awesome 3.2.1
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+ </div>
+ <div>
+ Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+ <span class="hidden-phone">·</span><br class="visible-phone">
+ Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+ <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+ </div>
+ <div>
+ Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ </div>
+ <div class="project">
+ <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+ </div>
+ </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
+---
+---
PATH := ../node_modules/.bin:$(PATH)
FA_ROOT_DIRECTORY = assets/font-awesome
FA_LESS_DIRECTORY = assets/font-awesome/less
+FA_SCSS_DIRECTORY = assets/font-awesome/scss
FA_CSS_DIRECTORY = assets/font-awesome/css
FA_LESS_MODERN = ${FA_LESS_DIRECTORY}/font-awesome.less
-FA_LESS_IE7 = ${FA_LESS_DIRECTORY}/font-awesome-ie7.less
+FA_SCSS_MODERN = ${FA_SCSS_DIRECTORY}/font-awesome.scss
FA_CSS_MODERN = ${FA_CSS_DIRECTORY}/font-awesome.css
FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css
-FA_CSS_IE7 = ${FA_CSS_DIRECTORY}/font-awesome-ie7.css
-FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.css
SITE_LESS_DIRECTORY = assets/less
SITE_CSS_DIRECTORY = assets/css
build:
@echo "Compiling Less files"
@mkdir -p ${FA_CSS_DIRECTORY}
+
lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
- lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
- lessc ${FA_LESS_IE7} > ${FA_CSS_IE7}
- lessc --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
+ lessc --yui-compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
+# sass ${FA_SCSS_MODERN} ${FA_CSS_MODERN}
+
lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN}
cp -r ${FA_ROOT_DIRECTORY}/* ../
- cd assets && zip -r9 font-awesome.zip font-awesome
+ cd assets && mv font-awesome font-awesome-{{ site.fontawesome.version }} && zip -r9 font-awesome-{{ site.fontawesome.version }}.zip font-awesome-{{ site.fontawesome.version }} && mv font-awesome-{{ site.fontawesome.version }} font-awesome
default: build
-<ul class="margin-bottom-none">
+<ul class="margin-bottom-none padding-left-lg">
<li>All brand icons are trademarks of their respective owners.</li>
<li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
</ul>
+++ /dev/null
-{% capture stripe_ad_content %}
-<p class="lead">
- Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf and copy
- and paste the icons (not the unicode) directly into your designs.
-</p>
-{% endcapture %}
-{% include stripe-ad.html %}
-
-<h2 class="page-header">Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode</h2>
-
-<div class="row">
-{% for icon in icons %}
- <div class="span4">
- <i class="icon-fixed-width">&#x{{ icon.unicode }}</i>
- icon-{{ icon.id }}
- <span class="muted">(&#x{{ icon.unicode }};)</span>
- </div>
-{% endfor %}
-</div>
+++ /dev/null
-{% capture stripe_ad_content %}
-<p class="lead">
- Font Awesome has a vibrant community of folks helping each other out. You can
- <a href="#getting-support">get support</a>,
- <a href="#reporting-bugs">report bugs</a>,
- <a href="#requesting-new-icons">request new icons</a>,
- <a href="#submitting-pull-requests">submit pull requests</a>, and
- <a href="#project-milestones">check upcoming milestones</a>.
-</p>
-{% endcapture %}
-{% include stripe-ad.html %}
-
-{% include community/getting-support.html %}
-{% include community/reporting-bugs.html %}
-{% include community/requesting-new-icons.html %}
-{% include community/submitting-pull-requests.html %}
-{% include community/project-milestones.html %}
-
-{% include thanks-to.html %}
-{% include tell-me-thanks.html %}
</p>
<ol>
<li>Please be nice. Font Awesome is a happy place.</li>
- <li>Please <a href="{{ site.fontawesome.github.url }}/search?type=Issues">search</a> to see if your icon request already exists.</li>
+ <li>Please <a href="{{ site.fontawesome.github.url }}/search?type=Issues">search</a> to see if your bug was already reported.</li>
<li>
Before opening any issue, please read the generic <a href="https://github.com/necolas/issue-guidelines">issue
guidelines</a>, by <a href="https://github.com/necolas/">Nicolas Gallagher</a>.
</li>
<li>
Concrete objects make good icons, since abstract concepts are, well, abstract. It's harder to make an icon
- to represent happiness. It's easier to make a smiley face. <i class="icon-smile"></i>
+ to represent happiness. It's easier to make a smiley face. <i class="fa fa-smile"></i>
</li>
</ol>
</section>
+++ /dev/null
-{% 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><i></code> tag.
- Many examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
-</p>
-{% endcapture %}
-{% include stripe-ad.html %}
-
-{% include examples/new.html %}
-
-{% include examples/inline-icons.html %}
-{% include examples/larger-icons.html %}
-{% include examples/bordered-pulled.html %}
-{% include examples/buttons.html %}
-{% include examples/button-groups.html %}
-{% include examples/button-dropdowns.html %}
-{% include examples/bulleted-lists.html %}
-{% include examples/navigation.html %}
-{% include examples/form-inputs.html %}
-{% include examples/animated-spinner.html %}
-{% include examples/rotated-flipped.html %}
-{% include examples/stacked.html %}
-{% include examples/custom.html %}
+++ /dev/null
-<section id="animated-spinner">
- <h2 class="page-header">Animated Spinner</h2>
- <div class="row">
- <div class="span3">
- Use the <code>icon-spin</code> class to get any icon to rotate. Works well with <code>icon-spinner</code> and
- <code>icon-refresh</code>.
- </div>
- <div class="span9">
- <div class="well well-large well-transparent lead">
- <i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
- </div>
-{% highlight html %}
-<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
-{% endhighlight %}
- <p class="alert alert-info">
- <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9.
- </p>
- </div>
- </div>
-</section>
--- /dev/null
+<section id="bootstrap">
+ <h2 class="page-header">Bootstrap 3 Examples</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <p>
+ <a class="btn btn-danger" href="#">
+ <i class="fa fa-trash-o fa-lg"></i> Delete</a>
+ <a class="btn btn-default btn-sm" href="#">
+ <i class="fa fa-cog"></i> Settings</a>
+ </p>
+ <p>
+ <a class="btn btn-lg btn-success" href="#">
+ <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
+ </p>
+ <div class="margin-bottom">
+ <div class="btn-group">
+ <a class="btn btn-default" href="#"><i class="fa fa-align-left"></i></a>
+ <a class="btn btn-default" href="#"><i class="fa fa-align-center"></i></a>
+ <a class="btn btn-default" href="#"><i class="fa fa-align-right"></i></a>
+ <a class="btn btn-default" href="#"><i class="fa fa-align-justify"></i></a>
+ </div>
+ </div>
+ <div class="margin-bottom">
+ <div class="input-group margin-bottom-sm">
+ <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
+ <input class="form-control" type="text" placeholder="Email address">
+ </div>
+ <div class="input-group">
+ <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
+ <input class="form-control" type="password" placeholder="Password">
+ </div>
+ </div>
+ <div class="margin-bottom">
+ <div class="btn-group open">
+ <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
+ <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+ <span class="fa fa-caret-down"></span></a>
+ <ul class="dropdown-menu">
+ <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
+ <li class="divider"></li>
+ <li><a href="#"><i class="i"></i> Make admin</a></li>
+ </ul>
+ </div>
+ </div>
+
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ Font Awesome works great with the full range of Bootstrap components.
+ </p>
+{% highlight html %}
+<a class="btn btn-danger" href="#">
+ <i class="fa fa-trash-o fa-lg"></i> Delete</a>
+<a class="btn btn-default btn-sm" href="#">
+ <i class="fa fa-cog"></i> Settings</a>
+
+<a class="btn btn-lg btn-success" href="#">
+ <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
+
+<div class="btn-group">
+ <a class="btn btn-default" href="#"><i class="fa fa-align-left"></i></a>
+ <a class="btn btn-default" href="#"><i class="fa fa-align-center"></i></a>
+ <a class="btn btn-default" href="#"><i class="fa fa-align-right"></i></a>
+ <a class="btn btn-default" href="#"><i class="fa fa-align-justify"></i></a>
+</div>
+
+<div class="input-group margin-bottom-sm">
+ <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
+ <input class="form-control" type="text" placeholder="Email address">
+</div>
+<div class="input-group">
+ <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
+ <input class="form-control" type="password" placeholder="Password">
+</div>
+
+<div class="btn-group open">
+ <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
+ <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+ <span class="fa fa-caret-down"></span></a>
+ <ul class="dropdown-menu">
+ <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
+ <li class="divider"></li>
+ <li><a href="#"><i class="i"></i> Make admin</a></li>
+ </ul>
+</div>
+{% endhighlight %}
+ </div>
+ </div>
+</section>
<section id="bordered-pulled">
<h2 class="page-header">Bordered & Pulled Icons</h2>
<div class="row">
- <div class="span3">
+ <div class="col-md-3 col-sm-4">
<p>
- Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
- article graphics.
+ <i class="fa fa-quote-left fa-2x pull-left fa-border"></i>
+ Use a few styles together and you'll have easy pull quotes or a great introductory article icon.
</p>
</div>
- <div class="span9">
- <div class="well well-large well-transparent">
- <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
- Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
- Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
- of them in any combination to get lots of new possibilities.
- </div>
-{% highlight html %}
-<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
-Use a few of the new styles together ... lots of new possibilities.
-{% endhighlight %}
- <div class="well well-large well-transparent clearfix">
- <i class="icon-flag icon-4x pull-left icon-border"></i>
- Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
- Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
- of them in any combination to get lots of new possibilities.
- </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ Use <code>fa-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
+ article graphics.
+ </p>
{% highlight html %}
-<i class="icon-flag icon-4x pull-left icon-border"></i>
-Use a few of the new styles together ... lots of new possibilities.
+<i class="fa fa-quote-left fa-2x pull-left fa-border"></i>
+Use a few styles together and you'll have easy pull quotes or a great introductory article icon.
{% endhighlight %}
</div>
</div>
+++ /dev/null
-<section id="bulleted-lists">
- <h2 class="page-header">Bulleted Lists</h2>
- <div class="row">
- <div class="span12">
- </div>
- <div class="span3">
- <ul class="icons-ul">
- <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
- <li><i class="icon-li icon-ok"></i>Buttons</li>
- <li><i class="icon-li icon-ok"></i>Button groups</li>
- <li><i class="icon-li icon-ok"></i>Navigation</li>
- <li><i class="icon-li icon-ok"></i>Prepended form inputs</li>
- <li><i class="icon-li icon-ok"></i>…and many more with custom CSS</li>
- </ul>
- </div>
- <div class="span9">
- <p>Easily replace individual bullets.</p>
-{% highlight html %}
-<ul class="icons-ul">
- <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
- <li><i class="icon-li icon-ok"></i>Buttons</li>
- <li><i class="icon-li icon-ok"></i>Button groups</li>
- <li><i class="icon-li icon-ok"></i>Navigation</li>
- <li><i class="icon-li icon-ok"></i>Prepended form inputs</li>
- <li><i class="icon-li icon-ok"></i>…and many more with custom CSS</li>
-</ul>
-{% endhighlight %}
- <div class="alert alert-info"><i class="icon-info-sign"></i> Make sure to NOT include any whitespace after the icon declaration.</div>
- </div>
- </div>
-</section>
+++ /dev/null
-<section id="button-dropdowns">
- <h2 class="page-header">Button Dropdowns</h2>
- <div class="row">
- <div class="span3">
- <div class="btn-group open">
- <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
- <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
- <span class="icon-caret-down"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li>
- <li class="divider"></li>
- <li><a href="#"><i class="i"></i> Make admin</a></li>
- </ul>
- </div>
- </div>
- <div class="span9">
-{% highlight html %}
-<div class="btn-group open">
- <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
- <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
- <span class="icon-caret-down"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li>
- <li class="divider"></li>
- <li><a href="#"><i class="i"></i> Make admin</a></li>
- </ul>
-</div>
-{% endhighlight %}
- <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div>
- </div>
- </div>
-</section>
+++ /dev/null
-<section id="button-groups">
- <h2 class="page-header">Button Groups</h2>
- <div class="row">
- <div class="span3">
- <p>
- <div class="btn-group">
- <a class="btn" href="#"><i class="icon-align-left"></i></a>
- <a class="btn" href="#"><i class="icon-align-center"></i></a>
- <a class="btn" href="#"><i class="icon-align-right"></i></a>
- <a class="btn" href="#"><i class="icon-align-justify"></i></a>
- </div>
- </p>
- </div>
- <div class="span9">
-{% highlight html %}
-<div class="btn-group">
- <a class="btn" href="#"><i class="icon-align-left"></i></a>
- <a class="btn" href="#"><i class="icon-align-center"></i></a>
- <a class="btn" href="#"><i class="icon-align-right"></i></a>
- <a class="btn" href="#"><i class="icon-align-justify"></i></a>
-</div>
-{% endhighlight %}
- </div>
- </div>
-</section>
+++ /dev/null
-<section id="buttons">
- <h2 class="page-header">Buttons</h2>
- <div class="row">
- <div class="span3">
- <p>
- <a class="btn" href="#">
- <i class="icon-repeat"></i> Reload</a>
- <a class="btn btn-success" href="#">
- <i class="icon-shopping-cart icon-large"></i> Checkout</a>
- </p>
- <p>
- <a class="btn btn-large btn-primary" href="#">
- <i class="icon-comment"></i> Comment</a>
- <a class="btn btn-small btn-info" href="#">
- <i class="icon-info-sign"></i> Info</a>
- </p>
- <p>
- <a class="btn btn-danger" href="#">
- <i class="icon-trash icon-large"></i> Delete</a>
- <a class="btn btn-small" href="#">
- <i class="icon-cog"></i> Settings</a>
- </p>
- <p>
- <a class="btn btn-large btn-danger" href="#">
- <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
- </p>
- <p>
- <a class="btn btn-primary" href="#">
- <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
- </p>
- </div>
- <div class="span9">
- <p>
- Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
- <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
- </p>
-{% highlight html %}
-<a class="btn" href="#">
- <i class="icon-repeat"></i> Reload</a>
-<a class="btn btn-success" href="#">
- <i class="icon-shopping-cart icon-large"></i> Checkout</a>
-<a class="btn btn-large btn-primary" href="#">
- <i class="icon-comment"></i> Comment</a>
-<a class="btn btn-small btn-info" href="#">
- <i class="icon-info-sign"></i> Info</a>
-<a class="btn btn-danger" href="#">
- <i class="icon-trash icon-large"></i> Delete</a>
-<a class="btn btn-small" href="#">
- <i class="icon-cog"></i> Settings</a>
-<a class="btn btn-large btn-danger" href="#">
- <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
-<a class="btn btn-primary" href="#">
- <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
-{% endhighlight %}
- </div>
- </div>
-</section>
<section id="custom">
<h2 class="page-header">Custom CSS</h2>
<div class="row">
- <div class="span3">
+ <div class="col-md-3 col-sm-4">
<p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
</div>
- <div class="span9">
+ <div class="col-md-9 col-sm-8">
<p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p>
<div class="well">
<span class="rating">
--- /dev/null
+<section id="fixed-width">
+ <h2 class="page-header">Fixed Width Icons</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <ul class="nav nav-pills nav-stacked margin-bottom">
+ <li class="active"><a href="#"><i class="fa fa-home fa-fw"></i> Home</a></li>
+ <li><a href="#"><i class="fa fa-book fa-fw"></i> Library</a></li>
+ <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Applications</a></li>
+ <li><a href="#"><i class="fa fa-cogs fa-fw"></i> Settings</a></li>
+ </ul>
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ Use <code>fa-fw</code> to set icons at a fixed width. Great to use when variable icon widths throw off alignment.
+ Especially useful in things like nav lists.
+ </p>
+{% highlight html %}
+<ul class="nav nav-pills nav-stacked">
+ <li class="active"><a href="#"><i class="fa fa-home fa-fw"></i> Home</a></li>
+ <li><a href="#"><i class="fa fa-book fa-fw"></i> Library</a></li>
+ <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Applications</a></li>
+ <li><a href="#"><i class="fa fa-cogs fa-fw"></i> Settings</a></li>
+</ul>
+{% endhighlight %}
+ </div>
+ </div>
+</section>
+++ /dev/null
-<section id="form-inputs">
- <h2 class="page-header">Prepended & Appended Form Inputs</h2>
- <div class="row">
- <div class="span3">
- <form>
- <div class="input-prepend">
- <span class="add-on"><i class="icon-envelope"></i></span>
- <input class="span2" type="text" placeholder="Email address">
- </div>
- <div class="input-prepend">
- <span class="add-on"><i class="icon-key"></i></span>
- <input class="span2" type="password" placeholder="Password">
- </div>
- </form>
- </div>
- <div class="span9">
-{% highlight html %}
-<form>
- <div class="input-prepend">
- <span class="add-on"><i class="icon-envelope"></i></span>
- <input class="span2" type="text" placeholder="Email address">
- </div>
- <div class="input-prepend">
- <span class="add-on"><i class="icon-key"></i></span>
- <input class="span2" type="password" placeholder="Password">
- </div>
-</form>
-{% endhighlight %}
- </div>
- </div>
-</section>
+++ /dev/null
-<section id="inline-icons">
- <h2 class="page-header">Inline Icons</h2>
- <div class="row">
- <div class="span3">
- <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p>
- </div>
- <div class="span9">
- <div class="well well-transparent">
- <div style="font-size: 24px; line-height: 1.5em;">
- <i class="icon-camera-retro"></i> icon-camera-retro
- </div>
- </div>
-{% highlight html %}
-<i class="icon-camera-retro"></i> icon-camera-retro
-{% endhighlight %}
- <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
- </div>
- </div>
-</section>
--- /dev/null
+<section id="inline">
+ <h2 class="page-header">Inline Icons</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <p>
+ <i class="fa fa-camera-retro"></i> fa-camera-retro
+ </p>
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p>
+{% highlight html %}
+<i class="fa fa-camera-retro"></i> fa-camera-retro
+{% endhighlight %}
+ <div class="alert alert-success"><i class="fa fa-info-circle"></i> Icon classes are echoed via CSS :before.</div>
+ </div>
+ </div>
+</section>
+++ /dev/null
-<section id="larger-icons">
- <h2 class="page-header">Larger Icons</h2>
- <div class="row">
- <div class="span3">
- <p>
- To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>,
- <code>icon-3x</code>, or <code>icon-4x</code>.
- </p>
- </div>
- <div class="span9">
- <p>
- Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>,
- <code>icon-3x</code>, or <code>icon-4x</code> classes.
- </p>
- <div class="well well-transparent">
- <div style="font-size: 24px; line-height: 1.5em;">
- <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
- <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
- <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
- <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
- </div>
- </div>
-{% highlight html %}
-<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
-<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
-<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
-<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
-{% endhighlight %}
- <div class="alert alert-info">
- <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have
- sufficient line-height.
- </div>
- </div>
- </div>
-</section>
--- /dev/null
+<section id="larger">
+ <h2 class="page-header">Larger Icons</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <p><i class="fa fa-camera-retro fa-lg"></i> fa-camera-retro</p>
+ <p><i class="fa fa-camera-retro fa-2x"></i> fa-camera-retro</p>
+ <p><i class="fa fa-camera-retro fa-3x"></i> fa-camera-retro</p>
+ <p><i class="fa fa-camera-retro fa-4x"></i> fa-camera-retro</p>
+ <p><i class="fa fa-camera-retro fa-5x"></i> fa-camera-retro</p>
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ To increase icon sizes relative to their container, use the <code>fa-lg</code> (33% increase), <code>fa-2x</code>,
+ <code>fa-3x</code>, <code>fa-4x</code>, or <code>fa-5x</code> classes.
+ </p>
+{% highlight html %}
+<p><i class="fa fa-camera-retro fa-lg"></i> fa-camera-retro</p>
+<p><i class="fa fa-camera-retro fa-2x"></i> fa-camera-retro</p>
+<p><i class="fa fa-camera-retro fa-3x"></i> fa-camera-retro</p>
+<p><i class="fa fa-camera-retro fa-4x"></i> fa-camera-retro</p>
+<p><i class="fa fa-camera-retro fa-5x"></i> fa-camera-retro</p>
+{% endhighlight %}
+ <div class="alert alert-success">
+ <i class="fa fa-info-circle"></i> If your icons are getting chopped off on top and bottom, make sure you have
+ sufficient line-height.
+ </div>
+ </div>
+ </div>
+</section>
--- /dev/null
+<section id="list">
+ <h2 class="page-header">List Icons</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-check-square"></i>List icons (like these)</li>
+ <li><i class="fa-li fa fa-check-square"></i>can be used</li>
+ <li><i class="fa-li fa fa-spinner fa-spin"></i>to easily replace</li>
+ <li><i class="fa-li fa fa-square"></i>default bullets in lists</li>
+ </ul>
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>Use <code>fa-ul</code> and <code>fa-li</code> to easily replace default bullets in unordered lists.</p>
+{% highlight html %}
+<ul class="fa-ul">
+ <li><i class="fa-li fa fa-check-square"></i>List icons (like these)</li>
+ <li><i class="fa-li fa fa-check-square"></i>can be used</li>
+ <li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li>
+ <li><i class="fa-li fa fa-square"></i>default bullets in lists</li>
+</ul>
+{% endhighlight %}
+ </div>
+ </div>
+</section>
+++ /dev/null
-<section id="navigation">
- <h2 class="page-header">Navigation</h2>
- <div class="row">
- <div class="span3">
- <div class="well" style="padding: 8px 0;">
- <ul class="nav nav-list">
- <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Applications</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-cogs"></i> Settings</a></li>
- </ul>
- </div>
- </div>
- <div class="span9">
- <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
-{% highlight html %}
-<ul class="nav nav-list">
- <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Applications</a></li>
- <li><a href="#"><i class="icon-fixed-width icon-cogs"></i> Settings</a></li>
-</ul>
-{% endhighlight %}
- </div>
- </div>
-</section>
+++ /dev/null
-<{% if page.navbar_active == "examples" %}div{% else %}section{% endif %} id="new-styles">
- <h2 class="page-header">New Styles in {{ site.fontawesome.minor_version }}</h2>
- <div class="row">
- <div class="span4">
- <h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>
- <div class="well well-transparent">
- <i class="icon-shield"></i> normal<br>
- <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br>
- <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
- <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br>
- <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br>
- <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
- </div>
- </div>
- <div class="span4">
- <h4><a href="#stacked">Stacked Icons</a></h4>
- <div class="well well-transparent stacked">
- <span class="icon-stack">
- <i class="icon-check-empty icon-stack-base"></i>
- <i class="icon-twitter"></i>
- </span>
- icon-twitter on icon-check-empty<br>
- <span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-flag icon-light"></i>
- </span>
- icon-flag on icon-circle<br>
- <span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-terminal icon-light"></i>
- </span>
- icon-terminal on icon-sign-blank
- </div>
- </div>
- <div class="span4">
- <h4><a href="#bulleted-lists">Better Bulleted Lists</a></h4>
- <div class="well well-transparent">
- <ul class="icons-ul">
- <li><i class="icon-li icon-chevron-sign-right"></i>New bulleted lists</li>
- <li><i class="icon-li icon-bullseye"></i>Fix some old bugs</li>
- <li><i class="icon-li icon-play-sign"></i>And deal with arbitrary</li>
- <li><i class="icon-li icon-ok-sign"></i>Font sizes better</li>
- </ul>
- </div>
- </div>
- </div>
-</{% if page.navbar_active == "examples" %}div{% else %}section{% endif %}>
<section id="rotated-flipped">
<h2 class="page-header">Rotated & Flipped</h2>
<div class="row">
- <div class="span3">
- A set of classes that can be used to arbitrarily rotate and flip icons.
+ <div class="col-md-3 col-sm-4">
+ <p style="font-size: 18px;">
+ <i class="fa fa-shield"></i> normal<br>
+ <i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br>
+ <i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br>
+ <i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br>
+ <i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br>
+ <i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical
+ </p>
</div>
- <div class="span9">
- <div class="well well-large well-transparent lead">
- <i class="icon-shield"></i> normal<br>
- <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br>
- <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
- <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br>
- <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br>
- <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
- </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ To arbitrarily rotate and flip icons, use the <code>fa-rotate-*</code> and <code>fa-flip-*</code> classes.
+ </p>
{% highlight html %}
-<i class="icon-shield"></i> normal<br>
-<i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br>
-<i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
-<i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br>
-<i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br>
-<i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
+<i class="fa fa-shield"></i> normal<br>
+<i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br>
+<i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br>
+<i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br>
+<i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br>
+<i class="fa fa-shield fa-flip-vertical"></i> icon-flip-vertical
{% endhighlight %}
- <p class="alert alert-info">
- <i class="icon-info-sign"></i> Rotating and flipping icons aren't yet supported in IE7.
- </p>
</div>
</div>
</section>
--- /dev/null
+<section id="spinning">
+ <h2 class="page-header">Spinning Icons</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <p>
+ <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-refresh fa-spin"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-spin"></i></button>
+ </p>
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ Use the <code>fa-spin</code> class to get any icon to rotate. Works well with <code>fa-spinner</code>,
+ <code>fa-refresh</code>, and <code>fa-cog</code>.
+ </p>
+{% highlight html %}
+<i class="fa fa-spinner fa-spin"></i>
+<i class="fa fa-refresh fa-spin"></i>
+<i class="fa fa-cog fa-spin"></i>
+{% endhighlight %}
+ <p class="alert alert-success">
+ <i class="fa fa-info-circle"></i> CSS3 animations aren't supported in IE8 - IE9.
+ </p>
+ </div>
+ </div>
+</section>
<section id="stacked">
<h2 class="page-header">Stacked Icons</h2>
<div class="row">
- <div class="span3">
- A method for easily stacking multiple icons. Use the <code>icon-stack</code> class on the parent and
- <code>icon-stack-base</code> for the bottom icon.
- </div>
- <div class="span9">
- <div class="well well-large well-transparent lead">
- <span class="icon-stack">
- <i class="icon-check-empty icon-stack-base"></i>
- <i class="icon-twitter"></i>
+ <div class="col-md-3 col-sm-4">
+ <div class="margin-bottom">
+ <span class="fa-stack fa-lg">
+ <i class="fa fa-square-o fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x"></i>
</span>
- icon-twitter on icon-check-empty<br>
- <span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-flag icon-light"></i>
+ fa-twitter on fa-square-o<br>
+ <span class="fa-stack fa-lg">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>
- icon-flag on icon-circle<br>
- <span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-terminal icon-light"></i>
+ fa-flag on fa-circle<br>
+ <span class="fa-stack fa-lg">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-terminal fa-stack-1x fa-inverse"></i>
</span>
- icon-terminal on icon-sign-blank<br>
- <span class="icon-stack">
- <i class="icon-camera"></i>
- <i class="icon-ban-circle icon-stack-base text-error"></i>
+ fa-terminal on fa-square<br>
+ <span class="fa-stack fa-lg">
+ <i class="fa fa-camera fa-stack-1x"></i>
+ <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
- icon-camera on icon-ban-circle
+ fa-ban on fa-camera
</div>
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ To stack multiple icons, use the <code>fa-stack</code> class on the parent, the <code>fa-stack-1x</code>
+ for the regularly sized icon, and <code>fa-stack-2x</code> for the larger icon. <code>fa-inverse</code>
+ can be used as an alternative icon color. You can even throw <a href="#larger">larger icon</a> classes on the parent
+ to get further control of sizing.
+ </p>
{% highlight html %}
-<span class="icon-stack">
- <i class="icon-check-empty icon-stack-base"></i>
- <i class="icon-twitter"></i>
+<span class="fa-stack fa-lg">
+ <i class="fa fa-square-o fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x"></i>
</span>
-icon-twitter on icon-check-empty<br>
-<span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-flag icon-light"></i>
+fa-twitter on fa-square-o<br>
+<span class="fa-stack fa-lg">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>
-icon-flag on icon-circle<br>
-<span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-terminal icon-light"></i>
+fa-flag on fa-circle<br>
+<span class="fa-stack fa-lg">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-terminal fa-stack-1x fa-inverse"></i>
</span>
-icon-terminal on icon-sign-blank<br>
-<span class="icon-stack">
- <i class="icon-camera"></i>
- <i class="icon-ban-circle icon-stack-base text-error"></i>
+fa-terminal on fa-square<br>
+<span class="fa-stack fa-lg">
+ <i class="fa fa-camera fa-stack-1x"></i>
+ <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
-icon-camera on icon-ban-circle
+fa-ban on fa-camera
{% endhighlight %}
</div>
</div>
-<footer class="footer hidden-print">
+<footer id="footer" class="footer hidden-print">
<div class="container text-center">
<div>
- <i class="icon-flag"></i> Font Awesome {{ site.fontawesome.version }}
- <span class="hidden-phone">·</span><br class="visible-phone">
- Created and Maintained by <a href="http://twitter.com/byscuits">Dave Gandy</a>
+ <i class="fa fa-flag"></i> Font Awesome {{ site.fontawesome.version }}
+ <span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
+ Created by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
</div>
<div>
Font Awesome licensed under <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.version }}</a>
- <span class="hidden-phone">·</span><br class="visible-phone">
+ <span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
Code licensed under <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.version }}</a>
- <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
+ <span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
Documentation licensed under <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.version }}</a>
</div>
<div>
- Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+ Thanks to <a href="http://maxcdn.com"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
</div>
<div class="project">
<a href="{{ site.fontawesome.github.url }}">GitHub Project</a> ·
- <a href="{{ site.fontawesome.github.url }}/issues">Issues</a>
+ <a href="{{ site.fontawesome.github.url }}/issues">Issues</a> ·
+ <a href="{{ page.relative_path }}3.2.1">Old 3.2.1 Docs</a>
</div>
</div>
</footer>
+++ /dev/null
-{% capture stripe_ad_content %}
-<p class="lead">
- Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and
- customize the LESS yourself! Font Awesome even plays nicely with
- <a href="{{ site.bootstrap.url }}">Bootstrap</a>!
-</p>
-{% endcapture %}
-{% include stripe-ad.html %}
-
-<div id="bootstrapcdn">
- <h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a></h2>
- <p>Add Font Awesome + Bootstrap into your website with two lines of code. You don't even have to download or install anything!</p>
- <ol>
- <li>
- Paste the following code into the <code><head></code> section of your site's HTML.
-{% highlight html %}
-<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/{{ site.bootstrap.version }}/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
-<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version }}/css/font-awesome.css" rel="stylesheet">
-{% endhighlight %}
- <div class="alert alert-info margin-top">
- <i class="icon-info-sign"></i> Want to use Font Awesome by itself without Bootstrap? Just don't include the first line.
- </div>
- </li>
- <li>
- Pat yourself on the back for your scalable-vector-icons-on-the-website
- <a href="http://37signals.com/svn/posts/312-lingo-judo">judo solution</a> in two lines of code.
- </li>
- <li>
- Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!
- </li>
- </ol>
-</div>
-
-<section id="default-css">
- <h2 class="page-header">EASY: Default CSS</h2>
- <p>Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.</p>
- <ol>
- <li>Copy the <code>font-awesome</code> directory into your project.</li>
- <li>
- In the <code><head></code> of your html, reference the location to your font-awesome.min.css.
-{% highlight html %}
-<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
-<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
-{% endhighlight %}
- </li>
- <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li>
- </ol>
-</section>
-
-<section id="custom-less">
- <h2 class="page-header">PRO: Custom LESS</h2>
- <p>Use this method to customize Font Awesome and Bootstrap {{ site.bootstrap.version }} using LESS.</p>
- <ol>
- <li>Copy the <code>font-awesome</code> directory into your project.</li>
- <li>Open your project's bootstrap/bootstrap.less and replace
-{% highlight html %}
-@import "sprites.less";
-{% endhighlight %}
- with
-{% highlight html %}
-@import "path/to/font-awesome/less/font-awesome.less";
-{% endhighlight %}
- </li>
- <li>
- Open your project's font-awesome/variables.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
-{% highlight html %}
-@FontAwesomePath: "../font";
-{% endhighlight %}
- <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
- </li>
- <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li>
- <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li>
- </ol>
-</section>
-
-<section id="not-using-bootstrap">
- <h2 class="page-header">Not using Bootstrap?</h2>
- <p>Font Awesome works just as well without Bootstrap.</p>
- <ol>
- <li>Copy the <code>font-awesome</code> directory into your project.</li>
- <li>Follow the above directions and skip the Bootstrap parts.</li>
- <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li>
- <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li>
- </ol>
-</section>
-
-<section class="need-ie7">
- <h2 class="page-header">Need IE7 Support?</h2>
- <p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
- <ol>
- <li>Get Font Awesome working properly in a modern browser.</li>
- <li>Copy font-awesome-ie7.min.css into your project.</li>
- <li>
- In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css.
-{% highlight html %}
-<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
-<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
-<!--[if IE 7]>
- <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css">
-<![endif]-->
-{% endhighlight %}
- </li>
- <li>Go complain to whoever decided your project needs IE7 support.</li>
- </ol>
-</section>
+++ /dev/null
-{% capture stripe_ad_content %}
-<p class="lead">
- You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}.
- Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>.
- <!--The ever-expanding list of Font Awesome {{ site.fontawesome.version }} icons.-->
- Need vectors or want to use on the desktop? Check the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
-</p>
-{% endcapture %}
-{% include stripe-ad.html %}
-
-{% include icons/new.html %}
-{% include icons/web-application.html %}
-{% include icons/currency.html %}
-{% include icons/text-editor.html %}
-{% include icons/directional.html %}
-{% include icons/video-player.html %}
-{% include icons/brand.html %}
-{% include icons/medical.html %}
--- /dev/null
+<div class="jumbotron jumbotron-carousel hidden-print">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-8 col-sm-8 text-center">
+ <h1>Font Awesome</h1>
+ <p>The iconic font designed for Bootstrap</p>
+ <div class="actions">
+ <a class="btn btn-default btn-lg" href="{{ page.relative_path }}assets/font-awesome-{{ site.fontawesome.version }}.zip"
+ onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
+ <i class="fa fa-download fa-lg"></i>
+ Download
+ </a>
+ </div>
+ <div class="shameless-self-promotion">
+ Version {{ site.fontawesome.version }} ·
+ <a href="{{ site.fontawesome.github.url }}"
+ onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
+ GitHub Project</a> ·
+ <a href="{{ page.relative_path }}3.2.1">Old 3.2.1 Docs</a> ·
+ Created by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-4">
+ <div id="icon-carousel" class="carousel slide">
+ <!-- Carousel items -->
+ <div class="carousel-inner">
+ <div class="active item"><div><i class="fa fa-flag"></i></div></div>
+ <div class="item"><div><i class="fa fa-compass"></i></div></div>
+ <div class="item"><div><i class="fa fa-rocket"></i></div></div>
+ <div class="item"><div><i class="fa fa-shield"></i></div></div>
+ <div class="item"><div><i class="fa fa-star-half-empty"></i></div></div>
+ <div class="item"><div><i class="fa fa-envelope-o"></i></div></div>
+ <div class="item"><div><i class="fa fa-medkit"></i></div></div>
+ <div class="item"><div><i class="fa fa-book"></i></div></div>
+ <div class="item"><div><i class="fa fa-fighter-jet"></i></div></div>
+ <div class="item"><div><i class="fa fa-beer"></i></div></div>
+ <div class="item"><div><i class="fa fa-heart-o"></i></div></div>
+ <div class="item"><div><i class="fa fa-thumbs-o-up"></i></div></div>
+ </div>
+ <!-- Carousel nav -->
+ <a class="carousel-control left" href="#icon-carousel" data-slide="prev"
+ onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
+ <i class="fa fa-arrow-circle-left"></i></a>
+ <a class="carousel-control right" href="#icon-carousel" data-slide="next"
+ onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
+ <i class="fa fa-arrow-circle-right"></i></a>
+ </div>
+ </div>
+ </div>
+
+ </div>
+</div>
+++ /dev/null
-<div class="jumbotron jumbotron-index hidden-print">
- <div class="container">
- <div class="row">
- <div class="span8">
- <div class="hero-content">
- <h1>Font Awesome</h1>
- <p>The iconic font designed for Bootstrap</p>
- <div class="actions">
- <a class="btn btn-primary btn-large" href="{{ page.relative_path }}assets/font-awesome.zip"
- onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
- <i class="icon-download-alt icon-large"></i>
- Download
- </a>
- </div>
- <div class="shameless-self-promotion">
- <a href="{{ site.fontawesome.github.url }}"
- onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
- GitHub Project</a> ·
- Version {{ site.fontawesome.version }} ·
- Created & Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
- </div>
- </div>
- </div>
- <div class="span4">
- <div id="iconCarousel" class="carousel slide">
- <!-- Carousel items -->
- <div class="carousel-inner">
- <div class="active item"><div><i class="icon-flag"></i></div></div>
- <div class="item"><div><i class="icon-compass"></i></div></div>
- <div class="item"><div><i class="icon-rocket"></i></div></div>
- <div class="item"><div><i class="icon-shield"></i></div></div>
- <div class="item"><div><i class="icon-star-half-empty"></i></div></div>
- <div class="item"><div><i class="icon-envelope-alt"></i></div></div>
- <div class="item"><div><i class="icon-medkit"></i></div></div>
- <div class="item"><div><i class="icon-book"></i></div></div>
- <div class="item"><div><i class="icon-fighter-jet"></i></div></div>
- <div class="item"><div><i class="icon-beer"></i></div></div>
- <div class="item"><div><i class="icon-heart-empty"></i></div></div>
- <div class="item"><div><i class="icon-thumbs-up"></i></div></div>
- </div>
- <!-- Carousel nav -->
- <a class="carousel-control left" href="#iconCarousel" data-slide="prev"
- onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
- <i class="icon-circle-arrow-left"></i></a>
- <a class="carousel-control right" href="#iconCarousel" data-slide="next"
- onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
- <i class="icon-circle-arrow-right"></i></a>
- </div>
- </div>
- </div>
-
- </div>
-</div>
/*!
- * Font Awesome {{ site.fontawesome.version }}
- * the iconic font designed for Bootstrap
- * ------------------------------------------------------------------------------
- * The full suite of pictographic icons, examples, and documentation can be
- * found at {{ site.fontawesome.url }}. Stay up to date on Twitter at
- * http://twitter.com/{{ site.fontawesome.twitter }}.
- *
- * License
- * ------------------------------------------------------------------------------
- * - The Font Awesome font is licensed under {{ site.fontawesome.license.font.version }} -
- * {{ site.fontawesome.license.font.url }}
- * - Font Awesome CSS, LESS, and SASS files are licensed under {{ site.fontawesome.license.code.version }} -
- * {{ site.fontawesome.license.code.url }}
- * - Font Awesome documentation licensed under {{ site.fontawesome.license.documentation.version }} -
- * {{ site.fontawesome.license.documentation.url }}
- * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
- * "Font Awesome by Dave Gandy - {{ site.fontawesome.url }}"
- *
- * Author - Dave Gandy
- * ------------------------------------------------------------------------------
- * Email: {{ site.fontawesome.author.email }}
- * Twitter: http://twitter.com/{{ site.fontawesome.author.twitter }}
- * Work: {{ site.fontawesome.author.work.title }} @ {{ site.fontawesome.author.work.name }} - {{ site.fontawesome.author.work.url }}
+ * Font Awesome {{ site.fontawesome.version }} by @{{ site.fontawesome.author.twitter }} - {{ site.fontawesome.url }} - @{{ site.fontawesome.twitter }}
+ * License - {{ site.fontawesome.url }}/license (Font: {{ site.fontawesome.license.font.version }}, CSS: {{ site.fontawesome.license.code.version }})
*/
\ No newline at end of file
+++ /dev/null
-{% capture stripe_ad_content %}
-<p class="lead">
- Font Awesome is fully open source and is GPL compatible. You can use it for commercial projects, open source
- projects, or really just about whatever you want.
-</p>
-{% endcapture %}
-{% include stripe-ad.html %}
-
-<div>
- <div class="alert alert-info">
- <ul class="icons-ul margin-bottom-none">
- <li>
- <i class="icon-li icon-info-sign icon-large"></i>Attribution is no longer required as of Font Awesome 3.0 but is much appreciated:
- "Font Awesome by Dave Gandy - http://fontawesome.io".
- </li>
- </ul>
- </div>
-</div>
-
-<section>
- <h2 class="page-header">Font License</h2>
- <ul>
- <li>
- Applies to all desktop and webfont files in the following directory:
- <code>font-awesome/font/</code>.
- </li>
- <li>License: {{ site.fontawesome.license.font.version }}</li>
- <li>URL: <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.url }}</a></li>
- </ul>
-</section>
-
-<section>
- <h2 class="page-header">Code License</h2>
- <ul>
- <li>
- Applies to all CSS and LESS files in the following directories:
- <code>font-awesome/css/</code> and
- <code>font-awesome/less/</code>.
- </li>
- <li>License: {{ site.fontawesome.license.code.version }}</li>
- <li>URL: <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.url }}</a></li>
- </ul>
-</section>
-
-<section>
- <h2 class="page-header">Documentation License</h2>
- <ul>
- <li>Applies to all Font Awesome project files that are not a part of the Font or Code licenses.</li>
- <li>License: {{ site.fontawesome.license.documentation.version }}</li>
- <li>URL: <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.url }}</a></li>
- </ul>
-</section>
-
-<section>
- <h2 class="page-header">Brand Icons</h2>
- {% include brand-license.html %}
-</section>
<div class="navbar navbar-inverse navbar-static-top hidden-print">
- <div class="navbar-inner">
- <div class="container">
- <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </a>
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
+ <i class="fa fa-bars fa-lg"></i>
+ </button>
+ <a class="navbar-brand" href="{{ page.relative_path }}"><i class="fa fa-flag"></i> Font Awesome</a>
+ </div>
- <a class="brand" href="{{ page.relative_path }}"><i class="icon-flag"></i> Font Awesome</a>
- <div class="nav-collapse collapse">
- <ul class="nav">
- <li class="hidden-tablet {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li>
- <li{% if page.navbar_active == "get-started" %} class="active"{% endif %}><a href="{{ page.relative_path }}get-started/">Get Started</a></li>
- <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li>
- <li class="dropdown dropdown-split-right hidden-phone{% if page.navbar_active == "icons" %} active{% endif %}">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
- <i class="icon-caret-down"></i>
- </a>
- <ul class="dropdown-menu pull-right">
- <li><a href="{{ page.relative_path }}icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
- <li class="divider"></li>
- <li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in {{ site.fontawesome.version }}</a></li>
- <li><a href="{{ page.relative_path }}icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
- <li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
- <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
- <li><a href="{{ page.relative_path }}icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
- <li><a href="{{ page.relative_path }}icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
- <li><a href="{{ page.relative_path }}icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
- <li><a href="{{ page.relative_path }}icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
- </ul>
- </li>
- <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li>
- <li class="dropdown dropdown-split-right hidden-phone{% if page.navbar_active == "examples" %} active{% endif %}">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
- <i class="icon-caret-down"></i>
- </a>
- <ul class="dropdown-menu pull-right">
- <li><a href="{{ page.relative_path }}examples/">Examples</a></li>
- <li class="divider"></li>
- <li><a href="{{ page.relative_path }}examples/#new-styles">New Styles</a></li>
- <li><a href="{{ page.relative_path }}examples/#inline-icons">Inline Icons</a></li>
- <li><a href="{{ page.relative_path }}examples/#larger-icons">Larger Icons</a></li>
- <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled</a></li>
- <li><a href="{{ page.relative_path }}examples/#buttons">Buttons</a></li>
- <li><a href="{{ page.relative_path }}examples/#button-groups">Button Groups</a></li>
- <li><a href="{{ page.relative_path }}examples/#button-dropdowns">Button Dropdowns</a></li>
- <li><a href="{{ page.relative_path }}examples/#bulleted-lists">Bulleted Lists</a></li>
- <li><a href="{{ page.relative_path }}examples/#navigation">Navigation</a></li>
- <li><a href="{{ page.relative_path }}examples/#form-inputs">Form Inputs</a></li>
- <li><a href="{{ page.relative_path }}examples/#animated-spinner">Animated Spinner</a></li>
- <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped</a></li>
- <li><a href="{{ page.relative_path }}examples/#stacked">Stacked</a></li>
- <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li>
- </ul>
- </li>
- <li{% if page.navbar_active == "whats-new" %} class="active"{% endif %}><a href="{{ page.relative_path }}whats-new/">
- <span class="hidden-tablet">What's </span>New</a>
- </li>
- <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li>
- <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li>
- </ul>
- <ul class="nav pull-right">
- <li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li>
- </ul>
- </div>
+ <div class="navbar-collapse collapse">
+ <ul class="nav navbar-nav">
+ <li class="hidden-sm {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li>
+ <li class="hidden-sm{% if page.navbar_active == "whats-new" %} active{% endif %}">
+ <a href="{{ page.relative_path }}whats-new/">What's New</a>
+ </li>
+ <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "whats-new" %} active{% endif %}">
+ <a href="{{ page.relative_path }}whats-new/">New</a>
+ </li>
+ <li{% if page.navbar_active == "get-started" %} class="active"{% endif %}><a href="{{ page.relative_path }}get-started/">Get Started</a></li>
+ <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li>
+ <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "icons" %} active{% endif %}">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="{{ page.relative_path }}icons/"><i class="fa fa-flag fa-fw"></i> Icons</a></li>
+ <li class="divider"></li>
+ <li><a href="{{ page.relative_path }}icons/#new"><i class="fa fa-rub fa-fw"></i> New Icons in {{ site.fontawesome.minor_version }}</a></li>
+ <li><a href="{{ page.relative_path }}icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
+ <li><a href="{{ page.relative_path }}icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
+ <li><a href="{{ page.relative_path }}icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
+ <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
+ <li><a href="{{ page.relative_path }}icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i> Directional Icons</a></li>
+ <li><a href="{{ page.relative_path }}icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
+ <li><a href="{{ page.relative_path }}icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
+ <li><a href="{{ page.relative_path }}icons/#medical"><i class="fa fa-medkit fa-fw"></i> Medical Icons</a></li>
+ </ul>
+ </li>
+ <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li>
+ <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "examples" %} active{% endif %}">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu pull-right">
+ <li><a href="{{ page.relative_path }}examples/">Examples</a></li>
+ <li class="divider"></li>
+ <li><a href="{{ page.relative_path }}examples/#inline">Inline Icons</a></li>
+ <li><a href="{{ page.relative_path }}examples/#larger">Larger Icons</a></li>
+ <li><a href="{{ page.relative_path }}examples/#fixed-width">Fixed Width Icons</a></li>
+ <li><a href="{{ page.relative_path }}examples/#list">List Icons</a></li>
+ <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+ <li><a href="{{ page.relative_path }}examples/#spinning">Spinning Icons</a></li>
+ <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped Icons</a></li>
+ <li><a href="{{ page.relative_path }}examples/#stacked">Stacked Icons</a></li>
+ <li><a href="{{ page.relative_path }}examples/#bootstrap">Bootstrap 3 Examples</a></li>
+ <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li>
+ </ul>
+ </li>
+ <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li>
+ <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li>
+ </ul>
+ <ul class="nav navbar-nav navbar-right">
+ <li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li>
+ </ul>
</div>
+
</div>
</div>
--- /dev/null
+{% capture stripe_ad_content %}
+<p class="lead">
+ Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome
+ {{ site.fontawesome.minor_version }}. Have some ideas for new features?
+ <a href="{{ page.relative_path }}community/">Help contribute</a>.
+</p>
+{% endcapture %}
+{% include stripe-ad.html %}
+
+<section id="whats-new" class="feature-list">
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-file-text-o"></i> Completely Rewritten</h4>
+ Everything re-written from the ground up for speed and simplicity.
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-fighter-jet"></i> CSS Best Practices</h4>
+ New icon base class allows simpler CSS, faster rendering, and easier control.
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-terminal"></i> New Icon Names</h4>
+ Icons have been renamed to improve consistency and predictability.
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-thumbs-o-up"></i> Bootstrap 3</h4>
+ Font Awesome {{ site.fontawesome.minor_version }} is fully tested and compatible with Bootstrap 3.
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-code"></i> Better Compatibility</h4>
+ Font Awesome is now more compatible with all web frameworks, including Foundation.
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-rub"></i> {{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h4>
+ Requested by the active community on the <a href="{{ site.fontawesome.github.url }}">Font Awesome GitHub project</a>.
+ </div>
+ </div>
+</section>
--- /dev/null
+<section id="new-naming">
+ <h2 class="page-header">New Naming Conventions in {{ site.fontawesome.minor_version }}</h2>
+ <p class="lead text-center alert alert-success">fa-[name]-[shape]-[o]-[direction]</p>
+ <p>
+ A desire for better icon naming <strong>consistency</strong> and <strong>predictability</strong> are at the heart
+ of the changes in naming conventions. Once you know the name of the base icon shape, you should be able to predict
+ the names of variants.
+ </p>
+ <div class="row">
+ <div class="col-lg-3 col-md-4 col-sm-6">
+ <h4 class="margin-bottom-sm">fa-*</h4>
+ <p class="margin-bottom-sm">Solid icons as the base variant</p>
+ <ul class="fa-ul padding-left-sm">
+ <li>
+ <i class="fa fa-bookmark fa-li"></i>
+ fa-bookmark
+ </li>
+ <li>
+ <i class="fa fa-comment fa-li"></i>
+ fa-comment
+ </li>
+ <li>
+ <i class="fa fa-folder fa-li"></i>
+ fa-folder
+ </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-4 col-sm-6">
+ <h4 class="margin-bottom-sm">*-o</h4>
+ <p class="margin-bottom-sm">Outlined version of previous modifier</p>
+ <ul class="fa-ul padding-left-sm">
+ <li>
+ <i class="fa fa-bookmark-o fa-li"></i>
+ fa-bookmark-o
+ </li>
+ <li>
+ <i class="fa fa-comment-o fa-li"></i>
+ fa-comment-o
+ </li>
+ <li>
+ <i class="fa fa-folder-o fa-li"></i>
+ fa-folder-o
+ </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-4 col-sm-6">
+ <h4 class="margin-bottom-sm">*-circle</h4>
+ <p class="margin-bottom-sm">Circle under previous modifier</p>
+ <ul class="fa-ul padding-left-sm">
+ <li>
+ <i class="fa fa-check-circle fa-li"></i>
+ fa-check-circle
+ </li>
+ <li>
+ <i class="fa fa-exclamation-circle fa-li"></i>
+ fa-exclamation-circle
+ </li>
+ <li>
+ <i class="fa fa-plus-circle fa-li"></i>
+ fa-plus-circle
+ </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-4 col-sm-6">
+ <h4 class="margin-bottom-sm">*-square</h4>
+ <p class="margin-bottom-sm">Square under previous modifier</p>
+ <ul class="fa-ul padding-left-sm">
+ <li>
+ <i class="fa fa-check-square fa-li"></i>
+ fa-check-square
+ </li>
+ <li>
+ <i class="fa fa-twitter-square fa-li"></i>
+ fa-twitter-square
+ </li>
+ <li>
+ <i class="fa fa-plus-square fa-li"></i>
+ fa-plus-square
+ </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-4 col-sm-6">
+ <h4 class="margin-bottom-sm">*-right, *-up, etc.</h4>
+ <p class="margin-bottom-sm">Directional modifier always at the end</p>
+ <ul class="fa-ul padding-left-sm">
+ <li>
+ <i class="fa fa-arrow-right fa-li"></i>
+ fa-arrow-right
+ </li>
+ <li>
+ <i class="fa fa-arrow-circle-right fa-li"></i>
+ fa-arrow-circle-right
+ </li>
+ <li>
+ <i class="fa fa-angle-double-right fa-li"></i>
+ fa-angle-double-right
+ </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-4 col-sm-6">
+ <h4 class="margin-bottom-sm">*-alt</h4>
+ <p class="margin-bottom-sm">Alternative to the original</p>
+ <ul class="fa-ul padding-left-sm">
+ <li>
+ <i class="fa fa-unlock-alt fa-li"></i>
+ fa-unlock-alt
+ </li>
+ <li>
+ <i class="fa fa-list-alt fa-li"></i>
+ fa-list-alt
+ </li>
+ <li>
+ <i class="fa fa-github-alt fa-li"></i>
+ fa-github-alt
+ </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-4 col-sm-6">
+ <h4 class="margin-bottom-sm">*-h, *-v</h4>
+ <p class="margin-bottom-sm">Horizontal & vertical modifiers</p>
+ <ul class="fa-ul padding-left-sm">
+ <li>
+ <i class="fa fa-arrows-v fa-li"></i>
+ fa-arrows-v
+ </li>
+ <li>
+ <i class="fa fa-arrows-h fa-li"></i>
+ fa-arrows-h
+ </li>
+ <li>
+ <i class="fa fa-ellipsis-v fa-li"></i>
+ fa-ellipsis-v
+ </li>
+ </ul>
+ </div>
+ <div class="col-lg-3 col-md-4 col-sm-6">
+ <h4 class="margin-bottom-sm">Combine 'em up...</h4>
+ <p class="margin-bottom-sm">Consistent when strung together</p>
+ <ul class="fa-ul padding-left-sm">
+ <li>
+ <i class="fa fa-arrow-circle-o-right fa-li"></i>
+ fa-arrow-circle-o-right
+ </li>
+ <li>
+ <i class="fa fa-caret-square-o-right fa-li"></i>
+ fa-caret-square-o-right
+ </li>
+ <li>
+ <i class="fa fa-hand-o-right fa-li"></i>
+ fa-hand-o-right
+ </li>
+ </ul>
+ </div>
+
+ </div>
+
+</section>
--- /dev/null
+<section id="new-upgrading">
+ <h2 class="page-header">Upgrading from 3.2.1?</h2>
+ <p>
+ For complete documentation of the syntax changes in {{ site.fontawesome.minor_version }}, check out the
+ <a href="{{ page.relative_path }}examples">examples</a>. For the changes to icon names,
+ <a href="https://twitter.com/gtagliala">@gtagliala</a> has put together a
+ <a href="{{ site.fontawesome.github.url }}/wiki/Upgrading-from-3.2.1-to-4">great wiki page</a> that
+ documents all the changes.
+ </p>
+</section>
<section class="hidden-print">
- <div class="row stripe-ad">
- <div class="span8">
- {{ stripe_ad_content }}
- </div>
- <div class="span4">
- {% include ads/carbon-light-horizontal.html %}
- </div>
+ <div class="stripe-ad">
+ {% include ads/carbon-light-horizontal.html %}
+ {{ stripe_ad_content }}
</div>
</section>
<div id="social-buttons" class="hidden-print">
<div class="container">
- <ul class="unstyled inline">
+ <ul class="list-inline">
<li>
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
</li>
open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work.
</p>
<div class="row">
- <div class="span6">
- <h3><a href="https://www.gittip.com/davegandy/"><i class="icon-gittip"></i> Tip me on Gittip</a></h3>
+ <div class="col-md-6 col-sm-6">
+ <h3><a href="https://www.gittip.com/davegandy/"><i class="fa fa-gittip padding-right-sm"></i>Tip me on Gittip</a></h3>
<p>
Gittip is a great way to let developers know you appreciate their work.
</p>
</div>
- <div class="span6">
+ <div class="col-md-6 col-sm-6">
<h3><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h3>
<p>
Or pick something straight
-<a href="#"><i class="icon-flag"></i> normal</a><br>
-<a href="#"><i class="icon-flag icon-rotate-90"></i> icon-rotate-90</a><br>
-<a href="#"><i class="icon-flag icon-rotate-180"></i> icon-rotate-180</a><br>
-<a href="#"><i class="icon-flag icon-rotate-270"></i> icon-rotate-270</a><br>
-<a href="#"><i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal</a><br>
-<a href="#"><i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical</a>
+<a href="#"><i class="fa fa-flag"></i> normal</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-90"></i> fa-rotate-90</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-180"></i> fa-rotate-180</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-270"></i> fa-rotate-270</a><br>
+<a href="#"><i class="fa fa-flag fa-flip-horizontal"></i> fa-flip-horizontal</a><br>
+<a href="#"><i class="fa fa-flag fa-flip-vertical"></i> fa-flip-vertical</a>
-<a class="btn" href="#"><i class="icon-flag"></i> normal</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-90"></i> icon-rotate-90</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-180"></i> icon-rotate-180</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-270"></i> icon-rotate-270</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical</a>
+<a class="btn btn-default" href="#"><i class="fa fa-flag"></i> normal</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-90"></i> fa-rotate-90</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-180"></i> fa-rotate-180</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-270"></i> fa-rotate-270</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-horizontal"></i> fa-flip-horizontal</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-vertical"></i> fa-flip-vertical</a>
-<i class="icon-flag"></i> normal<br>
-<i class="icon-flag icon-rotate-90"></i> icon-rotate-90<br>
-<i class="icon-flag icon-rotate-180"></i> icon-rotate-180<br>
-<i class="icon-flag icon-rotate-270"></i> icon-rotate-270<br>
-<i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal<br>
-<i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical
+<i class="fa fa-flag"></i> normal<br>
+<i class="fa fa-flag fa-rotate-90"></i> fa-rotate-90<br>
+<i class="fa fa-flag fa-rotate-180"></i> fa-rotate-180<br>
+<i class="fa fa-flag fa-rotate-270"></i> fa-rotate-270<br>
+<i class="fa fa-flag fa-flip-horizontal"></i> fa-flip-horizontal<br>
+<i class="fa fa-flag fa-flip-vertical"></i> fa-flip-vertical
<p>
<a href="#">
- <span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-twitter icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
Twitter Icon
</a>
<a href="#">
- <span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-facebook icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
</a>
<a href="#">
- <span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-github icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
GitHub Icon
</a>
</p>
<p>
<a href="#">
- <span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-twitter icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
Twitter Icon
</a>
<a href="#">
- <span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-facebook icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
</a>
<a href="#">
- <span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-github icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
GitHub Icon
</a>
</p>
<p>
<a href="#">
- <span class="icon-stack">
- <i class="icon-circle-blank icon-stack-base"></i>
- <i class="icon-twitter"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle-o fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x"></i>
</span>
Twitter Icon
</a>
<a href="#">
- <span class="icon-stack">
- <i class="icon-circle-blank icon-stack-base"></i>
- <i class="icon-facebook"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle-o fa-stack-2x"></i>
+ <i class="fa fa-facebook fa-stack-1x"></i>
</span>
Facebook Icon
</a>
<a href="#">
- <span class="icon-stack">
- <i class="icon-circle-blank icon-stack-base"></i>
- <i class="icon-github"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle-o fa-stack-2x"></i>
+ <i class="fa fa-github fa-stack-1x"></i>
</span>
GitHub Icon
</a>
+<span style="border: solid 1px #d3d3d3; display: inline-block; text-align: center">
+ <span class="fa-stack">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
+ </span><br>Center
+</span>
+<hr>
<p>
- <span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-twitter icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
Twitter Icon
- <span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-facebook icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
- <span class="icon-stack">
- <i class="icon-sign-blank icon-stack-base"></i>
- <i class="icon-github icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-square fa-stack-2x"></i>
+ <i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
GitHub Icon
</p>
<p>
- <span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-twitter icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
Twitter Icon
- <span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-facebook icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
- <span class="icon-stack">
- <i class="icon-circle icon-stack-base"></i>
- <i class="icon-github icon-light"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
GitHub Icon
</p>
<p>
- <span class="icon-stack">
- <i class="icon-circle-blank icon-stack-base"></i>
- <i class="icon-twitter"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle-o fa-stack-2x"></i>
+ <i class="fa fa-twitter fa-stack-1x"></i>
</span>
Twitter Icon
- <span class="icon-stack">
- <i class="icon-circle-blank icon-stack-base"></i>
- <i class="icon-facebook"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle-o fa-stack-2x"></i>
+ <i class="fa fa-facebook fa-stack-1x"></i>
</span>
Facebook Icon
- <span class="icon-stack">
- <i class="icon-circle-blank icon-stack-base"></i>
- <i class="icon-github"></i>
+ <span class="fa-stack">
+ <i class="fa fa-circle-o fa-stack-2x"></i>
+ <i class="fa fa-github fa-stack-1x"></i>
</span>
GitHub Icon
</p>
\ No newline at end of file
<section id="thanks-to">
<h2 class="page-header">Thanks To</h2>
<div class="row">
- <div class="span4">
+ <div class="col-md-4 col-sm-4">
<p>
Thanks to <a href="https://twitter.com/robmadole/">@robmadole</a> and
<a href="https://twitter.com/supercodepoet/">@supercodepoet</a> for icon design
review, advice, some Jekyll help, and being all around badass coders.
</p>
</div>
- <div class="span4">
+ <div class="col-md-4 col-sm-4">
<p>
- Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and
- <a href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing and hosting
- <a href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome.
+ HUGE thanks to <a href="https://twitter.com/gtagliala">@gtagliala</a> for doing such a fantastic job managing
+ pull requests and issues on the Font Awesome
+ <a href="{{ site.fontawesome.github.url }}">GitHub project</a>.
</p>
</div>
- <div class="span4">
+ <div class="col-md-4 col-sm-4">
<p>
- Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent
+ Thanks to <a href="http://maxcdn.com"><i class="fa fa-maxcdn"> </i>MaxCDN</a> for providing the excellent
<a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a>, the fastest and easiest way to
<a href="{{ page.relative_path }}get-started/#bootstrapcdn">get started</a> with Font Awesome.
</p>
+++ /dev/null
-{% capture stripe_ad_content %}
-<p class="lead">
- Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome
- {{ site.fontawesome.minor_version }}. Have some ideas for new features?
- <a href="{{ page.relative_path }}community/">Help contribute</a>.
-</p>
-{% endcapture %}
-{% include stripe-ad.html %}
-
-<div id="whats-new">
- <div class="row">
- <div class="span4">
- <h4><i class="icon-compass"></i> {{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h4>
- Requested by the active community on the <a href="{{ site.fontawesome.github.url }}">Font Awesome GitHub project</a>.
- </div>
- <div class="span4">
- <h4><i class="icon-terminal"></i> SCSS Support</h4>
- A long term solution is now in place for SCSS support. Need SASS? Try <a href="http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax">sass-convert</a>.
- </div>
- <div class="span4">
- <h4><i class="icon-legal"></i> <a href="{{ page.relative_path }}license/">Better & Simpler License</a></h4>
- SIL OFL 1.1 for font, MIT license for code. No more attribution required, but much appreciated.
- </div>
- <div class="span4 margin-bottom-large">
- <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4>
- Version 3 was re-created from the ground up to be razor sharp at Bootstrap's default 14px.
- </div>
- <div class="span4">
- <h4><i class="icon-th-large"></i> <a href="http://icnfnt.com/">Font Subsetting</a></h4>
- Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and <a href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a href="http://icnfnt.com/">subset</a> to get just the icons you need.
- </div>
- <div class="span4">
- <h4><i class="icon-question-sign"></i> Want More Details?</h4>
- Check out the <a href="{{ site.fontawesome.github.url }}#changelog">CHANGELOG on the GitHub project</a> to see
- what's new and changed.
- </div>
- </div>
-</div>
-<div id="why">
+<section id="why" class="feature-list">
<div class="row">
- <div class="span4">
- <h4><i class="icon-flag"></i> One Font, {{ icons | size }} Icons</h4>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-flag"></i> One Font, {{ icons | size }} Icons</h4>
In a single collection, Font Awesome is a pictographic language of web-related actions.
</div>
- <div class="span4">
- <h4><i class="icon-pencil"></i> CSS Control</h4>
- Easily style icon color, size, shadow, and anything that's possible with CSS.
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-ban"></i> No JavaScript Required</h4>
+ Fewer compatibility concerns because Font Awesome doesn't require JavaScript.
</div>
- <div class="span4">
- <h4><i class="icon-fullscreen"></i> Infinite Scalability</h4>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-arrows-alt"></i> Infinite Scalability</h4>
Scalable vector graphics means every icon looks awesome at any size.
</div>
- <div class="span4">
- <h4><i class="icon-microphone"></i> Free, as in Speech</h4>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-microphone"></i> Free, as in Speech</h4>
Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>.
</div>
- <div class="span4">
- <h4><i class="icon-ok"></i> IE7 Support</h4>
- Font Awesome supports IE7. If you need it, you have my condolences.
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-pencil"></i> CSS Control</h4>
+ Easily style icon color, size, shadow, and anything that's possible with CSS.
</div>
- <div class="span4">
- <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-eye"></i> Perfect on Retina Displays</h4>
Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
</div>
- <div class="span4">
- <h4><i class="icon-thumbs-up-alt"></i> Made for Bootstrap</h4>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-thumbs-o-up"></i> Made for Bootstrap</h4>
Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
</div>
- <div class="span4">
- <h4><i class="icon-desktop"></i> Desktop Friendly</h4>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-desktop"></i> Desktop Friendly</h4>
To use on the desktop or for a complete set of vectors,
check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
</div>
- <div class="span4">
- <h4><i class="icon-search"></i> Screen Reader Compatible</h4>
+ <div class="col-md-4 col-sm-6">
+ <h4><i class="fa fa-search"></i> Screen Reader Compatible</h4>
Font Awesome won't trip up screen readers, unlike other icon fonts.
</div>
</div>
-</div>
+</section>
<!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
-<!--[if (gte IE 9)|!(IE)]><!-->
-<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
- <title>{% if page.title %}{{ page.title }}{% endif %}</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
<meta name="author" content="Dave Gandy">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+ <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico">
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
+ <title>{% if page.title %}{{ page.title }}{% endif %}</title>
<!-- CSS
- ================================================== -->
-
+ ================================================== -->
<link rel="stylesheet" href="{{ page.relative_path }}assets/css/site.css">
<link rel="stylesheet" href="{{ page.relative_path }}assets/css/pygments.css">
<link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome.css">
- <!--[if IE 7]>
- <link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome-ie7.css">
+
+ <!--[if lt IE 9]>
+ <script src="{{ page.relative_path }}assets/js/html5shiv.js"></script>
+ <script src="{{ page.relative_path }}assets/js/respond.min.js"></script>
<![endif]-->
- <!-- Le fav and touch icons -->
- <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico">
<script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
})();
</script>
</head>
-<body data-spy="scroll" data-target=".navbar">
-<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
{% include navbar.html %}
{{ content }}
- <div class="push"><!-- necessary for sticky footer --></div>
</div>
{% include footer.html %}
<script src="http://platform.twitter.com/widgets.js"></script>
-<script src="{{ page.relative_path }}assets/js/jquery-1.7.1.min.js"></script>
+<script src="{{ page.relative_path }}assets/js/jquery-{{ site.jquery.version }}.min.js"></script>
<script src="{{ page.relative_path }}assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="{{ page.relative_path }}assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="{{ page.relative_path }}assets/js/bootstrap-{{ site.bootstrap.version }}.min.js"></script>
<script src="{{ page.relative_path }}assets/js/site.js"></script>
</body>
<div class="jumbotron jumbotron-icon">
<div class="container">
<div class="info-icons">
- <i class="icon-{{ page.icon.id }} icon-6"></i>
- <span class="hidden-phone">
- <i class="icon-{{ page.icon.id }} icon-5"></i>
- <span class="hidden-tablet"><i class="icon-{{ page.icon.id }} icon-4"></i> </span>
- <i class="icon-{{ page.icon.id }} icon-3"></i>
- <i class="icon-{{ page.icon.id }} icon-2"></i>
+ <i class="fa fa-{{ page.icon.id }} fa-6"></i>
+ <span class="hide-xs">
+ <i class="fa fa-{{ page.icon.id }} fa-5"></i>
+ <span class="hide-sm"><i class="fa fa-{{ page.icon.id }} fa-4"></i> </span>
+ <i class="fa fa-{{ page.icon.id }} fa-3"></i>
+ <i class="fa fa-{{ page.icon.id }} fa-2"></i>
</span>
- <i class="icon-{{ page.icon.id }} icon-1"></i>
+ <i class="fa fa-{{ page.icon.id }} fa-1"></i>
</div>
<h1 class="info-class">
- icon-{{ page.icon.id }}
+ fa-{{ page.icon.id }}
<small>
- <i class="icon-{{ page.icon.id }}"></i> ·
+ <i class="fa fa-{{ page.icon.id }}"></i> ·
Unicode: <span class="upper">{{ page.icon.unicode }}</span> ·
Created: v{{ page.icon.created }} ·
Categories:
{% if icon_alias_count > 0 %}
· Aliases:
{% for alias in page.icon.aliases %}
- icon-{{ alias }}{% unless forloop.last %},{% endunless %}
+ fa-{{ alias }}{% unless forloop.last %},{% endunless %}
{% endfor %}
{% endif %}
</small>
<div class="container">
<section>
- <div class="row-fluid">
- <div class="span9">
- <p>After you get <a href="{{ page.relative_path }}integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
+ <div class="row">
+ <div class="col-md-9 col-sm-9">
+ <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>
<div class="well well-transparent">
<div style="font-size: 24px; line-height: 1.5em;">
- <i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
+ <i class="fa fa-{{ page.icon.id }}"></i> fa-{{ page.icon.id }}
</div>
</div>
{% highlight html %}
-<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
+<i class="fa fa-{{ page.icon.id }}"></i> fa-{{ page.icon.id }}
{% endhighlight %}
<br>
- <div class="lead"><i class="
icon-info-sign"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.</div>
+ <div class="lead"><i class="
fa fa-info-sign"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.</div>
</div>
- <div class="span3">
+ <div class="col-md-3 col-sm-3">
<div class="info-ad">{% include ads/carbon-light-vertical.html %}</div>
</div>
</div>
--- /dev/null
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata></metadata>
+<defs>
+<font id="fontawesomeregular" horiz-adv-x="1536" >
+<font-face units-per-em="1792" ascent="1536" descent="-256" />
+<missing-glyph horiz-adv-x="448" />
+<glyph unicode=" " horiz-adv-x="448" />
+<glyph unicode="	" horiz-adv-x="448" />
+<glyph unicode=" " horiz-adv-x="448" />
+<glyph unicode="¨" horiz-adv-x="1792" />
+<glyph unicode="©" horiz-adv-x="1792" />
+<glyph unicode="®" horiz-adv-x="1792" />
+<glyph unicode="´" horiz-adv-x="1792" />
+<glyph unicode="Æ" horiz-adv-x="1792" />
+<glyph unicode=" " horiz-adv-x="768" />
+<glyph unicode=" " />
+<glyph unicode=" " horiz-adv-x="768" />
+<glyph unicode=" " />
+<glyph unicode=" " horiz-adv-x="512" />
+<glyph unicode=" " horiz-adv-x="384" />
+<glyph unicode=" " horiz-adv-x="256" />
+<glyph unicode=" " horiz-adv-x="256" />
+<glyph unicode=" " horiz-adv-x="192" />
+<glyph unicode=" " horiz-adv-x="307" />
+<glyph unicode=" " horiz-adv-x="85" />
+<glyph unicode=" " horiz-adv-x="307" />
+<glyph unicode=" " horiz-adv-x="384" />
+<glyph unicode="™" horiz-adv-x="1792" />
+<glyph unicode="∞" horiz-adv-x="1792" />
+<glyph unicode="≠" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="500" d="M0 0z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1699 1350q0 -35 -43 -78l-632 -632v-768h320q26 0 45 -19t19 -45t-19 -45t-45 -19h-896q-26 0 -45 19t-19 45t19 45t45 19h320v768l-632 632q-43 43 -43 78q0 23 18 36.5t38 17.5t43 4h1408q23 0 43 -4t38 -17.5t18 -36.5z" />
+<glyph unicode="" d="M1536 1312v-1120q0 -50 -34 -89t-86 -60.5t-103.5 -32t-96.5 -10.5t-96.5 10.5t-103.5 32t-86 60.5t-34 89t34 89t86 60.5t103.5 32t96.5 10.5q105 0 192 -39v537l-768 -237v-709q0 -50 -34 -89t-86 -60.5t-103.5 -32t-96.5 -10.5t-96.5 10.5t-103.5 32t-86 60.5t-34 89 t34 89t86 60.5t103.5 32t96.5 10.5q105 0 192 -39v967q0 31 19 56.5t49 35.5l832 256q12 4 28 4q40 0 68 -28t28 -68z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1152 704q0 185 -131.5 316.5t-316.5 131.5t-316.5 -131.5t-131.5 -316.5t131.5 -316.5t316.5 -131.5t316.5 131.5t131.5 316.5zM1664 -128q0 -52 -38 -90t-90 -38q-54 0 -90 38l-343 342q-179 -124 -399 -124q-143 0 -273.5 55.5t-225 150t-150 225t-55.5 273.5 t55.5 273.5t150 225t225 150t273.5 55.5t273.5 -55.5t225 -150t150 -225t55.5 -273.5q0 -220 -124 -399l343 -343q37 -37 37 -90z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1664 32v768q-32 -36 -69 -66q-268 -206 -426 -338q-51 -43 -83 -67t-86.5 -48.5t-102.5 -24.5h-1h-1q-48 0 -102.5 24.5t-86.5 48.5t-83 67q-158 132 -426 338q-37 30 -69 66v-768q0 -13 9.5 -22.5t22.5 -9.5h1472q13 0 22.5 9.5t9.5 22.5zM1664 1083v11v13.5t-0.5 13 t-3 12.5t-5.5 9t-9 7.5t-14 2.5h-1472q-13 0 -22.5 -9.5t-9.5 -22.5q0 -168 147 -284q193 -152 401 -317q6 -5 35 -29.5t46 -37.5t44.5 -31.5t50.5 -27.5t43 -9h1h1q20 0 43 9t50.5 27.5t44.5 31.5t46 37.5t35 29.5q208 165 401 317q54 43 100.5 115.5t46.5 131.5z M1792 1120v-1088q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v1088q0 66 47 113t113 47h1472q66 0 113 -47t47 -113z" />
+<glyph unicode="" horiz-adv-x="1792" d="M896 -128q-26 0 -44 18l-624 602q-10 8 -27.5 26t-55.5 65.5t-68 97.5t-53.5 121t-23.5 138q0 220 127 344t351 124q62 0 126.5 -21.5t120 -58t95.5 -68.5t76 -68q36 36 76 68t95.5 68.5t120 58t126.5 21.5q224 0 351 -124t127 -344q0 -221 -229 -450l-623 -600 q-18 -18 -44 -18z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1664 889q0 -22 -26 -48l-363 -354l86 -500q1 -7 1 -20q0 -21 -10.5 -35.5t-30.5 -14.5q-19 0 -40 12l-449 236l-449 -236q-22 -12 -40 -12q-21 0 -31.5 14.5t-10.5 35.5q0 6 2 20l86 500l-364 354q-25 27 -25 48q0 37 56 46l502 73l225 455q19 41 49 41t49 -41l225 -455 l502 -73q56 -9 56 -46z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1137 532l306 297l-422 62l-189 382l-189 -382l-422 -62l306 -297l-73 -421l378 199l377 -199zM1664 889q0 -22 -26 -48l-363 -354l86 -500q1 -7 1 -20q0 -50 -41 -50q-19 0 -40 12l-449 236l-449 -236q-22 -12 -40 -12q-21 0 -31.5 14.5t-10.5 35.5q0 6 2 20l86 500 l-364 354q-25 27 -25 48q0 37 56 46l502 73l225 455q19 41 49 41t49 -41l225 -455l502 -73q56 -9 56 -46z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q9 0 42 -21.5t74.5 -48t108 -48t133.5 -21.5t133.5 21.5t108 48t74.5 48t42 21.5q61 0 111.5 -20t85.5 -53.5t62 -81 t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5zM1088 1024q0 -159 -112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5t112.5 271.5t271.5 112.5t271.5 -112.5t112.5 -271.5z" />
+<glyph unicode="" horiz-adv-x="1920" d="M384 -64v128q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM384 320v128q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM384 704v128q0 26 -19 45t-45 19h-128 q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM1408 -64v512q0 26 -19 45t-45 19h-768q-26 0 -45 -19t-19 -45v-512q0 -26 19 -45t45 -19h768q26 0 45 19t19 45zM384 1088v128q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45 t45 -19h128q26 0 45 19t19 45zM1792 -64v128q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM1408 704v512q0 26 -19 45t-45 19h-768q-26 0 -45 -19t-19 -45v-512q0 -26 19 -45t45 -19h768q26 0 45 19t19 45zM1792 320v128 q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM1792 704v128q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM1792 1088v128q0 26 -19 45t-45 19h-128q-26 0 -45 -19 t-19 -45v-128q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM1920 1248v-1344q0 -66 -47 -113t-113 -47h-1600q-66 0 -113 47t-47 113v1344q0 66 47 113t113 47h1600q66 0 113 -47t47 -113z" />
+<glyph unicode="" horiz-adv-x="1664" d="M768 512v-384q0 -52 -38 -90t-90 -38h-512q-52 0 -90 38t-38 90v384q0 52 38 90t90 38h512q52 0 90 -38t38 -90zM768 1280v-384q0 -52 -38 -90t-90 -38h-512q-52 0 -90 38t-38 90v384q0 52 38 90t90 38h512q52 0 90 -38t38 -90zM1664 512v-384q0 -52 -38 -90t-90 -38 h-512q-52 0 -90 38t-38 90v384q0 52 38 90t90 38h512q52 0 90 -38t38 -90zM1664 1280v-384q0 -52 -38 -90t-90 -38h-512q-52 0 -90 38t-38 90v384q0 52 38 90t90 38h512q52 0 90 -38t38 -90z" />
+<glyph unicode="" horiz-adv-x="1792" d="M512 288v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM512 800v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1152 288v-192q0 -40 -28 -68t-68 -28h-320 q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM512 1312v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1152 800v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28 h320q40 0 68 -28t28 -68zM1792 288v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1152 1312v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1792 800v-192 q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1792 1312v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68z" />
+<glyph unicode="" horiz-adv-x="1792" d="M512 288v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM512 800v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1792 288v-192q0 -40 -28 -68t-68 -28h-960 q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h960q40 0 68 -28t28 -68zM512 1312v-192q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h320q40 0 68 -28t28 -68zM1792 800v-192q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v192q0 40 28 68t68 28 h960q40 0 68 -28t28 -68zM1792 1312v-192q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h960q40 0 68 -28t28 -68z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1671 970q0 -40 -28 -68l-724 -724l-136 -136q-28 -28 -68 -28t-68 28l-136 136l-362 362q-28 28 -28 68t28 68l136 136q28 28 68 28t68 -28l294 -295l656 657q28 28 68 28t68 -28l136 -136q28 -28 28 -68z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1298 214q0 -40 -28 -68l-136 -136q-28 -28 -68 -28t-68 28l-294 294l-294 -294q-28 -28 -68 -28t-68 28l-136 136q-28 28 -28 68t28 68l294 294l-294 294q-28 28 -28 68t28 68l136 136q28 28 68 28t68 -28l294 -294l294 294q28 28 68 28t68 -28l136 -136q28 -28 28 -68 t-28 -68l-294 -294l294 -294q28 -28 28 -68z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1024 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-224v-224q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v224h-224q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h224v224q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5v-224h224 q13 0 22.5 -9.5t9.5 -22.5zM1152 704q0 185 -131.5 316.5t-316.5 131.5t-316.5 -131.5t-131.5 -316.5t131.5 -316.5t316.5 -131.5t316.5 131.5t131.5 316.5zM1664 -128q0 -53 -37.5 -90.5t-90.5 -37.5q-54 0 -90 38l-343 342q-179 -124 -399 -124q-143 0 -273.5 55.5 t-225 150t-150 225t-55.5 273.5t55.5 273.5t150 225t225 150t273.5 55.5t273.5 -55.5t225 -150t150 -225t55.5 -273.5q0 -220 -124 -399l343 -343q37 -37 37 -90z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1024 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-576q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h576q13 0 22.5 -9.5t9.5 -22.5zM1152 704q0 185 -131.5 316.5t-316.5 131.5t-316.5 -131.5t-131.5 -316.5t131.5 -316.5t316.5 -131.5t316.5 131.5t131.5 316.5z M1664 -128q0 -53 -37.5 -90.5t-90.5 -37.5q-54 0 -90 38l-343 342q-179 -124 -399 -124q-143 0 -273.5 55.5t-225 150t-150 225t-55.5 273.5t55.5 273.5t150 225t225 150t273.5 55.5t273.5 -55.5t225 -150t150 -225t55.5 -273.5q0 -220 -124 -399l343 -343q37 -37 37 -90z " />
+<glyph unicode="" d="M1536 640q0 -156 -61 -298t-164 -245t-245 -164t-298 -61t-298 61t-245 164t-164 245t-61 298q0 182 80.5 343t226.5 270q43 32 95.5 25t83.5 -50q32 -42 24.5 -94.5t-49.5 -84.5q-98 -74 -151.5 -181t-53.5 -228q0 -104 40.5 -198.5t109.5 -163.5t163.5 -109.5 t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5q0 121 -53.5 228t-151.5 181q-42 32 -49.5 84.5t24.5 94.5q31 43 84 50t95 -25q146 -109 226.5 -270t80.5 -343zM896 1408v-640q0 -52 -38 -90t-90 -38t-90 38t-38 90v640q0 52 38 90t90 38t90 -38t38 -90z" />
+<glyph unicode="" horiz-adv-x="1792" d="M256 96v-192q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h192q14 0 23 -9t9 -23zM640 224v-320q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v320q0 14 9 23t23 9h192q14 0 23 -9t9 -23zM1024 480v-576q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23 v576q0 14 9 23t23 9h192q14 0 23 -9t9 -23zM1408 864v-960q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v960q0 14 9 23t23 9h192q14 0 23 -9t9 -23zM1792 1376v-1472q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v1472q0 14 9 23t23 9h192q14 0 23 -9t9 -23z" />
+<glyph unicode="" d="M1024 640q0 106 -75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75t75 181zM1536 749v-222q0 -12 -8 -23t-20 -13l-185 -28q-19 -54 -39 -91q35 -50 107 -138q10 -12 10 -25t-9 -23q-27 -37 -99 -108t-94 -71q-12 0 -26 9l-138 108q-44 -23 -91 -38 q-16 -136 -29 -186q-7 -28 -36 -28h-222q-14 0 -24.5 8.5t-11.5 21.5l-28 184q-49 16 -90 37l-141 -107q-10 -9 -25 -9q-14 0 -25 11q-126 114 -165 168q-7 10 -7 23q0 12 8 23q15 21 51 66.5t54 70.5q-27 50 -41 99l-183 27q-13 2 -21 12.5t-8 23.5v222q0 12 8 23t19 13 l186 28q14 46 39 92q-40 57 -107 138q-10 12 -10 24q0 10 9 23q26 36 98.5 107.5t94.5 71.5q13 0 26 -10l138 -107q44 23 91 38q16 136 29 186q7 28 36 28h222q14 0 24.5 -8.5t11.5 -21.5l28 -184q49 -16 90 -37l142 107q9 9 24 9q13 0 25 -10q129 -119 165 -170q7 -8 7 -22 q0 -12 -8 -23q-15 -21 -51 -66.5t-54 -70.5q26 -50 41 -98l183 -28q13 -2 21 -12.5t8 -23.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M512 800v-576q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v576q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM768 800v-576q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v576q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM1024 800v-576q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v576 q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM1152 76v948h-896v-948q0 -22 7 -40.5t14.5 -27t10.5 -8.5h832q3 0 10.5 8.5t14.5 27t7 40.5zM480 1152h448l-48 117q-7 9 -17 11h-317q-10 -2 -17 -11zM1408 1120v-64q0 -14 -9 -23t-23 -9h-96v-948q0 -83 -47 -143.5t-113 -60.5h-832 q-66 0 -113 58.5t-47 141.5v952h-96q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h309l70 167q15 37 54 63t79 26h320q40 0 79 -26t54 -63l70 -167h309q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1408 544v-480q0 -26 -19 -45t-45 -19h-384v384h-256v-384h-384q-26 0 -45 19t-19 45v480q0 1 0.5 3t0.5 3l575 474l575 -474q1 -2 1 -6zM1631 613l-62 -74q-8 -9 -21 -11h-3q-13 0 -21 7l-692 577l-692 -577q-12 -8 -24 -7q-13 2 -21 11l-62 74q-8 10 -7 23.5t11 21.5 l719 599q32 26 76 26t76 -26l244 -204v195q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-408l219 -182q10 -8 11 -21.5t-7 -23.5z" />
+<glyph unicode="" horiz-adv-x="1280" d="M128 0h1024v768h-416q-40 0 -68 28t-28 68v416h-512v-1280zM768 896h376q-10 29 -22 41l-313 313q-12 12 -41 22v-376zM1280 864v-896q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28t-28 68v1344q0 40 28 68t68 28h640q40 0 88 -20t76 -48l312 -312q28 -28 48 -76t20 -88z " />
+<glyph unicode="" d="M896 992v-448q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h224v352q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1111 540v4l-24 320q-1 13 -11 22.5t-23 9.5h-186q-13 0 -23 -9.5t-11 -22.5l-24 -320v-4q-1 -12 8 -20t21 -8h244q12 0 21 8t8 20zM1870 73q0 -73 -46 -73h-704q13 0 22 9.5t8 22.5l-20 256q-1 13 -11 22.5t-23 9.5h-272q-13 0 -23 -9.5t-11 -22.5l-20 -256 q-1 -13 8 -22.5t22 -9.5h-704q-46 0 -46 73q0 54 26 116l417 1044q8 19 26 33t38 14h339q-13 0 -23 -9.5t-11 -22.5l-15 -192q-1 -14 8 -23t22 -9h166q13 0 22 9t8 23l-15 192q-1 13 -11 22.5t-23 9.5h339q20 0 38 -14t26 -33l417 -1044q26 -62 26 -116z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1280 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1536 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1664 416v-320q0 -40 -28 -68t-68 -28h-1472q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h465l135 -136 q58 -56 136 -56t136 56l136 136h464q40 0 68 -28t28 -68zM1339 985q17 -41 -14 -70l-448 -448q-18 -19 -45 -19t-45 19l-448 448q-31 29 -14 70q17 39 59 39h256v448q0 26 19 45t45 19h256q26 0 45 -19t19 -45v-448h256q42 0 59 -39z" />
+<glyph unicode="" d="M1120 608q0 -12 -10 -24l-319 -319q-11 -9 -23 -9t-23 9l-320 320q-15 16 -7 35q8 20 30 20h192v352q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-352h192q14 0 23 -9t9 -23zM768 1184q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273 t-73 273t-198 198t-273 73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1118 660q-8 -20 -30 -20h-192v-352q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v352h-192q-14 0 -23 9t-9 23q0 12 10 24l319 319q11 9 23 9t23 -9l320 -320q15 -16 7 -35zM768 1184q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198 t73 273t-73 273t-198 198t-273 73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1023 576h316q-1 3 -2.5 8t-2.5 8l-212 496h-708l-212 -496q-1 -2 -2.5 -8t-2.5 -8h316l95 -192h320zM1536 546v-482q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v482q0 62 25 123l238 552q10 25 36.5 42t52.5 17h832q26 0 52.5 -17t36.5 -42l238 -552 q25 -61 25 -123z" />
+<glyph unicode="" d="M1184 640q0 -37 -32 -55l-544 -320q-15 -9 -32 -9q-16 0 -32 8q-32 19 -32 56v640q0 37 32 56q33 18 64 -1l544 -320q32 -18 32 -55zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1536 1280v-448q0 -26 -19 -45t-45 -19h-448q-42 0 -59 40q-17 39 14 69l138 138q-148 137 -349 137q-104 0 -198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5q119 0 225 52t179 147q7 10 23 12q14 0 25 -9 l137 -138q9 -8 9.5 -20.5t-7.5 -22.5q-109 -132 -264 -204.5t-327 -72.5q-156 0 -298 61t-245 164t-164 245t-61 298t61 298t164 245t245 164t298 61q147 0 284.5 -55.5t244.5 -156.5l130 129q29 31 70 14q39 -17 39 -59z" />
+<glyph unicode="" d="M1511 480q0 -5 -1 -7q-64 -268 -268 -434.5t-478 -166.5q-146 0 -282.5 55t-243.5 157l-129 -129q-19 -19 -45 -19t-45 19t-19 45v448q0 26 19 45t45 19h448q26 0 45 -19t19 -45t-19 -45l-137 -137q71 -66 161 -102t187 -36q134 0 250 65t186 179q11 17 53 117 q8 23 30 23h192q13 0 22.5 -9.5t9.5 -22.5zM1536 1280v-448q0 -26 -19 -45t-45 -19h-448q-26 0 -45 19t-19 45t19 45l138 138q-148 137 -349 137q-134 0 -250 -65t-186 -179q-11 -17 -53 -117q-8 -23 -30 -23h-199q-13 0 -22.5 9.5t-9.5 22.5v7q65 268 270 434.5t480 166.5 q146 0 284 -55.5t245 -156.5l130 129q19 19 45 19t45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M384 352v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 608v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M384 864v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM1536 352v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-960q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h960q13 0 22.5 -9.5t9.5 -22.5z M1536 608v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-960q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h960q13 0 22.5 -9.5t9.5 -22.5zM1536 864v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-960q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h960q13 0 22.5 -9.5 t9.5 -22.5zM1664 160v832q0 13 -9.5 22.5t-22.5 9.5h-1472q-13 0 -22.5 -9.5t-9.5 -22.5v-832q0 -13 9.5 -22.5t22.5 -9.5h1472q13 0 22.5 9.5t9.5 22.5zM1792 1248v-1088q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v1088q0 66 47 113t113 47h1472q66 0 113 -47 t47 -113z" />
+<glyph unicode="" horiz-adv-x="1152" d="M320 768h512v192q0 106 -75 181t-181 75t-181 -75t-75 -181v-192zM1152 672v-576q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v576q0 40 28 68t68 28h32v192q0 184 132 316t316 132t316 -132t132 -316v-192h32q40 0 68 -28t28 -68z" />
+<glyph unicode="" horiz-adv-x="1792" d="M320 1280q0 -72 -64 -110v-1266q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v1266q-64 38 -64 110q0 53 37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1792 1216v-763q0 -25 -12.5 -38.5t-39.5 -27.5q-215 -116 -369 -116q-61 0 -123.5 22t-108.5 48 t-115.5 48t-142.5 22q-192 0 -464 -146q-17 -9 -33 -9q-26 0 -45 19t-19 45v742q0 32 31 55q21 14 79 43q236 120 421 120q107 0 200 -29t219 -88q38 -19 88 -19q54 0 117.5 21t110 47t88 47t54.5 21q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1664 650q0 -166 -60 -314l-20 -49l-185 -33q-22 -83 -90.5 -136.5t-156.5 -53.5v-32q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v576q0 14 9 23t23 9h64q14 0 23 -9t9 -23v-32q71 0 130 -35.5t93 -95.5l68 12q29 95 29 193q0 148 -88 279t-236.5 209t-315.5 78 t-315.5 -78t-236.5 -209t-88 -279q0 -98 29 -193l68 -12q34 60 93 95.5t130 35.5v32q0 14 9 23t23 9h64q14 0 23 -9t9 -23v-576q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v32q-88 0 -156.5 53.5t-90.5 136.5l-185 33l-20 49q-60 148 -60 314q0 151 67 291t179 242.5 t266 163.5t320 61t320 -61t266 -163.5t179 -242.5t67 -291z" />
+<glyph unicode="" horiz-adv-x="768" d="M768 1184v-1088q0 -26 -19 -45t-45 -19t-45 19l-333 333h-262q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h262l333 333q19 19 45 19t45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1152" d="M768 1184v-1088q0 -26 -19 -45t-45 -19t-45 19l-333 333h-262q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h262l333 333q19 19 45 19t45 -19t19 -45zM1152 640q0 -76 -42.5 -141.5t-112.5 -93.5q-10 -5 -25 -5q-26 0 -45 18.5t-19 45.5q0 21 12 35.5t29 25t34 23t29 35.5 t12 57t-12 57t-29 35.5t-34 23t-29 25t-12 35.5q0 27 19 45.5t45 18.5q15 0 25 -5q70 -27 112.5 -93t42.5 -142z" />
+<glyph unicode="" horiz-adv-x="1664" d="M768 1184v-1088q0 -26 -19 -45t-45 -19t-45 19l-333 333h-262q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h262l333 333q19 19 45 19t45 -19t19 -45zM1152 640q0 -76 -42.5 -141.5t-112.5 -93.5q-10 -5 -25 -5q-26 0 -45 18.5t-19 45.5q0 21 12 35.5t29 25t34 23t29 35.5 t12 57t-12 57t-29 35.5t-34 23t-29 25t-12 35.5q0 27 19 45.5t45 18.5q15 0 25 -5q70 -27 112.5 -93t42.5 -142zM1408 640q0 -153 -85 -282.5t-225 -188.5q-13 -5 -25 -5q-27 0 -46 19t-19 45q0 39 39 59q56 29 76 44q74 54 115.5 135.5t41.5 173.5t-41.5 173.5 t-115.5 135.5q-20 15 -76 44q-39 20 -39 59q0 26 19 45t45 19q13 0 26 -5q140 -59 225 -188.5t85 -282.5zM1664 640q0 -230 -127 -422.5t-338 -283.5q-13 -5 -26 -5q-26 0 -45 19t-19 45q0 36 39 59q7 4 22.5 10.5t22.5 10.5q46 25 82 51q123 91 192 227t69 289t-69 289 t-192 227q-36 26 -82 51q-7 4 -22.5 10.5t-22.5 10.5q-39 23 -39 59q0 26 19 45t45 19q13 0 26 -5q211 -91 338 -283.5t127 -422.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M384 384v-128h-128v128h128zM384 1152v-128h-128v128h128zM1152 1152v-128h-128v128h128zM128 129h384v383h-384v-383zM128 896h384v384h-384v-384zM896 896h384v384h-384v-384zM640 640v-640h-640v640h640zM1152 128v-128h-128v128h128zM1408 128v-128h-128v128h128z M1408 640v-384h-384v128h-128v-384h-128v640h384v-128h128v128h128zM640 1408v-640h-640v640h640zM1408 1408v-640h-640v640h640z" />
+<glyph unicode="" horiz-adv-x="1792" d="M63 0h-63v1408h63v-1408zM126 1h-32v1407h32v-1407zM220 1h-31v1407h31v-1407zM377 1h-31v1407h31v-1407zM534 1h-62v1407h62v-1407zM660 1h-31v1407h31v-1407zM723 1h-31v1407h31v-1407zM786 1h-31v1407h31v-1407zM943 1h-63v1407h63v-1407zM1100 1h-63v1407h63v-1407z M1226 1h-63v1407h63v-1407zM1352 1h-63v1407h63v-1407zM1446 1h-63v1407h63v-1407zM1635 1h-94v1407h94v-1407zM1698 1h-32v1407h32v-1407zM1792 0h-63v1408h63v-1408z" />
+<glyph unicode="" d="M448 1088q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1515 512q0 -53 -37 -90l-491 -492q-39 -37 -91 -37q-53 0 -90 37l-715 716q-38 37 -64.5 101t-26.5 117v416q0 52 38 90t90 38h416q53 0 117 -26.5t102 -64.5 l715 -714q37 -39 37 -91z" />
+<glyph unicode="" horiz-adv-x="1920" d="M448 1088q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1515 512q0 -53 -37 -90l-491 -492q-39 -37 -91 -37q-53 0 -90 37l-715 716q-38 37 -64.5 101t-26.5 117v416q0 52 38 90t90 38h416q53 0 117 -26.5t102 -64.5 l715 -714q37 -39 37 -91zM1899 512q0 -53 -37 -90l-491 -492q-39 -37 -91 -37q-36 0 -59 14t-53 45l470 470q37 37 37 90q0 52 -37 91l-715 714q-38 38 -102 64.5t-117 26.5h224q53 0 117 -26.5t102 -64.5l715 -714q37 -39 37 -91z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1639 1058q40 -57 18 -129l-275 -906q-19 -64 -76.5 -107.5t-122.5 -43.5h-923q-77 0 -148.5 53.5t-99.5 131.5q-24 67 -2 127q0 4 3 27t4 37q1 8 -3 21.5t-3 19.5q2 11 8 21t16.5 23.5t16.5 23.5q23 38 45 91.5t30 91.5q3 10 0.5 30t-0.5 28q3 11 17 28t17 23 q21 36 42 92t25 90q1 9 -2.5 32t0.5 28q4 13 22 30.5t22 22.5q19 26 42.5 84.5t27.5 96.5q1 8 -3 25.5t-2 26.5q2 8 9 18t18 23t17 21q8 12 16.5 30.5t15 35t16 36t19.5 32t26.5 23.5t36 11.5t47.5 -5.5l-1 -3q38 9 51 9h761q74 0 114 -56t18 -130l-274 -906 q-36 -119 -71.5 -153.5t-128.5 -34.5h-869q-27 0 -38 -15q-11 -16 -1 -43q24 -70 144 -70h923q29 0 56 15.5t35 41.5l300 987q7 22 5 57q38 -15 59 -43zM575 1056q-4 -13 2 -22.5t20 -9.5h608q13 0 25.5 9.5t16.5 22.5l21 64q4 13 -2 22.5t-20 9.5h-608q-13 0 -25.5 -9.5 t-16.5 -22.5zM492 800q-4 -13 2 -22.5t20 -9.5h608q13 0 25.5 9.5t16.5 22.5l21 64q4 13 -2 22.5t-20 9.5h-608q-13 0 -25.5 -9.5t-16.5 -22.5z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1164 1408q23 0 44 -9q33 -13 52.5 -41t19.5 -62v-1289q0 -34 -19.5 -62t-52.5 -41q-19 -8 -44 -8q-48 0 -83 32l-441 424l-441 -424q-36 -33 -83 -33q-23 0 -44 9q-33 13 -52.5 41t-19.5 62v1289q0 34 19.5 62t52.5 41q21 9 44 9h1048z" />
+<glyph unicode="" horiz-adv-x="1664" d="M384 0h896v256h-896v-256zM384 640h896v384h-160q-40 0 -68 28t-28 68v160h-640v-640zM1536 576q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1664 576v-416q0 -13 -9.5 -22.5t-22.5 -9.5h-224v-160q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68 v160h-224q-13 0 -22.5 9.5t-9.5 22.5v416q0 79 56.5 135.5t135.5 56.5h64v544q0 40 28 68t68 28h672q40 0 88 -20t76 -48l152 -152q28 -28 48 -76t20 -88v-256h64q79 0 135.5 -56.5t56.5 -135.5z" />
+<glyph unicode="" horiz-adv-x="1920" d="M960 864q119 0 203.5 -84.5t84.5 -203.5t-84.5 -203.5t-203.5 -84.5t-203.5 84.5t-84.5 203.5t84.5 203.5t203.5 84.5zM1664 1280q106 0 181 -75t75 -181v-896q0 -106 -75 -181t-181 -75h-1408q-106 0 -181 75t-75 181v896q0 106 75 181t181 75h224l51 136 q19 49 69.5 84.5t103.5 35.5h512q53 0 103.5 -35.5t69.5 -84.5l51 -136h224zM960 128q185 0 316.5 131.5t131.5 316.5t-131.5 316.5t-316.5 131.5t-316.5 -131.5t-131.5 -316.5t131.5 -316.5t316.5 -131.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M725 977l-170 -450q73 -1 153.5 -2t119 -1.5t52.5 -0.5l29 2q-32 95 -92 241q-53 132 -92 211zM21 -128h-21l2 79q22 7 80 18q89 16 110 31q20 16 48 68l237 616l280 724h75h53l11 -21l205 -480q103 -242 124 -297q39 -102 96 -235q26 -58 65 -164q24 -67 65 -149 q22 -49 35 -57q22 -19 69 -23q47 -6 103 -27q6 -39 6 -57q0 -14 -1 -26q-80 0 -192 8q-93 8 -189 8q-79 0 -135 -2l-200 -11l-58 -2q0 45 4 78l131 28q56 13 68 23q12 12 12 27t-6 32l-47 114l-92 228l-450 2q-29 -65 -104 -274q-23 -64 -23 -84q0 -31 17 -43 q26 -21 103 -32q3 0 13.5 -2t30 -5t40.5 -6q1 -28 1 -58q0 -17 -2 -27q-66 0 -349 20l-48 -8q-81 -14 -167 -14z" />
+<glyph unicode="" horiz-adv-x="1408" d="M555 15q76 -32 140 -32q131 0 216 41t122 113q38 70 38 181q0 114 -41 180q-58 94 -141 126q-80 32 -247 32q-74 0 -101 -10v-144l-1 -173l3 -270q0 -15 12 -44zM541 761q43 -7 109 -7q175 0 264 65t89 224q0 112 -85 187q-84 75 -255 75q-52 0 -130 -13q0 -44 2 -77 q7 -122 6 -279l-1 -98q0 -43 1 -77zM0 -128l2 94q45 9 68 12q77 12 123 31q17 27 21 51q9 66 9 194l-2 497q-5 256 -9 404q-1 87 -11 109q-1 4 -12 12q-18 12 -69 15q-30 2 -114 13l-4 83l260 6l380 13l45 1q5 0 14 0.5t14 0.5q1 0 21.5 -0.5t40.5 -0.5h74q88 0 191 -27 q43 -13 96 -39q57 -29 102 -76q44 -47 65 -104t21 -122q0 -70 -32 -128t-95 -105q-26 -20 -150 -77q177 -41 267 -146q92 -106 92 -236q0 -76 -29 -161q-21 -62 -71 -117q-66 -72 -140 -108q-73 -36 -203 -60q-82 -15 -198 -11l-197 4q-84 2 -298 -11q-33 -3 -272 -11z" />
+<glyph unicode="" horiz-adv-x="1024" d="M0 -126l17 85q4 1 77 20q76 19 116 39q29 37 41 101l27 139l56 268l12 64q8 44 17 84.5t16 67t12.5 46.5t9 30.5t3.5 11.5l29 157l16 63l22 135l8 50v38q-41 22 -144 28q-28 2 -38 4l19 103l317 -14q39 -2 73 -2q66 0 214 9q33 2 68 4.5t36 2.5q-2 -19 -6 -38 q-7 -29 -13 -51q-55 -19 -109 -31q-64 -16 -101 -31q-12 -31 -24 -88q-9 -44 -13 -82q-44 -199 -66 -306l-61 -311l-38 -158l-43 -235l-12 -45q-2 -7 1 -27q64 -15 119 -21q36 -5 66 -10q-1 -29 -7 -58q-7 -31 -9 -41q-18 0 -23 -1q-24 -2 -42 -2q-9 0 -28 3q-19 4 -145 17 l-198 2q-41 1 -174 -11q-74 -7 -98 -9z" />
+<glyph unicode="" horiz-adv-x="1792" d="M81 1407l54 -27q20 -5 211 -5h130l19 3l115 1l215 -1h293l34 -2q14 -1 28 7t21 16l7 8l42 1q15 0 28 -1v-104.5t1 -131.5l1 -100l-1 -58q0 -32 -4 -51q-39 -15 -68 -18q-25 43 -54 128q-8 24 -15.5 62.5t-11.5 65.5t-6 29q-13 15 -27 19q-7 2 -42.5 2t-103.5 -1t-111 -1 q-34 0 -67 -5q-10 -97 -8 -136l1 -152v-332l3 -359l-1 -147q-1 -46 11 -85q49 -25 89 -32q2 0 18 -5t44 -13t43 -12q30 -8 50 -18q5 -45 5 -50q0 -10 -3 -29q-14 -1 -34 -1q-110 0 -187 10q-72 8 -238 8q-88 0 -233 -14q-48 -4 -70 -4q-2 22 -2 26l-1 26v9q21 33 79 49 q139 38 159 50q9 21 12 56q8 192 6 433l-5 428q-1 62 -0.5 118.5t0.5 102.5t-2 57t-6 15q-6 5 -14 6q-38 6 -148 6q-43 0 -100 -13.5t-73 -24.5q-13 -9 -22 -33t-22 -75t-24 -84q-6 -19 -19.5 -32t-20.5 -13q-44 27 -56 44v297v86zM1744 128q33 0 42 -18.5t-11 -44.5 l-126 -162q-20 -26 -49 -26t-49 26l-126 162q-20 26 -11 44.5t42 18.5h80v1024h-80q-33 0 -42 18.5t11 44.5l126 162q20 26 49 26t49 -26l126 -162q20 -26 11 -44.5t-42 -18.5h-80v-1024h80z" />
+<glyph unicode="" d="M81 1407l54 -27q20 -5 211 -5h130l19 3l115 1l446 -1h318l34 -2q14 -1 28 7t21 16l7 8l42 1q15 0 28 -1v-104.5t1 -131.5l1 -100l-1 -58q0 -32 -4 -51q-39 -15 -68 -18q-25 43 -54 128q-8 24 -15.5 62.5t-11.5 65.5t-6 29q-13 15 -27 19q-7 2 -58.5 2t-138.5 -1t-128 -1 q-94 0 -127 -5q-10 -97 -8 -136l1 -152v52l3 -359l-1 -147q-1 -46 11 -85q49 -25 89 -32q2 0 18 -5t44 -13t43 -12q30 -8 50 -18q5 -45 5 -50q0 -10 -3 -29q-14 -1 -34 -1q-110 0 -187 10q-72 8 -238 8q-82 0 -233 -13q-45 -5 -70 -5q-2 22 -2 26l-1 26v9q21 33 79 49 q139 38 159 50q9 21 12 56q6 137 6 433l-5 44q0 265 -2 278q-2 11 -6 15q-6 5 -14 6q-38 6 -148 6q-50 0 -168.5 -14t-132.5 -24q-13 -9 -22 -33t-22 -75t-24 -84q-6 -19 -19.5 -32t-20.5 -13q-44 27 -56 44v297v86zM1505 113q26 -20 26 -49t-26 -49l-162 -126 q-26 -20 -44.5 -11t-18.5 42v80h-1024v-80q0 -33 -18.5 -42t-44.5 11l-162 126q-26 20 -26 49t26 49l162 126q26 20 44.5 11t18.5 -42v-80h1024v80q0 33 18.5 42t44.5 -11z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 192v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1408 576v-128q0 -26 -19 -45t-45 -19h-1280q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1280q26 0 45 -19t19 -45zM1664 960v-128q0 -26 -19 -45 t-45 -19h-1536q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1536q26 0 45 -19t19 -45zM1280 1344v-128q0 -26 -19 -45t-45 -19h-1152q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1152q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 192v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1408 576v-128q0 -26 -19 -45t-45 -19h-896q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h896q26 0 45 -19t19 -45zM1664 960v-128q0 -26 -19 -45t-45 -19 h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45zM1280 1344v-128q0 -26 -19 -45t-45 -19h-640q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h640q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 192v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1792 576v-128q0 -26 -19 -45t-45 -19h-1280q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1280q26 0 45 -19t19 -45zM1792 960v-128q0 -26 -19 -45 t-45 -19h-1536q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1536q26 0 45 -19t19 -45zM1792 1344v-128q0 -26 -19 -45t-45 -19h-1152q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1152q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 192v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1792 576v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1792 960v-128q0 -26 -19 -45 t-45 -19h-1664q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1792 1344v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M256 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5zM256 608v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5 t9.5 -22.5zM256 992v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5zM1792 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1344 q13 0 22.5 -9.5t9.5 -22.5zM256 1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5zM1792 608v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5 t22.5 9.5h1344q13 0 22.5 -9.5t9.5 -22.5zM1792 992v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1344q13 0 22.5 -9.5t9.5 -22.5zM1792 1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v192 q0 13 9.5 22.5t22.5 9.5h1344q13 0 22.5 -9.5t9.5 -22.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M384 992v-576q0 -13 -9.5 -22.5t-22.5 -9.5q-14 0 -23 9l-288 288q-9 9 -9 23t9 23l288 288q9 9 23 9q13 0 22.5 -9.5t9.5 -22.5zM1792 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1728q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5 -9.5 t9.5 -22.5zM1792 608v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1088q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1088q13 0 22.5 -9.5t9.5 -22.5zM1792 992v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1088q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1088 q13 0 22.5 -9.5t9.5 -22.5zM1792 1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1728q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5 -9.5t9.5 -22.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M352 704q0 -14 -9 -23l-288 -288q-9 -9 -23 -9q-13 0 -22.5 9.5t-9.5 22.5v576q0 13 9.5 22.5t22.5 9.5q14 0 23 -9l288 -288q9 -9 9 -23zM1792 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1728q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5 -9.5 t9.5 -22.5zM1792 608v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1088q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1088q13 0 22.5 -9.5t9.5 -22.5zM1792 992v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1088q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1088 q13 0 22.5 -9.5t9.5 -22.5zM1792 1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1728q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5 -9.5t9.5 -22.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 1184v-1088q0 -42 -39 -59q-13 -5 -25 -5q-27 0 -45 19l-403 403v-166q0 -119 -84.5 -203.5t-203.5 -84.5h-704q-119 0 -203.5 84.5t-84.5 203.5v704q0 119 84.5 203.5t203.5 84.5h704q119 0 203.5 -84.5t84.5 -203.5v-165l403 402q18 19 45 19q12 0 25 -5 q39 -17 39 -59z" />
+<glyph unicode="" horiz-adv-x="1920" d="M640 960q0 -80 -56 -136t-136 -56t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM1664 576v-448h-1408v192l320 320l160 -160l512 512zM1760 1280h-1600q-13 0 -22.5 -9.5t-9.5 -22.5v-1216q0 -13 9.5 -22.5t22.5 -9.5h1600q13 0 22.5 9.5t9.5 22.5v1216 q0 13 -9.5 22.5t-22.5 9.5zM1920 1248v-1216q0 -66 -47 -113t-113 -47h-1600q-66 0 -113 47t-47 113v1216q0 66 47 113t113 47h1600q66 0 113 -47t47 -113z" />
+<glyph unicode="" d="M363 0l91 91l-235 235l-91 -91v-107h128v-128h107zM886 928q0 22 -22 22q-10 0 -17 -7l-542 -542q-7 -7 -7 -17q0 -22 22 -22q10 0 17 7l542 542q7 7 7 17zM832 1120l416 -416l-832 -832h-416v416zM1515 1024q0 -53 -37 -90l-166 -166l-416 416l166 165q36 38 90 38 q53 0 91 -38l235 -234q37 -39 37 -91z" />
+<glyph unicode="" horiz-adv-x="1024" d="M768 896q0 106 -75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75t75 181zM1024 896q0 -109 -33 -179l-364 -774q-16 -33 -47.5 -52t-67.5 -19t-67.5 19t-46.5 52l-365 774q-33 70 -33 179q0 212 150 362t362 150t362 -150t150 -362z" />
+<glyph unicode="" d="M768 96v1088q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1024" d="M512 384q0 36 -20 69q-1 1 -15.5 22.5t-25.5 38t-25 44t-21 50.5q-4 16 -21 16t-21 -16q-7 -23 -21 -50.5t-25 -44t-25.5 -38t-15.5 -22.5q-20 -33 -20 -69q0 -53 37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1024 512q0 -212 -150 -362t-362 -150t-362 150t-150 362 q0 145 81 275q6 9 62.5 90.5t101 151t99.5 178t83 201.5q9 30 34 47t51 17t51.5 -17t33.5 -47q28 -93 83 -201.5t99.5 -178t101 -151t62.5 -90.5q81 -127 81 -275z" />
+<glyph unicode="" horiz-adv-x="1792" d="M888 352l116 116l-152 152l-116 -116v-56h96v-96h56zM1328 1072q-16 16 -33 -1l-350 -350q-17 -17 -1 -33t33 1l350 350q17 17 1 33zM1408 478v-190q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832 q63 0 117 -25q15 -7 18 -23q3 -17 -9 -29l-49 -49q-14 -14 -32 -8q-23 6 -45 6h-832q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113v126q0 13 9 22l64 64q15 15 35 7t20 -29zM1312 1216l288 -288l-672 -672h-288v288zM1756 1084l-92 -92 l-288 288l92 92q28 28 68 28t68 -28l152 -152q28 -28 28 -68t-28 -68z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1408 547v-259q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h255v0q13 0 22.5 -9.5t9.5 -22.5q0 -27 -26 -32q-77 -26 -133 -60q-10 -4 -16 -4h-112q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832 q66 0 113 47t47 113v214q0 19 18 29q28 13 54 37q16 16 35 8q21 -9 21 -29zM1645 1043l-384 -384q-18 -19 -45 -19q-12 0 -25 5q-39 17 -39 59v192h-160q-323 0 -438 -131q-119 -137 -74 -473q3 -23 -20 -34q-8 -2 -12 -2q-16 0 -26 13q-10 14 -21 31t-39.5 68.5t-49.5 99.5 t-38.5 114t-17.5 122q0 49 3.5 91t14 90t28 88t47 81.5t68.5 74t94.5 61.5t124.5 48.5t159.5 30.5t196.5 11h160v192q0 42 39 59q13 5 25 5q26 0 45 -19l384 -384q19 -19 19 -45t-19 -45z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1408 606v-318q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832q63 0 117 -25q15 -7 18 -23q3 -17 -9 -29l-49 -49q-10 -10 -23 -10q-3 0 -9 2q-23 6 -45 6h-832q-66 0 -113 -47t-47 -113v-832 q0 -66 47 -113t113 -47h832q66 0 113 47t47 113v254q0 13 9 22l64 64q10 10 23 10q6 0 12 -3q20 -8 20 -29zM1639 1095l-814 -814q-24 -24 -57 -24t-57 24l-430 430q-24 24 -24 57t24 57l110 110q24 24 57 24t57 -24l263 -263l647 647q24 24 57 24t57 -24l110 -110 q24 -24 24 -57t-24 -57z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 640q0 -26 -19 -45l-256 -256q-19 -19 -45 -19t-45 19t-19 45v128h-384v-384h128q26 0 45 -19t19 -45t-19 -45l-256 -256q-19 -19 -45 -19t-45 19l-256 256q-19 19 -19 45t19 45t45 19h128v384h-384v-128q0 -26 -19 -45t-45 -19t-45 19l-256 256q-19 19 -19 45 t19 45l256 256q19 19 45 19t45 -19t19 -45v-128h384v384h-128q-26 0 -45 19t-19 45t19 45l256 256q19 19 45 19t45 -19l256 -256q19 -19 19 -45t-19 -45t-45 -19h-128v-384h384v128q0 26 19 45t45 19t45 -19l256 -256q19 -19 19 -45z" />
+<glyph unicode="" horiz-adv-x="1024" d="M979 1395q19 19 32 13t13 -32v-1472q0 -26 -13 -32t-32 13l-710 710q-9 9 -13 19v-678q0 -26 -19 -45t-45 -19h-128q-26 0 -45 19t-19 45v1408q0 26 19 45t45 19h128q26 0 45 -19t19 -45v-678q4 11 13 19z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1747 1395q19 19 32 13t13 -32v-1472q0 -26 -13 -32t-32 13l-710 710q-9 9 -13 19v-710q0 -26 -13 -32t-32 13l-710 710q-9 9 -13 19v-678q0 -26 -19 -45t-45 -19h-128q-26 0 -45 19t-19 45v1408q0 26 19 45t45 19h128q26 0 45 -19t19 -45v-678q4 11 13 19l710 710 q19 19 32 13t13 -32v-710q4 11 13 19z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1619 1395q19 19 32 13t13 -32v-1472q0 -26 -13 -32t-32 13l-710 710q-8 9 -13 19v-710q0 -26 -13 -32t-32 13l-710 710q-19 19 -19 45t19 45l710 710q19 19 32 13t13 -32v-710q5 11 13 19z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1384 609l-1328 -738q-23 -13 -39.5 -3t-16.5 36v1472q0 26 16.5 36t39.5 -3l1328 -738q23 -13 23 -31t-23 -31z" />
+<glyph unicode="" d="M1536 1344v-1408q0 -26 -19 -45t-45 -19h-512q-26 0 -45 19t-19 45v1408q0 26 19 45t45 19h512q26 0 45 -19t19 -45zM640 1344v-1408q0 -26 -19 -45t-45 -19h-512q-26 0 -45 19t-19 45v1408q0 26 19 45t45 19h512q26 0 45 -19t19 -45z" />
+<glyph unicode="" d="M1536 1344v-1408q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v1408q0 26 19 45t45 19h1408q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1664" d="M45 -115q-19 -19 -32 -13t-13 32v1472q0 26 13 32t32 -13l710 -710q8 -8 13 -19v710q0 26 13 32t32 -13l710 -710q19 -19 19 -45t-19 -45l-710 -710q-19 -19 -32 -13t-13 32v710q-5 -10 -13 -19z" />
+<glyph unicode="" horiz-adv-x="1792" d="M45 -115q-19 -19 -32 -13t-13 32v1472q0 26 13 32t32 -13l710 -710q8 -8 13 -19v710q0 26 13 32t32 -13l710 -710q8 -8 13 -19v678q0 26 19 45t45 19h128q26 0 45 -19t19 -45v-1408q0 -26 -19 -45t-45 -19h-128q-26 0 -45 19t-19 45v678q-5 -10 -13 -19l-710 -710 q-19 -19 -32 -13t-13 32v710q-5 -10 -13 -19z" />
+<glyph unicode="" horiz-adv-x="1024" d="M45 -115q-19 -19 -32 -13t-13 32v1472q0 26 13 32t32 -13l710 -710q8 -8 13 -19v678q0 26 19 45t45 19h128q26 0 45 -19t19 -45v-1408q0 -26 -19 -45t-45 -19h-128q-26 0 -45 19t-19 45v678q-5 -10 -13 -19z" />
+<glyph unicode="" horiz-adv-x="1538" d="M14 557l710 710q19 19 45 19t45 -19l710 -710q19 -19 13 -32t-32 -13h-1472q-26 0 -32 13t13 32zM1473 0h-1408q-26 0 -45 19t-19 45v256q0 26 19 45t45 19h1408q26 0 45 -19t19 -45v-256q0 -26 -19 -45t-45 -19z" />
+<glyph unicode="" horiz-adv-x="1152" d="M742 -37l-652 651q-37 37 -37 90.5t37 90.5l652 651q37 37 90.5 37t90.5 -37l75 -75q37 -37 37 -90.5t-37 -90.5l-486 -486l486 -485q37 -38 37 -91t-37 -90l-75 -75q-37 -37 -90.5 -37t-90.5 37z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1099 704q0 -52 -37 -91l-652 -651q-37 -37 -90 -37t-90 37l-76 75q-37 39 -37 91q0 53 37 90l486 486l-486 485q-37 39 -37 91q0 53 37 90l76 75q36 38 90 38t90 -38l652 -651q37 -37 37 -90z" />
+<glyph unicode="" d="M1216 576v128q0 26 -19 45t-45 19h-256v256q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-256h-256q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h256v-256q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v256h256q26 0 45 19t19 45zM1536 640q0 -209 -103 -385.5 t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1216 576v128q0 26 -19 45t-45 19h-768q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h768q26 0 45 19t19 45zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5 t103 -385.5z" />
+<glyph unicode="" d="M1149 414q0 26 -19 45l-181 181l181 181q19 19 19 45q0 27 -19 46l-90 90q-19 19 -46 19q-26 0 -45 -19l-181 -181l-181 181q-19 19 -45 19q-27 0 -46 -19l-90 -90q-19 -19 -19 -46q0 -26 19 -45l181 -181l-181 -181q-19 -19 -19 -45q0 -27 19 -46l90 -90q19 -19 46 -19 q26 0 45 19l181 181l181 -181q19 -19 45 -19q27 0 46 19l90 90q19 19 19 46zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1284 802q0 28 -18 46l-91 90q-19 19 -45 19t-45 -19l-408 -407l-226 226q-19 19 -45 19t-45 -19l-91 -90q-18 -18 -18 -46q0 -27 18 -45l362 -362q19 -19 45 -19q27 0 46 19l543 543q18 18 18 45zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103 t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M896 160v192q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h192q14 0 23 9t9 23zM1152 832q0 88 -55.5 163t-138.5 116t-170 41q-243 0 -371 -213q-15 -24 8 -42l132 -100q7 -6 19 -6q16 0 25 12q53 68 86 92q34 24 86 24q48 0 85.5 -26t37.5 -59 q0 -38 -20 -61t-68 -45q-63 -28 -115.5 -86.5t-52.5 -125.5v-36q0 -14 9 -23t23 -9h192q14 0 23 9t9 23q0 19 21.5 49.5t54.5 49.5q32 18 49 28.5t46 35t44.5 48t28 60.5t12.5 81zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1024 160v160q0 14 -9 23t-23 9h-96v512q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-160q0 -14 9 -23t23 -9h96v-320h-96q-14 0 -23 -9t-9 -23v-160q0 -14 9 -23t23 -9h448q14 0 23 9t9 23zM896 1056v160q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-160q0 -14 9 -23 t23 -9h192q14 0 23 9t9 23zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1197 512h-109q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h109q-32 108 -112.5 188.5t-188.5 112.5v-109q0 -26 -19 -45t-45 -19h-128q-26 0 -45 19t-19 45v109q-108 -32 -188.5 -112.5t-112.5 -188.5h109q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-109 q32 -108 112.5 -188.5t188.5 -112.5v109q0 26 19 45t45 19h128q26 0 45 -19t19 -45v-109q108 32 188.5 112.5t112.5 188.5zM1536 704v-128q0 -26 -19 -45t-45 -19h-143q-37 -161 -154.5 -278.5t-278.5 -154.5v-143q0 -26 -19 -45t-45 -19h-128q-26 0 -45 19t-19 45v143 q-161 37 -278.5 154.5t-154.5 278.5h-143q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h143q37 161 154.5 278.5t278.5 154.5v143q0 26 19 45t45 19h128q26 0 45 -19t19 -45v-143q161 -37 278.5 -154.5t154.5 -278.5h143q26 0 45 -19t19 -45z" />
+<glyph unicode="" d="M1097 457l-146 -146q-10 -10 -23 -10t-23 10l-137 137l-137 -137q-10 -10 -23 -10t-23 10l-146 146q-10 10 -10 23t10 23l137 137l-137 137q-10 10 -10 23t10 23l146 146q10 10 23 10t23 -10l137 -137l137 137q10 10 23 10t23 -10l146 -146q10 -10 10 -23t-10 -23 l-137 -137l137 -137q10 -10 10 -23t-10 -23zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5 t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1171 723l-422 -422q-19 -19 -45 -19t-45 19l-294 294q-19 19 -19 45t19 45l102 102q19 19 45 19t45 -19l147 -147l275 275q19 19 45 19t45 -19l102 -102q19 -19 19 -45t-19 -45zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273t73 -273t198 -198 t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1312 643q0 161 -87 295l-754 -753q137 -89 297 -89q111 0 211.5 43.5t173.5 116.5t116 174.5t43 212.5zM313 344l755 754q-135 91 -300 91q-148 0 -273 -73t-198 -199t-73 -274q0 -162 89 -299zM1536 643q0 -157 -61 -300t-163.5 -246t-245 -164t-298.5 -61t-298.5 61 t-245 164t-163.5 246t-61 300t61 299.5t163.5 245.5t245 164t298.5 61t298.5 -61t245 -164t163.5 -245.5t61 -299.5z" />
+<glyph unicode="" d="M1536 640v-128q0 -53 -32.5 -90.5t-84.5 -37.5h-704l293 -294q38 -36 38 -90t-38 -90l-75 -76q-37 -37 -90 -37q-52 0 -91 37l-651 652q-37 37 -37 90q0 52 37 91l651 650q38 38 91 38q52 0 90 -38l75 -74q38 -38 38 -91t-38 -91l-293 -293h704q52 0 84.5 -37.5 t32.5 -90.5z" />
+<glyph unicode="" d="M1472 576q0 -54 -37 -91l-651 -651q-39 -37 -91 -37q-51 0 -90 37l-75 75q-38 38 -38 91t38 91l293 293h-704q-52 0 -84.5 37.5t-32.5 90.5v128q0 53 32.5 90.5t84.5 37.5h704l-293 294q-38 36 -38 90t38 90l75 75q38 38 90 38q53 0 91 -38l651 -651q37 -35 37 -90z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1611 565q0 -51 -37 -90l-75 -75q-38 -38 -91 -38q-54 0 -90 38l-294 293v-704q0 -52 -37.5 -84.5t-90.5 -32.5h-128q-53 0 -90.5 32.5t-37.5 84.5v704l-294 -293q-36 -38 -90 -38t-90 38l-75 75q-38 38 -38 90q0 53 38 91l651 651q35 37 90 37q54 0 91 -37l651 -651 q37 -39 37 -91z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1611 704q0 -53 -37 -90l-651 -652q-39 -37 -91 -37q-53 0 -90 37l-651 652q-38 36 -38 90q0 53 38 91l74 75q39 37 91 37q53 0 90 -37l294 -294v704q0 52 38 90t90 38h128q52 0 90 -38t38 -90v-704l294 294q37 37 90 37q52 0 91 -37l75 -75q37 -39 37 -91z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 896q0 -26 -19 -45l-512 -512q-19 -19 -45 -19t-45 19t-19 45v256h-224q-98 0 -175.5 -6t-154 -21.5t-133 -42.5t-105.5 -69.5t-80 -101t-48.5 -138.5t-17.5 -181q0 -55 5 -123q0 -6 2.5 -23.5t2.5 -26.5q0 -15 -8.5 -25t-23.5 -10q-16 0 -28 17q-7 9 -13 22 t-13.5 30t-10.5 24q-127 285 -127 451q0 199 53 333q162 403 875 403h224v256q0 26 19 45t45 19t45 -19l512 -512q19 -19 19 -45z" />
+<glyph unicode="" d="M755 480q0 -13 -10 -23l-332 -332l144 -144q19 -19 19 -45t-19 -45t-45 -19h-448q-26 0 -45 19t-19 45v448q0 26 19 45t45 19t45 -19l144 -144l332 332q10 10 23 10t23 -10l114 -114q10 -10 10 -23zM1536 1344v-448q0 -26 -19 -45t-45 -19t-45 19l-144 144l-332 -332 q-10 -10 -23 -10t-23 10l-114 114q-10 10 -10 23t10 23l332 332l-144 144q-19 19 -19 45t19 45t45 19h448q26 0 45 -19t19 -45z" />
+<glyph unicode="" d="M768 576v-448q0 -26 -19 -45t-45 -19t-45 19l-144 144l-332 -332q-10 -10 -23 -10t-23 10l-114 114q-10 10 -10 23t10 23l332 332l-144 144q-19 19 -19 45t19 45t45 19h448q26 0 45 -19t19 -45zM1523 1248q0 -13 -10 -23l-332 -332l144 -144q19 -19 19 -45t-19 -45 t-45 -19h-448q-26 0 -45 19t-19 45v448q0 26 19 45t45 19t45 -19l144 -144l332 332q10 10 23 10t23 -10l114 -114q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1408 800v-192q0 -40 -28 -68t-68 -28h-416v-416q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v416h-416q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h416v416q0 40 28 68t68 28h192q40 0 68 -28t28 -68v-416h416q40 0 68 -28t28 -68z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1408 800v-192q0 -40 -28 -68t-68 -28h-1216q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h1216q40 0 68 -28t28 -68z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1482 486q46 -26 59.5 -77.5t-12.5 -97.5l-64 -110q-26 -46 -77.5 -59.5t-97.5 12.5l-266 153v-307q0 -52 -38 -90t-90 -38h-128q-52 0 -90 38t-38 90v307l-266 -153q-46 -26 -97.5 -12.5t-77.5 59.5l-64 110q-26 46 -12.5 97.5t59.5 77.5l266 154l-266 154 q-46 26 -59.5 77.5t12.5 97.5l64 110q26 46 77.5 59.5t97.5 -12.5l266 -153v307q0 52 38 90t90 38h128q52 0 90 -38t38 -90v-307l266 153q46 26 97.5 12.5t77.5 -59.5l64 -110q26 -46 12.5 -97.5t-59.5 -77.5l-266 -154z" />
+<glyph unicode="" d="M768 1408q209 0 385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103zM896 161v190q0 14 -9 23.5t-22 9.5h-192q-13 0 -23 -10t-10 -23v-190q0 -13 10 -23t23 -10h192 q13 0 22 9.5t9 23.5zM894 505l18 621q0 12 -10 18q-10 8 -24 8h-220q-14 0 -24 -8q-10 -6 -10 -18l17 -621q0 -10 10 -17.5t24 -7.5h185q14 0 23.5 7.5t10.5 17.5z" />
+<glyph unicode="" d="M928 180v56v468v192h-320v-192v-468v-56q0 -25 18 -38.5t46 -13.5h192q28 0 46 13.5t18 38.5zM472 1024h195l-126 161q-26 31 -69 31q-40 0 -68 -28t-28 -68t28 -68t68 -28zM1160 1120q0 40 -28 68t-68 28q-43 0 -69 -31l-125 -161h194q40 0 68 28t28 68zM1536 864v-320 q0 -14 -9 -23t-23 -9h-96v-416q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28t-28 68v416h-96q-14 0 -23 9t-9 23v320q0 14 9 23t23 9h440q-93 0 -158.5 65.5t-65.5 158.5t65.5 158.5t158.5 65.5q107 0 168 -77l128 -165l128 165q61 77 168 77q93 0 158.5 -65.5t65.5 -158.5 t-65.5 -158.5t-158.5 -65.5h440q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1280 832q0 26 -19 45t-45 19q-172 0 -318 -49.5t-259.5 -134t-235.5 -219.5q-19 -21 -19 -45q0 -26 19 -45t45 -19q24 0 45 19q27 24 74 71t67 66q137 124 268.5 176t313.5 52q26 0 45 19t19 45zM1792 1030q0 -95 -20 -193q-46 -224 -184.5 -383t-357.5 -268 q-214 -108 -438 -108q-148 0 -286 47q-15 5 -88 42t-96 37q-16 0 -39.5 -32t-45 -70t-52.5 -70t-60 -32q-30 0 -51 11t-31 24t-27 42q-2 4 -6 11t-5.5 10t-3 9.5t-1.5 13.5q0 35 31 73.5t68 65.5t68 56t31 48q0 4 -14 38t-16 44q-9 51 -9 104q0 115 43.5 220t119 184.5 t170.5 139t204 95.5q55 18 145 25.5t179.5 9t178.5 6t163.5 24t113.5 56.5l29.5 29.5t29.5 28t27 20t36.5 16t43.5 4.5q39 0 70.5 -46t47.5 -112t24 -124t8 -96z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1408 -160v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h1344q13 0 22.5 -9.5t9.5 -22.5zM1152 896q0 -78 -24.5 -144t-64 -112.5t-87.5 -88t-96 -77.5t-87.5 -72t-64 -81.5t-24.5 -96.5q0 -96 67 -224l-4 1l1 -1 q-90 41 -160 83t-138.5 100t-113.5 122.5t-72.5 150.5t-27.5 184q0 78 24.5 144t64 112.5t87.5 88t96 77.5t87.5 72t64 81.5t24.5 96.5q0 94 -66 224l3 -1l-1 1q90 -41 160 -83t138.5 -100t113.5 -122.5t72.5 -150.5t27.5 -184z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1664 576q-152 236 -381 353q61 -104 61 -225q0 -185 -131.5 -316.5t-316.5 -131.5t-316.5 131.5t-131.5 316.5q0 121 61 225q-229 -117 -381 -353q133 -205 333.5 -326.5t434.5 -121.5t434.5 121.5t333.5 326.5zM944 960q0 20 -14 34t-34 14q-125 0 -214.5 -89.5 t-89.5 -214.5q0 -20 14 -34t34 -14t34 14t14 34q0 86 61 147t147 61q20 0 34 14t14 34zM1792 576q0 -34 -20 -69q-140 -230 -376.5 -368.5t-499.5 -138.5t-499.5 139t-376.5 368q-20 35 -20 69t20 69q140 229 376.5 368t499.5 139t499.5 -139t376.5 -368q20 -35 20 -69z" />
+<glyph unicode="" horiz-adv-x="1792" d="M555 201l78 141q-87 63 -136 159t-49 203q0 121 61 225q-229 -117 -381 -353q167 -258 427 -375zM944 960q0 20 -14 34t-34 14q-125 0 -214.5 -89.5t-89.5 -214.5q0 -20 14 -34t34 -14t34 14t14 34q0 86 61 147t147 61q20 0 34 14t14 34zM1307 1151q0 -7 -1 -9 q-105 -188 -315 -566t-316 -567l-49 -89q-10 -16 -28 -16q-12 0 -134 70q-16 10 -16 28q0 12 44 87q-143 65 -263.5 173t-208.5 245q-20 31 -20 69t20 69q153 235 380 371t496 136q89 0 180 -17l54 97q10 16 28 16q5 0 18 -6t31 -15.5t33 -18.5t31.5 -18.5t19.5 -11.5 q16 -10 16 -27zM1344 704q0 -139 -79 -253.5t-209 -164.5l280 502q8 -45 8 -84zM1792 576q0 -35 -20 -69q-39 -64 -109 -145q-150 -172 -347.5 -267t-419.5 -95l74 132q212 18 392.5 137t301.5 307q-115 179 -282 294l63 112q95 -64 182.5 -153t144.5 -184q20 -34 20 -69z " />
+<glyph unicode="" horiz-adv-x="1792" d="M1024 161v190q0 14 -9.5 23.5t-22.5 9.5h-192q-13 0 -22.5 -9.5t-9.5 -23.5v-190q0 -14 9.5 -23.5t22.5 -9.5h192q13 0 22.5 9.5t9.5 23.5zM1022 535l18 459q0 12 -10 19q-13 11 -24 11h-220q-11 0 -24 -11q-10 -7 -10 -21l17 -457q0 -10 10 -16.5t24 -6.5h185 q14 0 23.5 6.5t10.5 16.5zM1008 1469l768 -1408q35 -63 -2 -126q-17 -29 -46.5 -46t-63.5 -17h-1536q-34 0 -63.5 17t-46.5 46q-37 63 -2 126l768 1408q17 31 47 49t65 18t65 -18t47 -49z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1376 1376q44 -52 12 -148t-108 -172l-161 -161l160 -696q5 -19 -12 -33l-128 -96q-7 -6 -19 -6q-4 0 -7 1q-15 3 -21 16l-279 508l-259 -259l53 -194q5 -17 -8 -31l-96 -96q-9 -9 -23 -9h-2q-15 2 -24 13l-189 252l-252 189q-11 7 -13 23q-1 13 9 25l96 97q9 9 23 9 q6 0 8 -1l194 -53l259 259l-508 279q-14 8 -17 24q-2 16 9 27l128 128q14 13 30 8l665 -159l160 160q76 76 172 108t148 -12z" />
+<glyph unicode="" horiz-adv-x="1664" d="M128 -128h288v288h-288v-288zM480 -128h320v288h-320v-288zM128 224h288v320h-288v-320zM480 224h320v320h-320v-320zM128 608h288v288h-288v-288zM864 -128h320v288h-320v-288zM480 608h320v288h-320v-288zM1248 -128h288v288h-288v-288zM864 224h320v320h-320v-320z M512 1088v288q0 13 -9.5 22.5t-22.5 9.5h-64q-13 0 -22.5 -9.5t-9.5 -22.5v-288q0 -13 9.5 -22.5t22.5 -9.5h64q13 0 22.5 9.5t9.5 22.5zM1248 224h288v320h-288v-320zM864 608h320v288h-320v-288zM1248 608h288v288h-288v-288zM1280 1088v288q0 13 -9.5 22.5t-22.5 9.5h-64 q-13 0 -22.5 -9.5t-9.5 -22.5v-288q0 -13 9.5 -22.5t22.5 -9.5h64q13 0 22.5 9.5t9.5 22.5zM1664 1152v-1280q0 -52 -38 -90t-90 -38h-1408q-52 0 -90 38t-38 90v1280q0 52 38 90t90 38h128v96q0 66 47 113t113 47h64q66 0 113 -47t47 -113v-96h384v96q0 66 47 113t113 47 h64q66 0 113 -47t47 -113v-96h128q52 0 90 -38t38 -90z" />
+<glyph unicode="" horiz-adv-x="1792" d="M666 1055q-60 -92 -137 -273q-22 45 -37 72.5t-40.5 63.5t-51 56.5t-63 35t-81.5 14.5h-224q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h224q250 0 410 -225zM1792 256q0 -14 -9 -23l-320 -320q-9 -9 -23 -9q-13 0 -22.5 9.5t-9.5 22.5v192q-32 0 -85 -0.5t-81 -1t-73 1 t-71 5t-64 10.5t-63 18.5t-58 28.5t-59 40t-55 53.5t-56 69.5q59 93 136 273q22 -45 37 -72.5t40.5 -63.5t51 -56.5t63 -35t81.5 -14.5h256v192q0 14 9 23t23 9q12 0 24 -10l319 -319q9 -9 9 -23zM1792 1152q0 -14 -9 -23l-320 -320q-9 -9 -23 -9q-13 0 -22.5 9.5t-9.5 22.5 v192h-256q-48 0 -87 -15t-69 -45t-51 -61.5t-45 -77.5q-32 -62 -78 -171q-29 -66 -49.5 -111t-54 -105t-64 -100t-74 -83t-90 -68.5t-106.5 -42t-128 -16.5h-224q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h224q48 0 87 15t69 45t51 61.5t45 77.5q32 62 78 171q29 66 49.5 111 t54 105t64 100t74 83t90 68.5t106.5 42t128 16.5h256v192q0 14 9 23t23 9q12 0 24 -10l319 -319q9 -9 9 -23z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 640q0 -174 -120 -321.5t-326 -233t-450 -85.5q-70 0 -145 8q-198 -175 -460 -242q-49 -14 -114 -22q-17 -2 -30.5 9t-17.5 29v1q-3 4 -0.5 12t2 10t4.5 9.5l6 9t7 8.5t8 9q7 8 31 34.5t34.5 38t31 39.5t32.5 51t27 59t26 76q-157 89 -247.5 220t-90.5 281 q0 130 71 248.5t191 204.5t286 136.5t348 50.5q244 0 450 -85.5t326 -233t120 -321.5z" />
+<glyph unicode="" d="M1536 704v-128q0 -201 -98.5 -362t-274 -251.5t-395.5 -90.5t-395.5 90.5t-274 251.5t-98.5 362v128q0 26 19 45t45 19h384q26 0 45 -19t19 -45v-128q0 -52 23.5 -90t53.5 -57t71 -30t64 -13t44 -2t44 2t64 13t71 30t53.5 57t23.5 90v128q0 26 19 45t45 19h384 q26 0 45 -19t19 -45zM512 1344v-384q0 -26 -19 -45t-45 -19h-384q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h384q26 0 45 -19t19 -45zM1536 1344v-384q0 -26 -19 -45t-45 -19h-384q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h384q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1611 320q0 -53 -37 -90l-75 -75q-38 -38 -91 -38q-54 0 -90 38l-486 485l-486 -485q-36 -38 -90 -38t-90 38l-75 75q-38 36 -38 90q0 53 38 91l651 651q37 37 90 37q52 0 91 -37l650 -651q38 -38 38 -91z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1611 832q0 -53 -37 -90l-651 -651q-38 -38 -91 -38q-54 0 -90 38l-651 651q-38 36 -38 90q0 53 38 91l74 75q39 37 91 37q53 0 90 -37l486 -486l486 486q37 37 90 37q52 0 91 -37l75 -75q37 -39 37 -91z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1280 32q0 -13 -9.5 -22.5t-22.5 -9.5h-960q-8 0 -13.5 2t-9 7t-5.5 8t-3 11.5t-1 11.5v13v11v160v416h-192q-26 0 -45 19t-19 45q0 24 15 41l320 384q19 22 49 22t49 -22l320 -384q15 -17 15 -41q0 -26 -19 -45t-45 -19h-192v-384h576q16 0 25 -11l160 -192q7 -11 7 -21 zM1920 448q0 -24 -15 -41l-320 -384q-20 -23 -49 -23t-49 23l-320 384q-15 17 -15 41q0 26 19 45t45 19h192v384h-576q-16 0 -25 12l-160 192q-7 9 -7 20q0 13 9.5 22.5t22.5 9.5h960q8 0 13.5 -2t9 -7t5.5 -8t3 -11.5t1 -11.5v-13v-11v-160v-416h192q26 0 45 -19t19 -45z " />
+<glyph unicode="" horiz-adv-x="1664" d="M640 0q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1536 0q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1664 1088v-512q0 -24 -16 -42.5t-41 -21.5 l-1044 -122q1 -7 4.5 -21.5t6 -26.5t2.5 -22q0 -16 -24 -64h920q26 0 45 -19t19 -45t-19 -45t-45 -19h-1024q-26 0 -45 19t-19 45q0 14 11 39.5t29.5 59.5t20.5 38l-177 823h-204q-26 0 -45 19t-19 45t19 45t45 19h256q16 0 28.5 -6.5t20 -15.5t13 -24.5t7.5 -26.5 t5.5 -29.5t4.5 -25.5h1201q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1664 928v-704q0 -92 -66 -158t-158 -66h-1216q-92 0 -158 66t-66 158v960q0 92 66 158t158 66h320q92 0 158 -66t66 -158v-32h672q92 0 158 -66t66 -158z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1879 584q0 -31 -31 -66l-336 -396q-43 -51 -120.5 -86.5t-143.5 -35.5h-1088q-34 0 -60.5 13t-26.5 43q0 31 31 66l336 396q43 51 120.5 86.5t143.5 35.5h1088q34 0 60.5 -13t26.5 -43zM1536 928v-160h-832q-94 0 -197 -47.5t-164 -119.5l-337 -396l-5 -6q0 4 -0.5 12.5 t-0.5 12.5v960q0 92 66 158t158 66h320q92 0 158 -66t66 -158v-32h544q92 0 158 -66t66 -158z" />
+<glyph unicode="" horiz-adv-x="768" d="M704 1216q0 -26 -19 -45t-45 -19h-128v-1024h128q26 0 45 -19t19 -45t-19 -45l-256 -256q-19 -19 -45 -19t-45 19l-256 256q-19 19 -19 45t19 45t45 19h128v1024h-128q-26 0 -45 19t-19 45t19 45l256 256q19 19 45 19t45 -19l256 -256q19 -19 19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 640q0 -26 -19 -45l-256 -256q-19 -19 -45 -19t-45 19t-19 45v128h-1024v-128q0 -26 -19 -45t-45 -19t-45 19l-256 256q-19 19 -19 45t19 45l256 256q19 19 45 19t45 -19t19 -45v-128h1024v128q0 26 19 45t45 19t45 -19l256 -256q19 -19 19 -45z" />
+<glyph unicode="" horiz-adv-x="1920" d="M512 512v-384h-256v384h256zM896 1024v-896h-256v896h256zM1280 768v-640h-256v640h256zM1664 1152v-1024h-256v1024h256zM1792 32v1216q0 13 -9.5 22.5t-22.5 9.5h-1600q-13 0 -22.5 -9.5t-9.5 -22.5v-1216q0 -13 9.5 -22.5t22.5 -9.5h1600q13 0 22.5 9.5t9.5 22.5z M1920 1248v-1216q0 -66 -47 -113t-113 -47h-1600q-66 0 -113 47t-47 113v1216q0 66 47 113t113 47h1600q66 0 113 -47t47 -113z" />
+<glyph unicode="" d="M1280 926q-56 -25 -121 -34q68 40 93 117q-65 -38 -134 -51q-61 66 -153 66q-87 0 -148.5 -61.5t-61.5 -148.5q0 -29 5 -48q-129 7 -242 65t-192 155q-29 -50 -29 -106q0 -114 91 -175q-47 1 -100 26v-2q0 -75 50 -133.5t123 -72.5q-29 -8 -51 -8q-13 0 -39 4 q21 -63 74.5 -104t121.5 -42q-116 -90 -261 -90q-26 0 -50 3q148 -94 322 -94q112 0 210 35.5t168 95t120.5 137t75 162t24.5 168.5q0 18 -1 27q63 45 105 109zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5 t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1307 618l23 219h-198v109q0 49 15.5 68.5t71.5 19.5h110v219h-175q-152 0 -218 -72t-66 -213v-131h-131v-219h131v-635h262v635h175zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960 q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M928 704q0 14 -9 23t-23 9q-66 0 -113 -47t-47 -113q0 -14 9 -23t23 -9t23 9t9 23q0 40 28 68t68 28q14 0 23 9t9 23zM1152 574q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75t75 -181zM128 0h1536v128h-1536v-128zM1280 574q0 159 -112.5 271.5 t-271.5 112.5t-271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5zM256 1216h384v128h-384v-128zM128 1024h1536v118v138h-828l-64 -128h-644v-128zM1792 1280v-1280q0 -53 -37.5 -90.5t-90.5 -37.5h-1536q-53 0 -90.5 37.5t-37.5 90.5v1280 q0 53 37.5 90.5t90.5 37.5h1536q53 0 90.5 -37.5t37.5 -90.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M832 1024q0 80 -56 136t-136 56t-136 -56t-56 -136q0 -42 19 -83q-41 19 -83 19q-80 0 -136 -56t-56 -136t56 -136t136 -56t136 56t56 136q0 42 -19 83q41 -19 83 -19q80 0 136 56t56 136zM1683 320q0 -17 -49 -66t-66 -49q-9 0 -28.5 16t-36.5 33t-38.5 40t-24.5 26 l-96 -96l220 -220q28 -28 28 -68q0 -42 -39 -81t-81 -39q-40 0 -68 28l-671 671q-176 -131 -365 -131q-163 0 -265.5 102.5t-102.5 265.5q0 160 95 313t248 248t313 95q163 0 265.5 -102.5t102.5 -265.5q0 -189 -131 -365l355 -355l96 96q-3 3 -26 24.5t-40 38.5t-33 36.5 t-16 28.5q0 17 49 66t66 49q13 0 23 -10q6 -6 46 -44.5t82 -79.5t86.5 -86t73 -78t28.5 -41z" />
+<glyph unicode="" horiz-adv-x="1920" d="M896 640q0 106 -75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75t75 181zM1664 128q0 52 -38 90t-90 38t-90 -38t-38 -90q0 -53 37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1664 1152q0 52 -38 90t-90 38t-90 -38t-38 -90q0 -53 37.5 -90.5t90.5 -37.5 t90.5 37.5t37.5 90.5zM1280 731v-185q0 -10 -7 -19.5t-16 -10.5l-155 -24q-11 -35 -32 -76q34 -48 90 -115q7 -10 7 -20q0 -12 -7 -19q-23 -30 -82.5 -89.5t-78.5 -59.5q-11 0 -21 7l-115 90q-37 -19 -77 -31q-11 -108 -23 -155q-7 -24 -30 -24h-186q-11 0 -20 7.5t-10 17.5 l-23 153q-34 10 -75 31l-118 -89q-7 -7 -20 -7q-11 0 -21 8q-144 133 -144 160q0 9 7 19q10 14 41 53t47 61q-23 44 -35 82l-152 24q-10 1 -17 9.5t-7 19.5v185q0 10 7 19.5t16 10.5l155 24q11 35 32 76q-34 48 -90 115q-7 11 -7 20q0 12 7 20q22 30 82 89t79 59q11 0 21 -7 l115 -90q34 18 77 32q11 108 23 154q7 24 30 24h186q11 0 20 -7.5t10 -17.5l23 -153q34 -10 75 -31l118 89q8 7 20 7q11 0 21 -8q144 -133 144 -160q0 -9 -7 -19q-12 -16 -42 -54t-45 -60q23 -48 34 -82l152 -23q10 -2 17 -10.5t7 -19.5zM1920 198v-140q0 -16 -149 -31 q-12 -27 -30 -52q51 -113 51 -138q0 -4 -4 -7q-122 -71 -124 -71q-8 0 -46 47t-52 68q-20 -2 -30 -2t-30 2q-14 -21 -52 -68t-46 -47q-2 0 -124 71q-4 3 -4 7q0 25 51 138q-18 25 -30 52q-149 15 -149 31v140q0 16 149 31q13 29 30 52q-51 113 -51 138q0 4 4 7q4 2 35 20 t59 34t30 16q8 0 46 -46.5t52 -67.5q20 2 30 2t30 -2q51 71 92 112l6 2q4 0 124 -70q4 -3 4 -7q0 -25 -51 -138q17 -23 30 -52q149 -15 149 -31zM1920 1222v-140q0 -16 -149 -31q-12 -27 -30 -52q51 -113 51 -138q0 -4 -4 -7q-122 -71 -124 -71q-8 0 -46 47t-52 68 q-20 -2 -30 -2t-30 2q-14 -21 -52 -68t-46 -47q-2 0 -124 71q-4 3 -4 7q0 25 51 138q-18 25 -30 52q-149 15 -149 31v140q0 16 149 31q13 29 30 52q-51 113 -51 138q0 4 4 7q4 2 35 20t59 34t30 16q8 0 46 -46.5t52 -67.5q20 2 30 2t30 -2q51 71 92 112l6 2q4 0 124 -70 q4 -3 4 -7q0 -25 -51 -138q17 -23 30 -52q149 -15 149 -31z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1408 768q0 -139 -94 -257t-256.5 -186.5t-353.5 -68.5q-86 0 -176 16q-124 -88 -278 -128q-36 -9 -86 -16h-3q-11 0 -20.5 8t-11.5 21q-1 3 -1 6.5t0.5 6.5t2 6l2.5 5t3.5 5.5t4 5t4.5 5t4 4.5q5 6 23 25t26 29.5t22.5 29t25 38.5t20.5 44q-124 72 -195 177t-71 224 q0 139 94 257t256.5 186.5t353.5 68.5t353.5 -68.5t256.5 -186.5t94 -257zM1792 512q0 -120 -71 -224.5t-195 -176.5q10 -24 20.5 -44t25 -38.5t22.5 -29t26 -29.5t23 -25q1 -1 4 -4.5t4.5 -5t4 -5t3.5 -5.5l2.5 -5t2 -6t0.5 -6.5t-1 -6.5q-3 -14 -13 -22t-22 -7 q-50 7 -86 16q-154 40 -278 128q-90 -16 -176 -16q-271 0 -472 132q58 -4 88 -4q161 0 309 45t264 129q125 92 192 212t67 254q0 77 -23 152q129 -71 204 -178t75 -230z" />
+<glyph unicode="" d="M256 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1408 768q0 51 -39 89.5t-89 38.5h-352q0 58 48 159.5t48 160.5q0 98 -32 145t-128 47q-26 -26 -38 -85t-30.5 -125.5t-59.5 -109.5q-22 -23 -77 -91q-4 -5 -23 -30t-31.5 -41t-34.5 -42.5 t-40 -44t-38.5 -35.5t-40 -27t-35.5 -9h-32v-640h32q13 0 31.5 -3t33 -6.5t38 -11t35 -11.5t35.5 -12.5t29 -10.5q211 -73 342 -73h121q192 0 192 167q0 26 -5 56q30 16 47.5 52.5t17.5 73.5t-18 69q53 50 53 119q0 25 -10 55.5t-25 47.5q32 1 53.5 47t21.5 81zM1536 769 q0 -89 -49 -163q9 -33 9 -69q0 -77 -38 -144q3 -21 3 -43q0 -101 -60 -178q1 -139 -85 -219.5t-227 -80.5h-36h-93q-96 0 -189.5 22.5t-216.5 65.5q-116 40 -138 40h-288q-53 0 -90.5 37.5t-37.5 90.5v640q0 53 37.5 90.5t90.5 37.5h274q36 24 137 155q58 75 107 128 q24 25 35.5 85.5t30.5 126.5t62 108q39 37 90 37q84 0 151 -32.5t102 -101.5t35 -186q0 -93 -48 -192h176q104 0 180 -76t76 -179z" />
+<glyph unicode="" d="M256 1088q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1408 512q0 35 -21.5 81t-53.5 47q15 17 25 47.5t10 55.5q0 69 -53 119q18 32 18 69t-17.5 73.5t-47.5 52.5q5 30 5 56q0 85 -49 126t-136 41h-128q-131 0 -342 -73q-5 -2 -29 -10.5 t-35.5 -12.5t-35 -11.5t-38 -11t-33 -6.5t-31.5 -3h-32v-640h32q16 0 35.5 -9t40 -27t38.5 -35.5t40 -44t34.5 -42.5t31.5 -41t23 -30q55 -68 77 -91q41 -43 59.5 -109.5t30.5 -125.5t38 -85q96 0 128 47t32 145q0 59 -48 160.5t-48 159.5h352q50 0 89 38.5t39 89.5z M1536 511q0 -103 -76 -179t-180 -76h-176q48 -99 48 -192q0 -118 -35 -186q-35 -69 -102 -101.5t-151 -32.5q-51 0 -90 37q-34 33 -54 82t-25.5 90.5t-17.5 84.5t-31 64q-48 50 -107 127q-101 131 -137 155h-274q-53 0 -90.5 37.5t-37.5 90.5v640q0 53 37.5 90.5t90.5 37.5 h288q22 0 138 40q128 44 223 66t200 22h112q140 0 226.5 -79t85.5 -216v-5q60 -77 60 -178q0 -22 -3 -43q38 -67 38 -144q0 -36 -9 -69q49 -74 49 -163z" />
+<glyph unicode="" horiz-adv-x="896" d="M832 1504v-1339l-449 -236q-22 -12 -40 -12q-21 0 -31.5 14.5t-10.5 35.5q0 6 2 20l86 500l-364 354q-25 27 -25 48q0 37 56 46l502 73l225 455q19 41 49 41z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1664 940q0 81 -21.5 143t-55 98.5t-81.5 59.5t-94 31t-98 8t-112 -25.5t-110.5 -64t-86.5 -72t-60 -61.5q-18 -22 -49 -22t-49 22q-24 28 -60 61.5t-86.5 72t-110.5 64t-112 25.5t-98 -8t-94 -31t-81.5 -59.5t-55 -98.5t-21.5 -143q0 -168 187 -355l581 -560l580 559 q188 188 188 356zM1792 940q0 -221 -229 -450l-623 -600q-18 -18 -44 -18t-44 18l-624 602q-10 8 -27.5 26t-55.5 65.5t-68 97.5t-53.5 121t-23.5 138q0 220 127 344t351 124q62 0 126.5 -21.5t120 -58t95.5 -68.5t76 -68q36 36 76 68t95.5 68.5t120 58t126.5 21.5 q224 0 351 -124t127 -344z" />
+<glyph unicode="" horiz-adv-x="1664" d="M640 96q0 -4 1 -20t0.5 -26.5t-3 -23.5t-10 -19.5t-20.5 -6.5h-320q-119 0 -203.5 84.5t-84.5 203.5v704q0 119 84.5 203.5t203.5 84.5h320q13 0 22.5 -9.5t9.5 -22.5q0 -4 1 -20t0.5 -26.5t-3 -23.5t-10 -19.5t-20.5 -6.5h-320q-66 0 -113 -47t-47 -113v-704 q0 -66 47 -113t113 -47h288h11h13t11.5 -1t11.5 -3t8 -5.5t7 -9t2 -13.5zM1568 640q0 -26 -19 -45l-544 -544q-19 -19 -45 -19t-45 19t-19 45v288h-448q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h448v288q0 26 19 45t45 19t45 -19l544 -544q19 -19 19 -45z" />
+<glyph unicode="" d="M237 122h231v694h-231v-694zM483 1030q-1 52 -36 86t-93 34t-94.5 -34t-36.5 -86q0 -51 35.5 -85.5t92.5 -34.5h1q59 0 95 34.5t36 85.5zM1068 122h231v398q0 154 -73 233t-193 79q-136 0 -209 -117h2v101h-231q3 -66 0 -694h231v388q0 38 7 56q15 35 45 59.5t74 24.5 q116 0 116 -157v-371zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1152" d="M480 672v448q0 14 -9 23t-23 9t-23 -9t-9 -23v-448q0 -14 9 -23t23 -9t23 9t9 23zM1152 320q0 -26 -19 -45t-45 -19h-429l-51 -483q-2 -12 -10.5 -20.5t-20.5 -8.5h-1q-27 0 -32 27l-76 485h-404q-26 0 -45 19t-19 45q0 123 78.5 221.5t177.5 98.5v512q-52 0 -90 38 t-38 90t38 90t90 38h640q52 0 90 -38t38 -90t-38 -90t-90 -38v-512q99 0 177.5 -98.5t78.5 -221.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1408 608v-320q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h704q14 0 23 -9t9 -23v-64q0 -14 -9 -23t-23 -9h-704q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113v320 q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM1792 1472v-512q0 -26 -19 -45t-45 -19t-45 19l-176 176l-652 -652q-10 -10 -23 -10t-23 10l-114 114q-10 10 -10 23t10 23l652 652l-176 176q-19 19 -19 45t19 45t45 19h512q26 0 45 -19t19 -45z" />
+<glyph unicode="" d="M1184 640q0 -26 -19 -45l-544 -544q-19 -19 -45 -19t-45 19t-19 45v288h-448q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h448v288q0 26 19 45t45 19t45 -19l544 -544q19 -19 19 -45zM1536 992v-704q0 -119 -84.5 -203.5t-203.5 -84.5h-320q-13 0 -22.5 9.5t-9.5 22.5 q0 4 -1 20t-0.5 26.5t3 23.5t10 19.5t20.5 6.5h320q66 0 113 47t47 113v704q0 66 -47 113t-113 47h-288h-11h-13t-11.5 1t-11.5 3t-8 5.5t-7 9t-2 13.5q0 4 -1 20t-0.5 26.5t3 23.5t10 19.5t20.5 6.5h320q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M458 653q-74 162 -74 371h-256v-96q0 -78 94.5 -162t235.5 -113zM1536 928v96h-256q0 -209 -74 -371q141 29 235.5 113t94.5 162zM1664 1056v-128q0 -71 -41.5 -143t-112 -130t-173 -97.5t-215.5 -44.5q-42 -54 -95 -95q-38 -34 -52.5 -72.5t-14.5 -89.5q0 -54 30.5 -91 t97.5 -37q75 0 133.5 -45.5t58.5 -114.5v-64q0 -14 -9 -23t-23 -9h-832q-14 0 -23 9t-9 23v64q0 69 58.5 114.5t133.5 45.5q67 0 97.5 37t30.5 91q0 51 -14.5 89.5t-52.5 72.5q-53 41 -95 95q-113 5 -215.5 44.5t-173 97.5t-112 130t-41.5 143v128q0 40 28 68t68 28h288v96 q0 66 47 113t113 47h576q66 0 113 -47t47 -113v-96h288q40 0 68 -28t28 -68z" />
+<glyph unicode="" d="M394 184q-8 -9 -20 3q-13 11 -4 19q8 9 20 -3q12 -11 4 -19zM352 245q9 -12 0 -19q-8 -6 -17 7t0 18q9 7 17 -6zM291 305q-5 -7 -13 -2q-10 5 -7 12q3 5 13 2q10 -5 7 -12zM322 271q-6 -7 -16 3q-9 11 -2 16q6 6 16 -3q9 -11 2 -16zM451 159q-4 -12 -19 -6q-17 4 -13 15 t19 7q16 -5 13 -16zM514 154q0 -11 -16 -11q-17 -2 -17 11q0 11 16 11q17 2 17 -11zM572 164q2 -10 -14 -14t-18 8t14 15q16 2 18 -9zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-224q-16 0 -24.5 1t-19.5 5t-16 14.5t-5 27.5v239q0 97 -52 142q57 6 102.5 18t94 39 t81 66.5t53 105t20.5 150.5q0 121 -79 206q37 91 -8 204q-28 9 -81 -11t-92 -44l-38 -24q-93 26 -192 26t-192 -26q-16 11 -42.5 27t-83.5 38.5t-86 13.5q-44 -113 -7 -204q-79 -85 -79 -206q0 -85 20.5 -150t52.5 -105t80.5 -67t94 -39t102.5 -18q-40 -36 -49 -103 q-21 -10 -45 -15t-57 -5t-65.5 21.5t-55.5 62.5q-19 32 -48.5 52t-49.5 24l-20 3q-21 0 -29 -4.5t-5 -11.5t9 -14t13 -12l7 -5q22 -10 43.5 -38t31.5 -51l10 -23q13 -38 44 -61.5t67 -30t69.5 -7t55.5 3.5l23 4q0 -38 0.5 -103t0.5 -68q0 -22 -11 -33.5t-22 -13t-33 -1.5 h-224q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1280 64q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1536 64q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1664 288v-320q0 -40 -28 -68t-68 -28h-1472q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h427q21 -56 70.5 -92 t110.5 -36h256q61 0 110.5 36t70.5 92h427q40 0 68 -28t28 -68zM1339 936q-17 -40 -59 -40h-256v-448q0 -26 -19 -45t-45 -19h-256q-26 0 -45 19t-19 45v448h-256q-42 0 -59 40q-17 39 14 69l448 448q18 19 45 19t45 -19l448 -448q31 -30 14 -69z" />
+<glyph unicode="" d="M1407 710q0 44 -7 113.5t-18 96.5q-12 30 -17 44t-9 36.5t-4 48.5q0 23 5 68.5t5 67.5q0 37 -10 55q-4 1 -13 1q-19 0 -58 -4.5t-59 -4.5q-60 0 -176 24t-175 24q-43 0 -94.5 -11.5t-85 -23.5t-89.5 -34q-137 -54 -202 -103q-96 -73 -159.5 -189.5t-88 -236t-24.5 -248.5 q0 -40 12.5 -120t12.5 -121q0 -23 -11 -66.5t-11 -65.5t12 -36.5t34 -14.5q24 0 72.5 11t73.5 11q57 0 169.5 -15.5t169.5 -15.5q181 0 284 36q129 45 235.5 152.5t166 245.5t59.5 275zM1535 712q0 -165 -70 -327.5t-196 -288t-281 -180.5q-124 -44 -326 -44 q-57 0 -170 14.5t-169 14.5q-24 0 -72.5 -14.5t-73.5 -14.5q-73 0 -123.5 55.5t-50.5 128.5q0 24 11 68t11 67q0 40 -12.5 120.5t-12.5 121.5q0 111 18 217.5t54.5 209.5t100.5 194t150 156q78 59 232 120q194 78 316 78q60 0 175.5 -24t173.5 -24q19 0 57 5t58 5 q81 0 118 -50.5t37 -134.5q0 -23 -5 -68t-5 -68q0 -10 1 -18.5t3 -17t4 -13.5t6.5 -16t6.5 -17q16 -40 25 -118.5t9 -136.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1408 296q0 -27 -10 -70.5t-21 -68.5q-21 -50 -122 -106q-94 -51 -186 -51q-27 0 -52.5 3.5t-57.5 12.5t-47.5 14.5t-55.5 20.5t-49 18q-98 35 -175 83q-128 79 -264.5 215.5t-215.5 264.5q-48 77 -83 175q-3 9 -18 49t-20.5 55.5t-14.5 47.5t-12.5 57.5t-3.5 52.5 q0 92 51 186q56 101 106 122q25 11 68.5 21t70.5 10q14 0 21 -3q18 -6 53 -76q11 -19 30 -54t35 -63.5t31 -53.5q3 -4 17.5 -25t21.5 -35.5t7 -28.5q0 -20 -28.5 -50t-62 -55t-62 -53t-28.5 -46q0 -9 5 -22.5t8.5 -20.5t14 -24t11.5 -19q76 -137 174 -235t235 -174 q2 -1 19 -11.5t24 -14t20.5 -8.5t22.5 -5q18 0 46 28.5t53 62t55 62t50 28.5q14 0 28.5 -7t35.5 -21.5t25 -17.5q25 -15 53.5 -31t63.5 -35t54 -30q70 -35 76 -53q3 -7 3 -21z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1120 1280h-832q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113v832q0 66 -47 113t-113 47zM1408 1120v-832q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832 q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1152 1280h-1024v-1242l423 406l89 85l89 -85l423 -406v1242zM1164 1408q23 0 44 -9q33 -13 52.5 -41t19.5 -62v-1289q0 -34 -19.5 -62t-52.5 -41q-19 -8 -44 -8q-48 0 -83 32l-441 424l-441 -424q-36 -33 -83 -33q-23 0 -44 9q-33 13 -52.5 41t-19.5 62v1289 q0 34 19.5 62t52.5 41q21 9 44 9h1048z" />
+<glyph unicode="" d="M1280 343q0 11 -2 16q-3 8 -38.5 29.5t-88.5 49.5l-53 29q-5 3 -19 13t-25 15t-21 5q-18 0 -47 -32.5t-57 -65.5t-44 -33q-7 0 -16.5 3.5t-15.5 6.5t-17 9.5t-14 8.5q-99 55 -170.5 126.5t-126.5 170.5q-2 3 -8.5 14t-9.5 17t-6.5 15.5t-3.5 16.5q0 13 20.5 33.5t45 38.5 t45 39.5t20.5 36.5q0 10 -5 21t-15 25t-13 19q-3 6 -15 28.5t-25 45.5t-26.5 47.5t-25 40.5t-16.5 18t-16 2q-48 0 -101 -22q-46 -21 -80 -94.5t-34 -130.5q0 -16 2.5 -34t5 -30.5t9 -33t10 -29.5t12.5 -33t11 -30q60 -164 216.5 -320.5t320.5 -216.5q6 -2 30 -11t33 -12.5 t29.5 -10t33 -9t30.5 -5t34 -2.5q57 0 130.5 34t94.5 80q22 53 22 101zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1620 1128q-67 -98 -162 -167q1 -14 1 -42q0 -130 -38 -259.5t-115.5 -248.5t-184.5 -210.5t-258 -146t-323 -54.5q-271 0 -496 145q35 -4 78 -4q225 0 401 138q-105 2 -188 64.5t-114 159.5q33 -5 61 -5q43 0 85 11q-112 23 -185.5 111.5t-73.5 205.5v4q68 -38 146 -41 q-66 44 -105 115t-39 154q0 88 44 163q121 -149 294.5 -238.5t371.5 -99.5q-8 38 -8 74q0 134 94.5 228.5t228.5 94.5q140 0 236 -102q109 21 205 78q-37 -115 -142 -178q93 10 186 50z" />
+<glyph unicode="" horiz-adv-x="768" d="M511 980h257l-30 -284h-227v-824h-341v824h-170v284h170v171q0 182 86 275.5t283 93.5h227v-284h-142q-39 0 -62.5 -6.5t-34 -23.5t-13.5 -34.5t-3 -49.5v-142z" />
+<glyph unicode="" d="M1536 640q0 -251 -146.5 -451.5t-378.5 -277.5q-27 -5 -39.5 7t-12.5 30v211q0 97 -52 142q57 6 102.5 18t94 39t81 66.5t53 105t20.5 150.5q0 121 -79 206q37 91 -8 204q-28 9 -81 -11t-92 -44l-38 -24q-93 26 -192 26t-192 -26q-16 11 -42.5 27t-83.5 38.5t-86 13.5 q-44 -113 -7 -204q-79 -85 -79 -206q0 -85 20.5 -150t52.5 -105t80.5 -67t94 -39t102.5 -18q-40 -36 -49 -103q-21 -10 -45 -15t-57 -5t-65.5 21.5t-55.5 62.5q-19 32 -48.5 52t-49.5 24l-20 3q-21 0 -29 -4.5t-5 -11.5t9 -14t13 -12l7 -5q22 -10 43.5 -38t31.5 -51l10 -23 q13 -38 44 -61.5t67 -30t69.5 -7t55.5 3.5l23 4q0 -38 0.5 -89t0.5 -54q0 -18 -13 -30t-40 -7q-232 77 -378.5 277.5t-146.5 451.5q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1664 960v-256q0 -26 -19 -45t-45 -19h-64q-26 0 -45 19t-19 45v256q0 106 -75 181t-181 75t-181 -75t-75 -181v-192h96q40 0 68 -28t28 -68v-576q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v576q0 40 28 68t68 28h672v192q0 185 131.5 316.5t316.5 131.5 t316.5 -131.5t131.5 -316.5z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1760 1408q66 0 113 -47t47 -113v-1216q0 -66 -47 -113t-113 -47h-1600q-66 0 -113 47t-47 113v1216q0 66 47 113t113 47h1600zM160 1280q-13 0 -22.5 -9.5t-9.5 -22.5v-224h1664v224q0 13 -9.5 22.5t-22.5 9.5h-1600zM1760 0q13 0 22.5 9.5t9.5 22.5v608h-1664v-608 q0 -13 9.5 -22.5t22.5 -9.5h1600zM256 128v128h256v-128h-256zM640 128v128h384v-128h-384z" />
+<glyph unicode="" horiz-adv-x="1408" d="M384 192q0 -80 -56 -136t-136 -56t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM896 69q2 -28 -17 -48q-18 -21 -47 -21h-135q-25 0 -43 16.5t-20 41.5q-22 229 -184.5 391.5t-391.5 184.5q-25 2 -41.5 20t-16.5 43v135q0 29 21 47q17 17 43 17h5q160 -13 306 -80.5 t259 -181.5q114 -113 181.5 -259t80.5 -306zM1408 67q2 -27 -18 -47q-18 -20 -46 -20h-143q-26 0 -44.5 17.5t-19.5 42.5q-12 215 -101 408.5t-231.5 336t-336 231.5t-408.5 102q-25 1 -42.5 19.5t-17.5 43.5v143q0 28 20 46q18 18 44 18h3q262 -13 501.5 -120t425.5 -294 q187 -186 294 -425.5t120 -501.5z" />
+<glyph unicode="" d="M1040 320q0 -33 -23.5 -56.5t-56.5 -23.5t-56.5 23.5t-23.5 56.5t23.5 56.5t56.5 23.5t56.5 -23.5t23.5 -56.5zM1296 320q0 -33 -23.5 -56.5t-56.5 -23.5t-56.5 23.5t-23.5 56.5t23.5 56.5t56.5 23.5t56.5 -23.5t23.5 -56.5zM1408 160v320q0 13 -9.5 22.5t-22.5 9.5 h-1216q-13 0 -22.5 -9.5t-9.5 -22.5v-320q0 -13 9.5 -22.5t22.5 -9.5h1216q13 0 22.5 9.5t9.5 22.5zM178 640h1180l-157 482q-4 13 -16 21.5t-26 8.5h-782q-14 0 -26 -8.5t-16 -21.5zM1536 480v-320q0 -66 -47 -113t-113 -47h-1216q-66 0 -113 47t-47 113v320q0 25 16 75 l197 606q17 53 63 86t101 33h782q55 0 101 -33t63 -86l197 -606q16 -50 16 -75z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1664 896q53 0 90.5 -37.5t37.5 -90.5t-37.5 -90.5t-90.5 -37.5v-384q0 -52 -38 -90t-90 -38q-417 347 -812 380q-58 -19 -91 -66t-31 -100.5t40 -92.5q-20 -33 -23 -65.5t6 -58t33.5 -55t48 -50t61.5 -50.5q-29 -58 -111.5 -83t-168.5 -11.5t-132 55.5q-7 23 -29.5 87.5 t-32 94.5t-23 89t-15 101t3.5 98.5t22 110.5h-122q-66 0 -113 47t-47 113v192q0 66 47 113t113 47h480q435 0 896 384q52 0 90 -38t38 -90v-384zM1536 292v954q-394 -302 -768 -343v-270q377 -42 768 -341z" />
+<glyph unicode="" horiz-adv-x="1664" d="M848 -160q0 16 -16 16q-59 0 -101.5 42.5t-42.5 101.5q0 16 -16 16t-16 -16q0 -73 51.5 -124.5t124.5 -51.5q16 0 16 16zM183 128h1298q-164 181 -246.5 411.5t-82.5 484.5q0 256 -320 256t-320 -256q0 -254 -82.5 -484.5t-246.5 -411.5zM1664 128q0 -52 -38 -90t-90 -38 h-448q0 -106 -75 -181t-181 -75t-181 75t-75 181h-448q-52 0 -90 38t-38 90q190 161 287 397.5t97 498.5q0 165 96 262t264 117q-8 18 -8 37q0 40 28 68t68 28t68 -28t28 -68q0 -19 -8 -37q168 -20 264 -117t96 -262q0 -262 97 -498.5t287 -397.5z" />
+<glyph unicode="" d="M1376 640l138 -135q30 -28 20 -70q-12 -41 -52 -51l-188 -48l53 -186q12 -41 -19 -70q-29 -31 -70 -19l-186 53l-48 -188q-10 -40 -51 -52q-12 -2 -19 -2q-31 0 -51 22l-135 138l-135 -138q-28 -30 -70 -20q-41 11 -51 52l-48 188l-186 -53q-41 -12 -70 19q-31 29 -19 70 l53 186l-188 48q-40 10 -52 51q-10 42 20 70l138 135l-138 135q-30 28 -20 70q12 41 52 51l188 48l-53 186q-12 41 19 70q29 31 70 19l186 -53l48 188q10 41 51 51q41 12 70 -19l135 -139l135 139q29 30 70 19q41 -10 51 -51l48 -188l186 53q41 12 70 -19q31 -29 19 -70 l-53 -186l188 -48q40 -10 52 -51q10 -42 -20 -70z" />
+<glyph unicode="" horiz-adv-x="1792" d="M256 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1664 768q0 51 -39 89.5t-89 38.5h-576q0 20 15 48.5t33 55t33 68t15 84.5q0 67 -44.5 97.5t-115.5 30.5q-24 0 -90 -139q-24 -44 -37 -65q-40 -64 -112 -145q-71 -81 -101 -106 q-69 -57 -140 -57h-32v-640h32q72 0 167 -32t193.5 -64t179.5 -32q189 0 189 167q0 26 -5 56q30 16 47.5 52.5t17.5 73.5t-18 69q53 50 53 119q0 25 -10 55.5t-25 47.5h331q52 0 90 38t38 90zM1792 769q0 -105 -75.5 -181t-180.5 -76h-169q-4 -62 -37 -119q3 -21 3 -43 q0 -101 -60 -178q1 -139 -85 -219.5t-227 -80.5q-133 0 -322 69q-164 59 -223 59h-288q-53 0 -90.5 37.5t-37.5 90.5v640q0 53 37.5 90.5t90.5 37.5h288q10 0 21.5 4.5t23.5 14t22.5 18t24 22.5t20.5 21.5t19 21.5t14 17q65 74 100 129q13 21 33 62t37 72t40.5 63t55 49.5 t69.5 17.5q125 0 206.5 -67t81.5 -189q0 -68 -22 -128h374q104 0 180 -76t76 -179z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1376 128h32v640h-32q-35 0 -67.5 12t-62.5 37t-50 46t-49 54q-2 3 -3.5 4.5t-4 4.5t-4.5 5q-72 81 -112 145q-14 22 -38 68q-1 3 -10.5 22.5t-18.5 36t-20 35.5t-21.5 30.5t-18.5 11.5q-71 0 -115.5 -30.5t-44.5 -97.5q0 -43 15 -84.5t33 -68t33 -55t15 -48.5h-576 q-50 0 -89 -38.5t-39 -89.5q0 -52 38 -90t90 -38h331q-15 -17 -25 -47.5t-10 -55.5q0 -69 53 -119q-18 -32 -18 -69t17.5 -73.5t47.5 -52.5q-4 -24 -4 -56q0 -85 48.5 -126t135.5 -41q84 0 183 32t194 64t167 32zM1664 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45 t45 -19t45 19t19 45zM1792 768v-640q0 -53 -37.5 -90.5t-90.5 -37.5h-288q-59 0 -223 -59q-190 -69 -317 -69q-142 0 -230 77.5t-87 217.5l1 5q-61 76 -61 178q0 22 3 43q-33 57 -37 119h-169q-105 0 -180.5 76t-75.5 181q0 103 76 179t180 76h374q-22 60 -22 128 q0 122 81.5 189t206.5 67q38 0 69.5 -17.5t55 -49.5t40.5 -63t37 -72t33 -62q35 -55 100 -129q2 -3 14 -17t19 -21.5t20.5 -21.5t24 -22.5t22.5 -18t23.5 -14t21.5 -4.5h288q53 0 90.5 -37.5t37.5 -90.5z" />
+<glyph unicode="" d="M1280 -64q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1408 700q0 189 -167 189q-26 0 -56 -5q-16 30 -52.5 47.5t-73.5 17.5t-69 -18q-50 53 -119 53q-25 0 -55.5 -10t-47.5 -25v331q0 52 -38 90t-90 38q-51 0 -89.5 -39t-38.5 -89v-576 q-20 0 -48.5 15t-55 33t-68 33t-84.5 15q-67 0 -97.5 -44.5t-30.5 -115.5q0 -24 139 -90q44 -24 65 -37q64 -40 145 -112q81 -71 106 -101q57 -69 57 -140v-32h640v32q0 72 32 167t64 193.5t32 179.5zM1536 705q0 -133 -69 -322q-59 -164 -59 -223v-288q0 -53 -37.5 -90.5 t-90.5 -37.5h-640q-53 0 -90.5 37.5t-37.5 90.5v288q0 10 -4.5 21.5t-14 23.5t-18 22.5t-22.5 24t-21.5 20.5t-21.5 19t-17 14q-74 65 -129 100q-21 13 -62 33t-72 37t-63 40.5t-49.5 55t-17.5 69.5q0 125 67 206.5t189 81.5q68 0 128 -22v374q0 104 76 180t179 76 q105 0 181 -75.5t76 -180.5v-169q62 -4 119 -37q21 3 43 3q101 0 178 -60q139 1 219.5 -85t80.5 -227z" />
+<glyph unicode="" d="M1408 576q0 84 -32 183t-64 194t-32 167v32h-640v-32q0 -35 -12 -67.5t-37 -62.5t-46 -50t-54 -49q-9 -8 -14 -12q-81 -72 -145 -112q-22 -14 -68 -38q-3 -1 -22.5 -10.5t-36 -18.5t-35.5 -20t-30.5 -21.5t-11.5 -18.5q0 -71 30.5 -115.5t97.5 -44.5q43 0 84.5 15t68 33 t55 33t48.5 15v-576q0 -50 38.5 -89t89.5 -39q52 0 90 38t38 90v331q46 -35 103 -35q69 0 119 53q32 -18 69 -18t73.5 17.5t52.5 47.5q24 -4 56 -4q85 0 126 48.5t41 135.5zM1280 1344q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1536 580 q0 -142 -77.5 -230t-217.5 -87l-5 1q-76 -61 -178 -61q-22 0 -43 3q-54 -30 -119 -37v-169q0 -105 -76 -180.5t-181 -75.5q-103 0 -179 76t-76 180v374q-54 -22 -128 -22q-121 0 -188.5 81.5t-67.5 206.5q0 38 17.5 69.5t49.5 55t63 40.5t72 37t62 33q55 35 129 100 q3 2 17 14t21.5 19t21.5 20.5t22.5 24t18 22.5t14 23.5t4.5 21.5v288q0 53 37.5 90.5t90.5 37.5h640q53 0 90.5 -37.5t37.5 -90.5v-288q0 -59 59 -223q69 -190 69 -317z" />
+<glyph unicode="" d="M1280 576v128q0 26 -19 45t-45 19h-502l189 189q19 19 19 45t-19 45l-91 91q-18 18 -45 18t-45 -18l-362 -362l-91 -91q-18 -18 -18 -45t18 -45l91 -91l362 -362q18 -18 45 -18t45 18l91 91q18 18 18 45t-18 45l-189 189h502q26 0 45 19t19 45zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1285 640q0 27 -18 45l-91 91l-362 362q-18 18 -45 18t-45 -18l-91 -91q-18 -18 -18 -45t18 -45l189 -189h-502q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h502l-189 -189q-19 -19 -19 -45t19 -45l91 -91q18 -18 45 -18t45 18l362 362l91 91q18 18 18 45zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1284 641q0 27 -18 45l-362 362l-91 91q-18 18 -45 18t-45 -18l-91 -91l-362 -362q-18 -18 -18 -45t18 -45l91 -91q18 -18 45 -18t45 18l189 189v-502q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v502l189 -189q19 -19 45 -19t45 19l91 91q18 18 18 45zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1284 639q0 27 -18 45l-91 91q-18 18 -45 18t-45 -18l-189 -189v502q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-502l-189 189q-19 19 -45 19t-45 -19l-91 -91q-18 -18 -18 -45t18 -45l362 -362l91 -91q18 -18 45 -18t45 18l91 91l362 362q18 18 18 45zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M768 1408q209 0 385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103zM1042 887q-2 -1 -9.5 -9.5t-13.5 -9.5q2 0 4.5 5t5 11t3.5 7q6 7 22 15q14 6 52 12q34 8 51 -11 q-2 2 9.5 13t14.5 12q3 2 15 4.5t15 7.5l2 22q-12 -1 -17.5 7t-6.5 21q0 -2 -6 -8q0 7 -4.5 8t-11.5 -1t-9 -1q-10 3 -15 7.5t-8 16.5t-4 15q-2 5 -9.5 10.5t-9.5 10.5q-1 2 -2.5 5.5t-3 6.5t-4 5.5t-5.5 2.5t-7 -5t-7.5 -10t-4.5 -5q-3 2 -6 1.5t-4.5 -1t-4.5 -3t-5 -3.5 q-3 -2 -8.5 -3t-8.5 -2q15 5 -1 11q-10 4 -16 3q9 4 7.5 12t-8.5 14h5q-1 4 -8.5 8.5t-17.5 8.5t-13 6q-8 5 -34 9.5t-33 0.5q-5 -6 -4.5 -10.5t4 -14t3.5 -12.5q1 -6 -5.5 -13t-6.5 -12q0 -7 14 -15.5t10 -21.5q-3 -8 -16 -16t-16 -12q-5 -8 -1.5 -18.5t10.5 -16.5 q2 -2 1.5 -4t-3.5 -4.5t-5.5 -4t-6.5 -3.5l-3 -2q-11 -5 -20.5 6t-13.5 26q-7 25 -16 30q-23 8 -29 -1q-5 13 -41 26q-25 9 -58 4q6 1 0 15q-7 15 -19 12q3 6 4 17.5t1 13.5q3 13 12 23q1 1 7 8.5t9.5 13.5t0.5 6q35 -4 50 11q5 5 11.5 17t10.5 17q9 6 14 5.5t14.5 -5.5 t14.5 -5q14 -1 15.5 11t-7.5 20q12 -1 3 17q-5 7 -8 9q-12 4 -27 -5q-8 -4 2 -8q-1 1 -9.5 -10.5t-16.5 -17.5t-16 5q-1 1 -5.5 13.5t-9.5 13.5q-8 0 -16 -15q3 8 -11 15t-24 8q19 12 -8 27q-7 4 -20.5 5t-19.5 -4q-5 -7 -5.5 -11.5t5 -8t10.5 -5.5t11.5 -4t8.5 -3 q14 -10 8 -14q-2 -1 -8.5 -3.5t-11.5 -4.5t-6 -4q-3 -4 0 -14t-2 -14q-5 5 -9 17.5t-7 16.5q7 -9 -25 -6l-10 1q-4 0 -16 -2t-20.5 -1t-13.5 8q-4 8 0 20q1 4 4 2q-4 3 -11 9.5t-10 8.5q-46 -15 -94 -41q6 -1 12 1q5 2 13 6.5t10 5.5q34 14 42 7l5 5q14 -16 20 -25 q-7 4 -30 1q-20 -6 -22 -12q7 -12 5 -18q-4 3 -11.5 10t-14.5 11t-15 5q-16 0 -22 -1q-146 -80 -235 -222q7 -7 12 -8q4 -1 5 -9t2.5 -11t11.5 3q9 -8 3 -19q1 1 44 -27q19 -17 21 -21q3 -11 -10 -18q-1 2 -9 9t-9 4q-3 -5 0.5 -18.5t10.5 -12.5q-7 0 -9.5 -16t-2.5 -35.5 t-1 -23.5l2 -1q-3 -12 5.5 -34.5t21.5 -19.5q-13 -3 20 -43q6 -8 8 -9q3 -2 12 -7.5t15 -10t10 -10.5q4 -5 10 -22.5t14 -23.5q-2 -6 9.5 -20t10.5 -23q-1 0 -2.5 -1t-2.5 -1q3 -7 15.5 -14t15.5 -13q1 -3 2 -10t3 -11t8 -2q2 20 -24 62q-15 25 -17 29q-3 5 -5.5 15.5 t-4.5 14.5q2 0 6 -1.5t8.5 -3.5t7.5 -4t2 -3q-3 -7 2 -17.5t12 -18.5t17 -19t12 -13q6 -6 14 -19.5t0 -13.5q9 0 20 -10t17 -20q5 -8 8 -26t5 -24q2 -7 8.5 -13.5t12.5 -9.5l16 -8t13 -7q5 -2 18.5 -10.5t21.5 -11.5q10 -4 16 -4t14.5 2.5t13.5 3.5q15 2 29 -15t21 -21 q36 -19 55 -11q-2 -1 0.5 -7.5t8 -15.5t9 -14.5t5.5 -8.5q5 -6 18 -15t18 -15q6 4 7 9q-3 -8 7 -20t18 -10q14 3 14 32q-31 -15 -49 18q0 1 -2.5 5.5t-4 8.5t-2.5 8.5t0 7.5t5 3q9 0 10 3.5t-2 12.5t-4 13q-1 8 -11 20t-12 15q-5 -9 -16 -8t-16 9q0 -1 -1.5 -5.5t-1.5 -6.5 q-13 0 -15 1q1 3 2.5 17.5t3.5 22.5q1 4 5.5 12t7.5 14.5t4 12.5t-4.5 9.5t-17.5 2.5q-19 -1 -26 -20q-1 -3 -3 -10.5t-5 -11.5t-9 -7q-7 -3 -24 -2t-24 5q-13 8 -22.5 29t-9.5 37q0 10 2.5 26.5t3 25t-5.5 24.5q3 2 9 9.5t10 10.5q2 1 4.5 1.5t4.5 0t4 1.5t3 6q-1 1 -4 3 q-3 3 -4 3q7 -3 28.5 1.5t27.5 -1.5q15 -11 22 2q0 1 -2.5 9.5t-0.5 13.5q5 -27 29 -9q3 -3 15.5 -5t17.5 -5q3 -2 7 -5.5t5.5 -4.5t5 0.5t8.5 6.5q10 -14 12 -24q11 -40 19 -44q7 -3 11 -2t4.5 9.5t0 14t-1.5 12.5l-1 8v18l-1 8q-15 3 -18.5 12t1.5 18.5t15 18.5q1 1 8 3.5 t15.5 6.5t12.5 8q21 19 15 35q7 0 11 9q-1 0 -5 3t-7.5 5t-4.5 2q9 5 2 16q5 3 7.5 11t7.5 10q9 -12 21 -2q7 8 1 16q5 7 20.5 10.5t18.5 9.5q7 -2 8 2t1 12t3 12q4 5 15 9t13 5l17 11q3 4 0 4q18 -2 31 11q10 11 -6 20q3 6 -3 9.5t-15 5.5q3 1 11.5 0.5t10.5 1.5 q15 10 -7 16q-17 5 -43 -12zM879 10q206 36 351 189q-3 3 -12.5 4.5t-12.5 3.5q-18 7 -24 8q1 7 -2.5 13t-8 9t-12.5 8t-11 7q-2 2 -7 6t-7 5.5t-7.5 4.5t-8.5 2t-10 -1l-3 -1q-3 -1 -5.5 -2.5t-5.5 -3t-4 -3t0 -2.5q-21 17 -36 22q-5 1 -11 5.5t-10.5 7t-10 1.5t-11.5 -7 q-5 -5 -6 -15t-2 -13q-7 5 0 17.5t2 18.5q-3 6 -10.5 4.5t-12 -4.5t-11.5 -8.5t-9 -6.5t-8.5 -5.5t-8.5 -7.5q-3 -4 -6 -12t-5 -11q-2 4 -11.5 6.5t-9.5 5.5q2 -10 4 -35t5 -38q7 -31 -12 -48q-27 -25 -29 -40q-4 -22 12 -26q0 -7 -8 -20.5t-7 -21.5q0 -6 2 -16z" />
+<glyph unicode="" horiz-adv-x="1664" d="M384 64q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1028 484l-682 -682q-37 -37 -90 -37q-52 0 -91 37l-106 108q-38 36 -38 90q0 53 38 91l681 681q39 -98 114.5 -173.5t173.5 -114.5zM1662 919q0 -39 -23 -106q-47 -134 -164.5 -217.5 t-258.5 -83.5q-185 0 -316.5 131.5t-131.5 316.5t131.5 316.5t316.5 131.5q58 0 121.5 -16.5t107.5 -46.5q16 -11 16 -28t-16 -28l-293 -169v-224l193 -107q5 3 79 48.5t135.5 81t70.5 35.5q15 0 23.5 -10t8.5 -25z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1024 128h640v128h-640v-128zM640 640h1024v128h-1024v-128zM1280 1152h384v128h-384v-128zM1792 320v-256q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v256q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1792 832v-256q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19 t-19 45v256q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1792 1344v-256q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v256q0 26 19 45t45 19h1664q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1403 1241q17 -41 -14 -70l-493 -493v-742q0 -42 -39 -59q-13 -5 -25 -5q-27 0 -45 19l-256 256q-19 19 -19 45v486l-493 493q-31 29 -14 70q17 39 59 39h1280q42 0 59 -39z" />
+<glyph unicode="" horiz-adv-x="1792" d="M640 1280h512v128h-512v-128zM1792 640v-480q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v480h672v-160q0 -26 19 -45t45 -19h320q26 0 45 19t19 45v160h672zM1024 640v-128h-256v128h256zM1792 1120v-384h-1792v384q0 66 47 113t113 47h352v160q0 40 28 68 t68 28h576q40 0 68 -28t28 -68v-160h352q66 0 113 -47t47 -113z" />
+<glyph unicode="" d="M1283 995l-355 -355l355 -355l144 144q29 31 70 14q39 -17 39 -59v-448q0 -26 -19 -45t-45 -19h-448q-42 0 -59 40q-17 39 14 69l144 144l-355 355l-355 -355l144 -144q31 -30 14 -69q-17 -40 -59 -40h-448q-26 0 -45 19t-19 45v448q0 42 40 59q39 17 69 -14l144 -144 l355 355l-355 355l-144 -144q-19 -19 -45 -19q-12 0 -24 5q-40 17 -40 59v448q0 26 19 45t45 19h448q42 0 59 -40q17 -39 -14 -69l-144 -144l355 -355l355 355l-144 144q-31 30 -14 69q17 40 59 40h448q26 0 45 -19t19 -45v-448q0 -42 -39 -59q-13 -5 -25 -5q-26 0 -45 19z " />
+<glyph unicode="" horiz-adv-x="1920" d="M593 640q-162 -5 -265 -128h-134q-82 0 -138 40.5t-56 118.5q0 353 124 353q6 0 43.5 -21t97.5 -42.5t119 -21.5q67 0 133 23q-5 -37 -5 -66q0 -139 81 -256zM1664 3q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5 t43 97.5t62 81t85.5 53.5t111.5 20q10 0 43 -21.5t73 -48t107 -48t135 -21.5t135 21.5t107 48t73 48t43 21.5q61 0 111.5 -20t85.5 -53.5t62 -81t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5zM640 1280q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75 t75 -181zM1344 896q0 -159 -112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5t112.5 271.5t271.5 112.5t271.5 -112.5t112.5 -271.5zM1920 671q0 -78 -56 -118.5t-138 -40.5h-134q-103 123 -265 128q81 117 81 256q0 29 -5 66q66 -23 133 -23q59 0 119 21.5t97.5 42.5 t43.5 21q124 0 124 -353zM1792 1280q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75t75 -181z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1456 320q0 40 -28 68l-208 208q-28 28 -68 28q-42 0 -72 -32q3 -3 19 -18.5t21.5 -21.5t15 -19t13 -25.5t3.5 -27.5q0 -40 -28 -68t-68 -28q-15 0 -27.5 3.5t-25.5 13t-19 15t-21.5 21.5t-18.5 19q-33 -31 -33 -73q0 -40 28 -68l206 -207q27 -27 68 -27q40 0 68 26 l147 146q28 28 28 67zM753 1025q0 40 -28 68l-206 207q-28 28 -68 28q-39 0 -68 -27l-147 -146q-28 -28 -28 -67q0 -40 28 -68l208 -208q27 -27 68 -27q42 0 72 31q-3 3 -19 18.5t-21.5 21.5t-15 19t-13 25.5t-3.5 27.5q0 40 28 68t68 28q15 0 27.5 -3.5t25.5 -13t19 -15 t21.5 -21.5t18.5 -19q33 31 33 73zM1648 320q0 -120 -85 -203l-147 -146q-83 -83 -203 -83q-121 0 -204 85l-206 207q-83 83 -83 203q0 123 88 209l-88 88q-86 -88 -208 -88q-120 0 -204 84l-208 208q-84 84 -84 204t85 203l147 146q83 83 203 83q121 0 204 -85l206 -207 q83 -83 83 -203q0 -123 -88 -209l88 -88q86 88 208 88q120 0 204 -84l208 -208q84 -84 84 -204z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1920 384q0 -159 -112.5 -271.5t-271.5 -112.5h-1088q-185 0 -316.5 131.5t-131.5 316.5q0 132 71 241.5t187 163.5q-2 28 -2 43q0 212 150 362t362 150q158 0 286.5 -88t187.5 -230q70 62 166 62q106 0 181 -75t75 -181q0 -75 -41 -138q129 -30 213 -134.5t84 -239.5z " />
+<glyph unicode="" horiz-adv-x="1664" d="M1527 88q56 -89 21.5 -152.5t-140.5 -63.5h-1152q-106 0 -140.5 63.5t21.5 152.5l503 793v399h-64q-26 0 -45 19t-19 45t19 45t45 19h512q26 0 45 -19t19 -45t-19 -45t-45 -19h-64v-399zM748 813l-272 -429h712l-272 429l-20 31v37v399h-128v-399v-37z" />
+<glyph unicode="" horiz-adv-x="1792" d="M960 640q26 0 45 -19t19 -45t-19 -45t-45 -19t-45 19t-19 45t19 45t45 19zM1260 576l507 -398q28 -20 25 -56q-5 -35 -35 -51l-128 -64q-13 -7 -29 -7q-17 0 -31 8l-690 387l-110 -66q-8 -4 -12 -5q14 -49 10 -97q-7 -77 -56 -147.5t-132 -123.5q-132 -84 -277 -84 q-136 0 -222 78q-90 84 -79 207q7 76 56 147t131 124q132 84 278 84q83 0 151 -31q9 13 22 22l122 73l-122 73q-13 9 -22 22q-68 -31 -151 -31q-146 0 -278 84q-82 53 -131 124t-56 147q-5 59 15.5 113t63.5 93q85 79 222 79q145 0 277 -84q83 -52 132 -123t56 -148 q4 -48 -10 -97q4 -1 12 -5l110 -66l690 387q14 8 31 8q16 0 29 -7l128 -64q30 -16 35 -51q3 -36 -25 -56zM579 836q46 42 21 108t-106 117q-92 59 -192 59q-74 0 -113 -36q-46 -42 -21 -108t106 -117q92 -59 192 -59q74 0 113 36zM494 91q81 51 106 117t-21 108 q-39 36 -113 36q-100 0 -192 -59q-81 -51 -106 -117t21 -108q39 -36 113 -36q100 0 192 59zM672 704l96 -58v11q0 36 33 56l14 8l-79 47l-26 -26q-3 -3 -10 -11t-12 -12q-2 -2 -4 -3.5t-3 -2.5zM896 480l96 -32l736 576l-128 64l-768 -431v-113l-160 -96l9 -8q2 -2 7 -6 q4 -4 11 -12t11 -12l26 -26zM1600 64l128 64l-520 408l-177 -138q-2 -3 -13 -7z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1696 1152q40 0 68 -28t28 -68v-1216q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v288h-544q-40 0 -68 28t-28 68v672q0 40 20 88t48 76l408 408q28 28 76 48t88 20h416q40 0 68 -28t28 -68v-328q68 40 128 40h416zM1152 939l-299 -299h299v299zM512 1323l-299 -299 h299v299zM708 676l316 316v416h-384v-416q0 -40 -28 -68t-68 -28h-416v-640h512v256q0 40 20 88t48 76zM1664 -128v1152h-384v-416q0 -40 -28 -68t-68 -28h-416v-640h896z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1404 151q0 -117 -79 -196t-196 -79q-135 0 -235 100l-777 776q-113 115 -113 271q0 159 110 270t269 111q158 0 273 -113l605 -606q10 -10 10 -22q0 -16 -30.5 -46.5t-46.5 -30.5q-13 0 -23 10l-606 607q-79 77 -181 77q-106 0 -179 -75t-73 -181q0 -105 76 -181 l776 -777q63 -63 145 -63q64 0 106 42t42 106q0 82 -63 145l-581 581q-26 24 -60 24q-29 0 -48 -19t-19 -48q0 -32 25 -59l410 -410q10 -10 10 -22q0 -16 -31 -47t-47 -31q-12 0 -22 10l-410 410q-63 61 -63 149q0 82 57 139t139 57q88 0 149 -63l581 -581q100 -98 100 -235 z" />
+<glyph unicode="" d="M384 0h768v384h-768v-384zM1280 0h128v896q0 14 -10 38.5t-20 34.5l-281 281q-10 10 -34 20t-39 10v-416q0 -40 -28 -68t-68 -28h-576q-40 0 -68 28t-28 68v416h-128v-1280h128v416q0 40 28 68t68 28h832q40 0 68 -28t28 -68v-416zM896 928v320q0 13 -9.5 22.5t-22.5 9.5 h-192q-13 0 -22.5 -9.5t-9.5 -22.5v-320q0 -13 9.5 -22.5t22.5 -9.5h192q13 0 22.5 9.5t9.5 22.5zM1536 896v-928q0 -40 -28 -68t-68 -28h-1344q-40 0 -68 28t-28 68v1344q0 40 28 68t68 28h928q40 0 88 -20t76 -48l280 -280q28 -28 48 -76t20 -88z" />
+<glyph unicode="" d="M1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1536 192v-128q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45zM1536 704v-128q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45zM1536 1216v-128q0 -26 -19 -45 t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M384 128q0 -80 -56 -136t-136 -56t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM384 640q0 -80 -56 -136t-136 -56t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM1792 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1216q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5 t22.5 9.5h1216q13 0 22.5 -9.5t9.5 -22.5zM384 1152q0 -80 -56 -136t-136 -56t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM1792 736v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1216q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1216q13 0 22.5 -9.5t9.5 -22.5z M1792 1248v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1216q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1216q13 0 22.5 -9.5t9.5 -22.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M381 -84q0 -80 -54.5 -126t-135.5 -46q-106 0 -172 66l57 88q49 -45 106 -45q29 0 50.5 14.5t21.5 42.5q0 64 -105 56l-26 56q8 10 32.5 43.5t42.5 54t37 38.5v1q-16 0 -48.5 -1t-48.5 -1v-53h-106v152h333v-88l-95 -115q51 -12 81 -49t30 -88zM383 543v-159h-362 q-6 36 -6 54q0 51 23.5 93t56.5 68t66 47.5t56.5 43.5t23.5 45q0 25 -14.5 38.5t-39.5 13.5q-46 0 -81 -58l-85 59q24 51 71.5 79.5t105.5 28.5q73 0 123 -41.5t50 -112.5q0 -50 -34 -91.5t-75 -64.5t-75.5 -50.5t-35.5 -52.5h127v60h105zM1792 224v-192q0 -13 -9.5 -22.5 t-22.5 -9.5h-1216q-13 0 -22.5 9.5t-9.5 22.5v192q0 14 9 23t23 9h1216q13 0 22.5 -9.5t9.5 -22.5zM384 1123v-99h-335v99h107q0 41 0.5 122t0.5 121v12h-2q-8 -17 -50 -54l-71 76l136 127h106v-404h108zM1792 736v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1216q-13 0 -22.5 9.5 t-9.5 22.5v192q0 14 9 23t23 9h1216q13 0 22.5 -9.5t9.5 -22.5zM1792 1248v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1216q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1216q13 0 22.5 -9.5t9.5 -22.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1760 640q14 0 23 -9t9 -23v-64q0 -14 -9 -23t-23 -9h-1728q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h1728zM483 704q-28 35 -51 80q-48 97 -48 188q0 181 134 309q133 127 393 127q50 0 167 -19q66 -12 177 -48q10 -38 21 -118q14 -123 14 -183q0 -18 -5 -45l-12 -3l-84 6 l-14 2q-50 149 -103 205q-88 91 -210 91q-114 0 -182 -59q-67 -58 -67 -146q0 -73 66 -140t279 -129q69 -20 173 -66q58 -28 95 -52h-743zM990 448h411q7 -39 7 -92q0 -111 -41 -212q-23 -55 -71 -104q-37 -35 -109 -81q-80 -48 -153 -66q-80 -21 -203 -21q-114 0 -195 23 l-140 40q-57 16 -72 28q-8 8 -8 22v13q0 108 -2 156q-1 30 0 68l2 37v44l102 2q15 -34 30 -71t22.5 -56t12.5 -27q35 -57 80 -94q43 -36 105 -57q59 -22 132 -22q64 0 139 27q77 26 122 86q47 61 47 129q0 84 -81 157q-34 29 -137 71z" />
+<glyph unicode="" d="M48 1313q-37 2 -45 4l-3 88q13 1 40 1q60 0 112 -4q132 -7 166 -7q86 0 168 3q116 4 146 5q56 0 86 2l-1 -14l2 -64v-9q-60 -9 -124 -9q-60 0 -79 -25q-13 -14 -13 -132q0 -13 0.5 -32.5t0.5 -25.5l1 -229l14 -280q6 -124 51 -202q35 -59 96 -92q88 -47 177 -47 q104 0 191 28q56 18 99 51q48 36 65 64q36 56 53 114q21 73 21 229q0 79 -3.5 128t-11 122.5t-13.5 159.5l-4 59q-5 67 -24 88q-34 35 -77 34l-100 -2l-14 3l2 86h84l205 -10q76 -3 196 10l18 -2q6 -38 6 -51q0 -7 -4 -31q-45 -12 -84 -13q-73 -11 -79 -17q-15 -15 -15 -41 q0 -7 1.5 -27t1.5 -31q8 -19 22 -396q6 -195 -15 -304q-15 -76 -41 -122q-38 -65 -112 -123q-75 -57 -182 -89q-109 -33 -255 -33q-167 0 -284 46q-119 47 -179 122q-61 76 -83 195q-16 80 -16 237v333q0 188 -17 213q-25 36 -147 39zM1536 -96v64q0 14 -9 23t-23 9h-1472 q-14 0 -23 -9t-9 -23v-64q0 -14 9 -23t23 -9h1472q14 0 23 9t9 23z" />
+<glyph unicode="" horiz-adv-x="1664" d="M512 160v192q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM512 544v192q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM1024 160v192q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23 v-192q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM512 928v192q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM1024 544v192q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM1536 160v192 q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM1024 928v192q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM1536 544v192q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-192 q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM1536 928v192q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h320q14 0 23 9t9 23zM1664 1248v-1088q0 -66 -47 -113t-113 -47h-1344q-66 0 -113 47t-47 113v1088q0 66 47 113t113 47h1344q66 0 113 -47t47 -113 z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1190 955l293 293l-107 107l-293 -293zM1637 1248q0 -27 -18 -45l-1286 -1286q-18 -18 -45 -18t-45 18l-198 198q-18 18 -18 45t18 45l1286 1286q18 18 45 18t45 -18l198 -198q18 -18 18 -45zM286 1438l98 -30l-98 -30l-30 -98l-30 98l-98 30l98 30l30 98zM636 1276 l196 -60l-196 -60l-60 -196l-60 196l-196 60l196 60l60 196zM1566 798l98 -30l-98 -30l-30 -98l-30 98l-98 30l98 30l30 98zM926 1438l98 -30l-98 -30l-30 -98l-30 98l-98 30l98 30l30 98z" />
+<glyph unicode="" horiz-adv-x="1792" d="M640 128q0 52 -38 90t-90 38t-90 -38t-38 -90t38 -90t90 -38t90 38t38 90zM256 640h384v256h-158q-13 0 -22 -9l-195 -195q-9 -9 -9 -22v-30zM1536 128q0 52 -38 90t-90 38t-90 -38t-38 -90t38 -90t90 -38t90 38t38 90zM1792 1216v-1024q0 -15 -4 -26.5t-13.5 -18.5 t-16.5 -11.5t-23.5 -6t-22.5 -2t-25.5 0t-22.5 0.5q0 -106 -75 -181t-181 -75t-181 75t-75 181h-384q0 -106 -75 -181t-181 -75t-181 75t-75 181h-64q-3 0 -22.5 -0.5t-25.5 0t-22.5 2t-23.5 6t-16.5 11.5t-13.5 18.5t-4 26.5q0 26 19 45t45 19v320q0 8 -0.5 35t0 38 t2.5 34.5t6.5 37t14 30.5t22.5 30l198 198q19 19 50.5 32t58.5 13h160v192q0 26 19 45t45 19h1024q26 0 45 -19t19 -45z" />
+<glyph unicode="" d="M1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103q-111 0 -218 32q59 93 78 164q9 34 54 211q20 -39 73 -67.5t114 -28.5q121 0 216 68.5t147 188.5t52 270q0 114 -59.5 214t-172.5 163t-255 63q-105 0 -196 -29t-154.5 -77t-109 -110.5t-67 -129.5t-21.5 -134 q0 -104 40 -183t117 -111q30 -12 38 20q2 7 8 31t8 30q6 23 -11 43q-51 61 -51 151q0 151 104.5 259.5t273.5 108.5q151 0 235.5 -82t84.5 -213q0 -170 -68.5 -289t-175.5 -119q-61 0 -98 43.5t-23 104.5q8 35 26.5 93.5t30 103t11.5 75.5q0 50 -27 83t-77 33 q-62 0 -105 -57t-43 -142q0 -73 25 -122l-99 -418q-17 -70 -13 -177q-206 91 -333 281t-127 423q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1248 1408q119 0 203.5 -84.5t84.5 -203.5v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-725q85 122 108 210q9 34 53 209q21 -39 73.5 -67t112.5 -28q181 0 295.5 147.5t114.5 373.5q0 84 -35 162.5t-96.5 139t-152.5 97t-197 36.5q-104 0 -194.5 -28.5t-153 -76.5 t-107.5 -109.5t-66.5 -128t-21.5 -132.5q0 -102 39.5 -180t116.5 -110q13 -5 23.5 0t14.5 19q10 44 15 61q6 23 -11 42q-50 62 -50 150q0 150 103.5 256.5t270.5 106.5q149 0 232.5 -81t83.5 -210q0 -168 -67.5 -286t-173.5 -118q-60 0 -97 43.5t-23 103.5q8 34 26.5 92.5 t29.5 102t11 74.5q0 49 -26.5 81.5t-75.5 32.5q-61 0 -103.5 -56.5t-42.5 -139.5q0 -72 24 -121l-98 -414q-24 -100 -7 -254h-183q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960z" />
+<glyph unicode="" d="M678 -57q0 -38 -10 -71h-380q-95 0 -171.5 56.5t-103.5 147.5q24 45 69 77.5t100 49.5t107 24t107 7q32 0 49 -2q6 -4 30.5 -21t33 -23t31 -23t32 -25.5t27.5 -25.5t26.5 -29.5t21 -30.5t17.5 -34.5t9.5 -36t4.5 -40.5zM385 294q-234 -7 -385 -85v433q103 -118 273 -118 q32 0 70 5q-21 -61 -21 -86q0 -67 63 -149zM558 805q0 -100 -43.5 -160.5t-140.5 -60.5q-51 0 -97 26t-78 67.5t-56 93.5t-35.5 104t-11.5 99q0 96 51.5 165t144.5 69q66 0 119 -41t84 -104t47 -130t16 -128zM1536 896v-736q0 -119 -84.5 -203.5t-203.5 -84.5h-468 q39 73 39 157q0 66 -22 122.5t-55.5 93t-72 71t-72 59.5t-55.5 54.5t-22 59.5q0 36 23 68t56 61.5t65.5 64.5t55.5 93t23 131t-26.5 145.5t-75.5 118.5q-6 6 -14 11t-12.5 7.5t-10 9.5t-10.5 17h135l135 64h-437q-138 0 -244.5 -38.5t-182.5 -133.5q0 126 81 213t207 87h960 q119 0 203.5 -84.5t84.5 -203.5v-96h-256v256h-128v-256h-256v-128h256v-256h128v256h256z" />
+<glyph unicode="" horiz-adv-x="1664" d="M876 71q0 21 -4.5 40.5t-9.5 36t-17.5 34.5t-21 30.5t-26.5 29.5t-27.5 25.5t-32 25.5t-31 23t-33 23t-30.5 21q-17 2 -50 2q-54 0 -106 -7t-108 -25t-98 -46t-69 -75t-27 -107q0 -68 35.5 -121.5t93 -84t120.5 -45.5t127 -15q59 0 112.5 12.5t100.5 39t74.5 73.5 t27.5 110zM756 933q0 60 -16.5 127.5t-47 130.5t-84 104t-119.5 41q-93 0 -144 -69t-51 -165q0 -47 11.5 -99t35.5 -104t56 -93.5t78 -67.5t97 -26q97 0 140.5 60.5t43.5 160.5zM625 1408h437l-135 -79h-135q71 -45 110 -126t39 -169q0 -74 -23 -131.5t-56 -92.5t-66 -64.5 t-56 -61t-23 -67.5q0 -26 16.5 -51t43 -48t58.5 -48t64 -55.5t58.5 -66t43 -85t16.5 -106.5q0 -160 -140 -282q-152 -131 -420 -131q-59 0 -119.5 10t-122 33.5t-108.5 58t-77 89t-30 121.5q0 61 37 135q32 64 96 110.5t145 71t155 36t150 13.5q-64 83 -64 149q0 12 2 23.5 t5 19.5t8 21.5t7 21.5q-40 -5 -70 -5q-149 0 -255.5 98t-106.5 246q0 140 95 250.5t234 141.5q94 20 187 20zM1664 1152v-128h-256v-256h-128v256h-256v128h256v256h128v-256h256z" />
+<glyph unicode="" horiz-adv-x="1920" d="M768 384h384v96h-128v448h-114l-148 -137l77 -80q42 37 55 57h2v-288h-128v-96zM1280 640q0 -70 -21 -142t-59.5 -134t-101.5 -101t-138 -39t-138 39t-101.5 101t-59.5 134t-21 142t21 142t59.5 134t101.5 101t138 39t138 -39t101.5 -101t59.5 -134t21 -142zM1792 384 v512q-106 0 -181 75t-75 181h-1152q0 -106 -75 -181t-181 -75v-512q106 0 181 -75t75 -181h1152q0 106 75 181t181 75zM1920 1216v-1152q0 -26 -19 -45t-45 -19h-1792q-26 0 -45 19t-19 45v1152q0 26 19 45t45 19h1792q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1024" d="M1024 832q0 -26 -19 -45l-448 -448q-19 -19 -45 -19t-45 19l-448 448q-19 19 -19 45t19 45t45 19h896q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1024" d="M1024 320q0 -26 -19 -45t-45 -19h-896q-26 0 -45 19t-19 45t19 45l448 448q19 19 45 19t45 -19l448 -448q19 -19 19 -45z" />
+<glyph unicode="" horiz-adv-x="640" d="M640 1088v-896q0 -26 -19 -45t-45 -19t-45 19l-448 448q-19 19 -19 45t19 45l448 448q19 19 45 19t45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="640" d="M576 640q0 -26 -19 -45l-448 -448q-19 -19 -45 -19t-45 19t-19 45v896q0 26 19 45t45 19t45 -19l448 -448q19 -19 19 -45z" />
+<glyph unicode="" horiz-adv-x="1664" d="M160 0h608v1152h-640v-1120q0 -13 9.5 -22.5t22.5 -9.5zM1536 32v1120h-640v-1152h608q13 0 22.5 9.5t9.5 22.5zM1664 1248v-1216q0 -66 -47 -113t-113 -47h-1344q-66 0 -113 47t-47 113v1216q0 66 47 113t113 47h1344q66 0 113 -47t47 -113z" />
+<glyph unicode="" horiz-adv-x="1024" d="M1024 448q0 -26 -19 -45l-448 -448q-19 -19 -45 -19t-45 19l-448 448q-19 19 -19 45t19 45t45 19h896q26 0 45 -19t19 -45zM1024 832q0 -26 -19 -45t-45 -19h-896q-26 0 -45 19t-19 45t19 45l448 448q19 19 45 19t45 -19l448 -448q19 -19 19 -45z" />
+<glyph unicode="" horiz-adv-x="1024" d="M1024 448q0 -26 -19 -45l-448 -448q-19 -19 -45 -19t-45 19l-448 448q-19 19 -19 45t19 45t45 19h896q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1024" d="M1024 832q0 -26 -19 -45t-45 -19h-896q-26 0 -45 19t-19 45t19 45l448 448q19 19 45 19t45 -19l448 -448q19 -19 19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 826v-794q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v794q44 -49 101 -87q362 -246 497 -345q57 -42 92.5 -65.5t94.5 -48t110 -24.5h1h1q51 0 110 24.5t94.5 48t92.5 65.5q170 123 498 345q57 39 100 87zM1792 1120q0 -79 -49 -151t-122 -123 q-376 -261 -468 -325q-10 -7 -42.5 -30.5t-54 -38t-52 -32.5t-57.5 -27t-50 -9h-1h-1q-23 0 -50 9t-57.5 27t-52 32.5t-54 38t-42.5 30.5q-91 64 -262 182.5t-205 142.5q-62 42 -117 115.5t-55 136.5q0 78 41.5 130t118.5 52h1472q65 0 112.5 -47t47.5 -113z" />
+<glyph unicode="" d="M349 911v-991h-330v991h330zM370 1217q1 -73 -50.5 -122t-135.5 -49h-2q-82 0 -132 49t-50 122q0 74 51.5 122.5t134.5 48.5t133 -48.5t51 -122.5zM1536 488v-568h-329v530q0 105 -40.5 164.5t-126.5 59.5q-63 0 -105.5 -34.5t-63.5 -85.5q-11 -30 -11 -81v-553h-329 q2 399 2 647t-1 296l-1 48h329v-144h-2q20 32 41 56t56.5 52t87 43.5t114.5 15.5q171 0 275 -113.5t104 -332.5z" />
+<glyph unicode="" d="M1536 640q0 -156 -61 -298t-164 -245t-245 -164t-298 -61q-172 0 -327 72.5t-264 204.5q-7 10 -6.5 22.5t8.5 20.5l137 138q10 9 25 9q16 -2 23 -12q73 -95 179 -147t225 -52q104 0 198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5t-40.5 198.5t-109.5 163.5 t-163.5 109.5t-198.5 40.5q-98 0 -188 -35.5t-160 -101.5l137 -138q31 -30 14 -69q-17 -40 -59 -40h-448q-26 0 -45 19t-19 45v448q0 42 40 59q39 17 69 -14l130 -129q107 101 244.5 156.5t284.5 55.5q156 0 298 -61t245 -164t164 -245t61 -298z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1771 0q0 -53 -37 -90l-107 -108q-39 -37 -91 -37q-53 0 -90 37l-363 364q-38 36 -38 90q0 53 43 96l-256 256l-126 -126q-14 -14 -34 -14t-34 14q2 -2 12.5 -12t12.5 -13t10 -11.5t10 -13.5t6 -13.5t5.5 -16.5t1.5 -18q0 -38 -28 -68q-3 -3 -16.5 -18t-19 -20.5 t-18.5 -16.5t-22 -15.5t-22 -9t-26 -4.5q-40 0 -68 28l-408 408q-28 28 -28 68q0 13 4.5 26t9 22t15.5 22t16.5 18.5t20.5 19t18 16.5q30 28 68 28q10 0 18 -1.5t16.5 -5.5t13.5 -6t13.5 -10t11.5 -10t13 -12.5t12 -12.5q-14 14 -14 34t14 34l348 348q14 14 34 14t34 -14 q-2 2 -12.5 12t-12.5 13t-10 11.5t-10 13.5t-6 13.5t-5.5 16.5t-1.5 18q0 38 28 68q3 3 16.5 18t19 20.5t18.5 16.5t22 15.5t22 9t26 4.5q40 0 68 -28l408 -408q28 -28 28 -68q0 -13 -4.5 -26t-9 -22t-15.5 -22t-16.5 -18.5t-20.5 -19t-18 -16.5q-30 -28 -68 -28 q-10 0 -18 1.5t-16.5 5.5t-13.5 6t-13.5 10t-11.5 10t-13 12.5t-12 12.5q14 -14 14 -34t-14 -34l-126 -126l256 -256q43 43 96 43q52 0 91 -37l363 -363q37 -39 37 -91z" />
+<glyph unicode="" horiz-adv-x="1792" d="M384 384q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM576 832q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1004 351l101 382q6 26 -7.5 48.5t-38.5 29.5 t-48 -6.5t-30 -39.5l-101 -382q-60 -5 -107 -43.5t-63 -98.5q-20 -77 20 -146t117 -89t146 20t89 117q16 60 -6 117t-72 91zM1664 384q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1024 1024q0 53 -37.5 90.5 t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1472 832q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1792 384q0 -261 -141 -483q-19 -29 -54 -29h-1402q-35 0 -54 29 q-141 221 -141 483q0 182 71 348t191 286t286 191t348 71t348 -71t286 -191t191 -286t71 -348z" />
+<glyph unicode="" horiz-adv-x="1792" d="M896 1152q-204 0 -381.5 -69.5t-282 -187.5t-104.5 -255q0 -112 71.5 -213.5t201.5 -175.5l87 -50l-27 -96q-24 -91 -70 -172q152 63 275 171l43 38l57 -6q69 -8 130 -8q204 0 381.5 69.5t282 187.5t104.5 255t-104.5 255t-282 187.5t-381.5 69.5zM1792 640 q0 -174 -120 -321.5t-326 -233t-450 -85.5q-70 0 -145 8q-198 -175 -460 -242q-49 -14 -114 -22h-5q-15 0 -27 10.5t-16 27.5v1q-3 4 -0.5 12t2 10t4.5 9.5l6 9t7 8.5t8 9q7 8 31 34.5t34.5 38t31 39.5t32.5 51t27 59t26 76q-157 89 -247.5 220t-90.5 281q0 174 120 321.5 t326 233t450 85.5t450 -85.5t326 -233t120 -321.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M704 1152q-153 0 -286 -52t-211.5 -141t-78.5 -191q0 -82 53 -158t149 -132l97 -56l-35 -84q34 20 62 39l44 31l53 -10q78 -14 153 -14q153 0 286 52t211.5 141t78.5 191t-78.5 191t-211.5 141t-286 52zM704 1280q191 0 353.5 -68.5t256.5 -186.5t94 -257t-94 -257 t-256.5 -186.5t-353.5 -68.5q-86 0 -176 16q-124 -88 -278 -128q-36 -9 -86 -16h-3q-11 0 -20.5 8t-11.5 21q-1 3 -1 6.5t0.5 6.5t2 6l2.5 5t3.5 5.5t4 5t4.5 5t4 4.5q5 6 23 25t26 29.5t22.5 29t25 38.5t20.5 44q-124 72 -195 177t-71 224q0 139 94 257t256.5 186.5 t353.5 68.5zM1526 111q10 -24 20.5 -44t25 -38.5t22.5 -29t26 -29.5t23 -25q1 -1 4 -4.5t4.5 -5t4 -5t3.5 -5.5l2.5 -5t2 -6t0.5 -6.5t-1 -6.5q-3 -14 -13 -22t-22 -7q-50 7 -86 16q-154 40 -278 128q-90 -16 -176 -16q-271 0 -472 132q58 -4 88 -4q161 0 309 45t264 129 q125 92 192 212t67 254q0 77 -23 152q129 -71 204 -178t75 -230q0 -120 -71 -224.5t-195 -176.5z" />
+<glyph unicode="" horiz-adv-x="896" d="M885 970q18 -20 7 -44l-540 -1157q-13 -25 -42 -25q-4 0 -14 2q-17 5 -25.5 19t-4.5 30l197 808l-406 -101q-4 -1 -12 -1q-18 0 -31 11q-18 15 -13 39l201 825q4 14 16 23t28 9h328q19 0 32 -12.5t13 -29.5q0 -8 -5 -18l-171 -463l396 98q8 2 12 2q19 0 34 -15z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 288v-320q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h96v192h-512v-192h96q40 0 68 -28t28 -68v-320q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h96v192h-512v-192h96q40 0 68 -28t28 -68v-320 q0 -40 -28 -68t-68 -28h-320q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h96v192q0 52 38 90t90 38h512v192h-96q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h320q40 0 68 -28t28 -68v-320q0 -40 -28 -68t-68 -28h-96v-192h512q52 0 90 -38t38 -90v-192h96q40 0 68 -28t28 -68 z" />
+<glyph unicode="" horiz-adv-x="1664" d="M896 708v-580q0 -104 -76 -180t-180 -76t-180 76t-76 180q0 26 19 45t45 19t45 -19t19 -45q0 -50 39 -89t89 -39t89 39t39 89v580q33 11 64 11t64 -11zM1664 681q0 -13 -9.5 -22.5t-22.5 -9.5q-11 0 -23 10q-49 46 -93 69t-102 23q-68 0 -128 -37t-103 -97 q-7 -10 -17.5 -28t-14.5 -24q-11 -17 -28 -17q-18 0 -29 17q-4 6 -14.5 24t-17.5 28q-43 60 -102.5 97t-127.5 37t-127.5 -37t-102.5 -97q-7 -10 -17.5 -28t-14.5 -24q-11 -17 -29 -17q-17 0 -28 17q-4 6 -14.5 24t-17.5 28q-43 60 -103 97t-128 37q-58 0 -102 -23t-93 -69 q-12 -10 -23 -10q-13 0 -22.5 9.5t-9.5 22.5q0 5 1 7q45 183 172.5 319.5t298 204.5t360.5 68q140 0 274.5 -40t246.5 -113.5t194.5 -187t115.5 -251.5q1 -2 1 -7zM896 1408v-98q-42 2 -64 2t-64 -2v98q0 26 19 45t45 19t45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M768 -128h896v640h-416q-40 0 -68 28t-28 68v416h-384v-1152zM1024 1312v64q0 13 -9.5 22.5t-22.5 9.5h-704q-13 0 -22.5 -9.5t-9.5 -22.5v-64q0 -13 9.5 -22.5t22.5 -9.5h704q13 0 22.5 9.5t9.5 22.5zM1280 640h299l-299 299v-299zM1792 512v-672q0 -40 -28 -68t-68 -28 h-960q-40 0 -68 28t-28 68v160h-544q-40 0 -68 28t-28 68v1344q0 40 28 68t68 28h1088q40 0 68 -28t28 -68v-328q21 -13 36 -28l408 -408q28 -28 48 -76t20 -88z" />
+<glyph unicode="" horiz-adv-x="1024" d="M736 960q0 -13 -9.5 -22.5t-22.5 -9.5t-22.5 9.5t-9.5 22.5q0 46 -54 71t-106 25q-13 0 -22.5 9.5t-9.5 22.5t9.5 22.5t22.5 9.5q50 0 99.5 -16t87 -54t37.5 -90zM896 960q0 72 -34.5 134t-90 101.5t-123 62t-136.5 22.5t-136.5 -22.5t-123 -62t-90 -101.5t-34.5 -134 q0 -101 68 -180q10 -11 30.5 -33t30.5 -33q128 -153 141 -298h228q13 145 141 298q10 11 30.5 33t30.5 33q68 79 68 180zM1024 960q0 -155 -103 -268q-45 -49 -74.5 -87t-59.5 -95.5t-34 -107.5q47 -28 47 -82q0 -37 -25 -64q25 -27 25 -64q0 -52 -45 -81q13 -23 13 -47 q0 -46 -31.5 -71t-77.5 -25q-20 -44 -60 -70t-87 -26t-87 26t-60 70q-46 0 -77.5 25t-31.5 71q0 24 13 47q-45 29 -45 81q0 37 25 64q-25 27 -25 64q0 54 47 82q-4 50 -34 107.5t-59.5 95.5t-74.5 87q-103 113 -103 268q0 99 44.5 184.5t117 142t164 89t186.5 32.5 t186.5 -32.5t164 -89t117 -142t44.5 -184.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 352v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5q-12 0 -24 10l-319 320q-9 9 -9 22q0 14 9 23l320 320q9 9 23 9q13 0 22.5 -9.5t9.5 -22.5v-192h1376q13 0 22.5 -9.5t9.5 -22.5zM1792 896q0 -14 -9 -23l-320 -320q-9 -9 -23 -9 q-13 0 -22.5 9.5t-9.5 22.5v192h-1376q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1376v192q0 14 9 23t23 9q12 0 24 -10l319 -319q9 -9 9 -23z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1280 608q0 14 -9 23t-23 9h-224v352q0 13 -9.5 22.5t-22.5 9.5h-192q-13 0 -22.5 -9.5t-9.5 -22.5v-352h-224q-13 0 -22.5 -9.5t-9.5 -22.5q0 -14 9 -23l352 -352q9 -9 23 -9t23 9l351 351q10 12 10 24zM1920 384q0 -159 -112.5 -271.5t-271.5 -112.5h-1088 q-185 0 -316.5 131.5t-131.5 316.5q0 130 70 240t188 165q-2 30 -2 43q0 212 150 362t362 150q156 0 285.5 -87t188.5 -231q71 62 166 62q106 0 181 -75t75 -181q0 -76 -41 -138q130 -31 213.5 -135.5t83.5 -238.5z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1280 672q0 14 -9 23l-352 352q-9 9 -23 9t-23 -9l-351 -351q-10 -12 -10 -24q0 -14 9 -23t23 -9h224v-352q0 -13 9.5 -22.5t22.5 -9.5h192q13 0 22.5 9.5t9.5 22.5v352h224q13 0 22.5 9.5t9.5 22.5zM1920 384q0 -159 -112.5 -271.5t-271.5 -112.5h-1088 q-185 0 -316.5 131.5t-131.5 316.5q0 130 70 240t188 165q-2 30 -2 43q0 212 150 362t362 150q156 0 285.5 -87t188.5 -231q71 62 166 62q106 0 181 -75t75 -181q0 -76 -41 -138q130 -31 213.5 -135.5t83.5 -238.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M384 192q0 -26 -19 -45t-45 -19t-45 19t-19 45t19 45t45 19t45 -19t19 -45zM1408 131q0 -121 -73 -190t-194 -69h-874q-121 0 -194 69t-73 190q0 68 5.5 131t24 138t47.5 132.5t81 103t120 60.5q-22 -52 -22 -120v-203q-58 -20 -93 -70t-35 -111q0 -80 56 -136t136 -56 t136 56t56 136q0 61 -35.5 111t-92.5 70v203q0 62 25 93q132 -104 295 -104t295 104q25 -31 25 -93v-64q-106 0 -181 -75t-75 -181v-89q-32 -29 -32 -71q0 -40 28 -68t68 -28t68 28t28 68q0 42 -32 71v89q0 52 38 90t90 38t90 -38t38 -90v-89q-32 -29 -32 -71q0 -40 28 -68 t68 -28t68 28t28 68q0 42 -32 71v89q0 68 -34.5 127.5t-93.5 93.5q0 10 0.5 42.5t0 48t-2.5 41.5t-7 47t-13 40q68 -15 120 -60.5t81 -103t47.5 -132.5t24 -138t5.5 -131zM1088 1024q0 -159 -112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5t112.5 271.5t271.5 112.5 t271.5 -112.5t112.5 -271.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1280 832q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1408 832q0 -62 -35.5 -111t-92.5 -70v-395q0 -159 -131.5 -271.5t-316.5 -112.5t-316.5 112.5t-131.5 271.5v132q-164 20 -274 128t-110 252v512q0 26 19 45t45 19q6 0 16 -2q17 30 47 48 t65 18q53 0 90.5 -37.5t37.5 -90.5t-37.5 -90.5t-90.5 -37.5q-33 0 -64 18v-402q0 -106 94 -181t226 -75t226 75t94 181v402q-31 -18 -64 -18q-53 0 -90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5q35 0 65 -18t47 -48q10 2 16 2q26 0 45 -19t19 -45v-512q0 -144 -110 -252 t-274 -128v-132q0 -106 94 -181t226 -75t226 75t94 181v395q-57 21 -92.5 70t-35.5 111q0 80 56 136t136 56t136 -56t56 -136z" />
+<glyph unicode="" horiz-adv-x="1792" d="M640 1152h512v128h-512v-128zM288 1152v-1280h-64q-92 0 -158 66t-66 158v832q0 92 66 158t158 66h64zM1408 1152v-1280h-1024v1280h128v160q0 40 28 68t68 28h576q40 0 68 -28t28 -68v-160h128zM1792 928v-832q0 -92 -66 -158t-158 -66h-64v1280h64q92 0 158 -66 t66 -158z" />
+<glyph unicode="" horiz-adv-x="1664" d="M848 -160q0 16 -16 16q-59 0 -101.5 42.5t-42.5 101.5q0 16 -16 16t-16 -16q0 -73 51.5 -124.5t124.5 -51.5q16 0 16 16zM1664 128q0 -52 -38 -90t-90 -38h-448q0 -106 -75 -181t-181 -75t-181 75t-75 181h-448q-52 0 -90 38t-38 90q190 161 287 397.5t97 498.5 q0 165 96 262t264 117q-8 18 -8 37q0 40 28 68t68 28t68 -28t28 -68q0 -19 -8 -37q168 -20 264 -117t96 -262q0 -262 97 -498.5t287 -397.5z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1664 896q0 80 -56 136t-136 56h-64v-384h64q80 0 136 56t56 136zM0 128h1792q0 -106 -75 -181t-181 -75h-1280q-106 0 -181 75t-75 181zM1856 896q0 -159 -112.5 -271.5t-271.5 -112.5h-64v-32q0 -92 -66 -158t-158 -66h-704q-92 0 -158 66t-66 158v736q0 26 19 45 t45 19h1152q159 0 271.5 -112.5t112.5 -271.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M640 1472v-640q0 -61 -35.5 -111t-92.5 -70v-779q0 -52 -38 -90t-90 -38h-128q-52 0 -90 38t-38 90v779q-57 20 -92.5 70t-35.5 111v640q0 26 19 45t45 19t45 -19t19 -45v-416q0 -26 19 -45t45 -19t45 19t19 45v416q0 26 19 45t45 19t45 -19t19 -45v-416q0 -26 19 -45 t45 -19t45 19t19 45v416q0 26 19 45t45 19t45 -19t19 -45zM1408 1472v-1600q0 -52 -38 -90t-90 -38h-128q-52 0 -90 38t-38 90v512h-224q-13 0 -22.5 9.5t-9.5 22.5v800q0 132 94 226t226 94h256q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1024 352v-64q0 -14 -9 -23t-23 -9h-704q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h704q14 0 23 -9t9 -23zM1024 608v-64q0 -14 -9 -23t-23 -9h-704q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h704q14 0 23 -9t9 -23zM128 0h1024v768h-416q-40 0 -68 28t-28 68v416h-512v-1280z M768 896h376q-10 29 -22 41l-313 313q-12 12 -41 22v-376zM1280 864v-896q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28t-28 68v1344q0 40 28 68t68 28h640q40 0 88 -20t76 -48l312 -312q28 -28 48 -76t20 -88z" />
+<glyph unicode="" horiz-adv-x="1408" d="M384 224v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M640 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M1152 224v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM896 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M640 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 992v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M1152 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM896 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M640 992v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 1248v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M1152 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM896 992v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M640 1248v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM1152 992v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M896 1248v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM1152 1248v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M896 -128h384v1536h-1152v-1536h384v224q0 13 9.5 22.5t22.5 9.5h320q13 0 22.5 -9.5t9.5 -22.5v-224zM1408 1472v-1664q0 -26 -19 -45t-45 -19h-1280q-26 0 -45 19t-19 45v1664q0 26 19 45t45 19h1280q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1408" d="M384 224v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M640 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M1152 224v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM896 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M640 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM1152 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M896 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM1152 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M896 -128h384v1152h-256v-32q0 -40 -28 -68t-68 -28h-448q-40 0 -68 28t-28 68v32h-256v-1152h384v224q0 13 9.5 22.5t22.5 9.5h320q13 0 22.5 -9.5t9.5 -22.5v-224zM896 1056v320q0 13 -9.5 22.5t-22.5 9.5h-64q-13 0 -22.5 -9.5t-9.5 -22.5v-96h-128v96q0 13 -9.5 22.5 t-22.5 9.5h-64q-13 0 -22.5 -9.5t-9.5 -22.5v-320q0 -13 9.5 -22.5t22.5 -9.5h64q13 0 22.5 9.5t9.5 22.5v96h128v-96q0 -13 9.5 -22.5t22.5 -9.5h64q13 0 22.5 9.5t9.5 22.5zM1408 1088v-1280q0 -26 -19 -45t-45 -19h-1280q-26 0 -45 19t-19 45v1280q0 26 19 45t45 19h320 v288q0 40 28 68t68 28h448q40 0 68 -28t28 -68v-288h320q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1920" d="M640 128q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM256 640h384v256h-158q-14 -2 -22 -9l-195 -195q-7 -12 -9 -22v-30zM1536 128q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5 t90.5 37.5t37.5 90.5zM1664 800v192q0 14 -9 23t-23 9h-224v224q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-224h-224q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h224v-224q0 -14 9 -23t23 -9h192q14 0 23 9t9 23v224h224q14 0 23 9t9 23zM1920 1344v-1152 q0 -26 -19 -45t-45 -19h-192q0 -106 -75 -181t-181 -75t-181 75t-75 181h-384q0 -106 -75 -181t-181 -75t-181 75t-75 181h-128q-26 0 -45 19t-19 45t19 45t45 19v416q0 26 13 58t32 51l198 198q19 19 51 32t58 13h160v320q0 26 19 45t45 19h1152q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1280 416v192q0 14 -9 23t-23 9h-224v224q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-224h-224q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h224v-224q0 -14 9 -23t23 -9h192q14 0 23 9t9 23v224h224q14 0 23 9t9 23zM640 1152h512v128h-512v-128zM256 1152v-1280h-32 q-92 0 -158 66t-66 158v832q0 92 66 158t158 66h32zM1440 1152v-1280h-1088v1280h160v160q0 40 28 68t68 28h576q40 0 68 -28t28 -68v-160h160zM1792 928v-832q0 -92 -66 -158t-158 -66h-32v1280h32q92 0 158 -66t66 -158z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1920 576q-1 -32 -288 -96l-352 -32l-224 -64h-64l-293 -352h69q26 0 45 -4.5t19 -11.5t-19 -11.5t-45 -4.5h-96h-160h-64v32h64v416h-160l-192 -224h-96l-32 32v192h32v32h128v8l-192 24v128l192 24v8h-128v32h-32v192l32 32h96l192 -224h160v416h-64v32h64h160h96 q26 0 45 -4.5t19 -11.5t-19 -11.5t-45 -4.5h-69l293 -352h64l224 -64l352 -32q261 -58 287 -93z" />
+<glyph unicode="" horiz-adv-x="1664" d="M640 640v384h-256v-256q0 -53 37.5 -90.5t90.5 -37.5h128zM1664 192v-192h-1152v192l128 192h-128q-159 0 -271.5 112.5t-112.5 271.5v320l-64 64l32 128h480l32 128h960l32 -192l-64 -32v-800z" />
+<glyph unicode="" d="M1280 192v896q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-320h-512v320q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-896q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v320h512v-320q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM1536 1120v-960 q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1280 576v128q0 26 -19 45t-45 19h-320v320q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-320h-320q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h320v-320q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v320h320q26 0 45 19t19 45zM1536 1120v-960 q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1024" d="M627 160q0 -13 -10 -23l-50 -50q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l466 466q10 10 23 10t23 -10l50 -50q10 -10 10 -23t-10 -23l-393 -393l393 -393q10 -10 10 -23zM1011 160q0 -13 -10 -23l-50 -50q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23 t10 23l466 466q10 10 23 10t23 -10l50 -50q10 -10 10 -23t-10 -23l-393 -393l393 -393q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="1024" d="M595 576q0 -13 -10 -23l-466 -466q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l393 393l-393 393q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l466 -466q10 -10 10 -23zM979 576q0 -13 -10 -23l-466 -466q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23 l393 393l-393 393q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l466 -466q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1075 224q0 -13 -10 -23l-50 -50q-10 -10 -23 -10t-23 10l-393 393l-393 -393q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l466 466q10 10 23 10t23 -10l466 -466q10 -10 10 -23zM1075 608q0 -13 -10 -23l-50 -50q-10 -10 -23 -10t-23 10l-393 393l-393 -393 q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l466 466q10 10 23 10t23 -10l466 -466q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1075 672q0 -13 -10 -23l-466 -466q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l393 -393l393 393q10 10 23 10t23 -10l50 -50q10 -10 10 -23zM1075 1056q0 -13 -10 -23l-466 -466q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23 t10 23l50 50q10 10 23 10t23 -10l393 -393l393 393q10 10 23 10t23 -10l50 -50q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="640" d="M627 992q0 -13 -10 -23l-393 -393l393 -393q10 -10 10 -23t-10 -23l-50 -50q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l466 466q10 10 23 10t23 -10l50 -50q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="640" d="M595 576q0 -13 -10 -23l-466 -466q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l393 393l-393 393q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l466 -466q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1075 352q0 -13 -10 -23l-50 -50q-10 -10 -23 -10t-23 10l-393 393l-393 -393q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l466 466q10 10 23 10t23 -10l466 -466q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1075 800q0 -13 -10 -23l-466 -466q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l393 -393l393 393q10 10 23 10t23 -10l50 -50q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1792 544v832q0 13 -9.5 22.5t-22.5 9.5h-1600q-13 0 -22.5 -9.5t-9.5 -22.5v-832q0 -13 9.5 -22.5t22.5 -9.5h1600q13 0 22.5 9.5t9.5 22.5zM1920 1376v-1088q0 -66 -47 -113t-113 -47h-544q0 -37 16 -77.5t32 -71t16 -43.5q0 -26 -19 -45t-45 -19h-512q-26 0 -45 19 t-19 45q0 14 16 44t32 70t16 78h-544q-66 0 -113 47t-47 113v1088q0 66 47 113t113 47h1600q66 0 113 -47t47 -113z" />
+<glyph unicode="" horiz-adv-x="1920" d="M416 256q-66 0 -113 47t-47 113v704q0 66 47 113t113 47h1088q66 0 113 -47t47 -113v-704q0 -66 -47 -113t-113 -47h-1088zM384 1120v-704q0 -13 9.5 -22.5t22.5 -9.5h1088q13 0 22.5 9.5t9.5 22.5v704q0 13 -9.5 22.5t-22.5 9.5h-1088q-13 0 -22.5 -9.5t-9.5 -22.5z M1760 192h160v-96q0 -40 -47 -68t-113 -28h-1600q-66 0 -113 28t-47 68v96h160h1600zM1040 96q16 0 16 16t-16 16h-160q-16 0 -16 -16t16 -16h160z" />
+<glyph unicode="" horiz-adv-x="1152" d="M640 128q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1024 288v960q0 13 -9.5 22.5t-22.5 9.5h-832q-13 0 -22.5 -9.5t-9.5 -22.5v-960q0 -13 9.5 -22.5t22.5 -9.5h832q13 0 22.5 9.5t9.5 22.5zM1152 1248v-1088q0 -66 -47 -113t-113 -47h-832 q-66 0 -113 47t-47 113v1088q0 66 47 113t113 47h832q66 0 113 -47t47 -113z" />
+<glyph unicode="" horiz-adv-x="768" d="M464 128q0 33 -23.5 56.5t-56.5 23.5t-56.5 -23.5t-23.5 -56.5t23.5 -56.5t56.5 -23.5t56.5 23.5t23.5 56.5zM672 288v704q0 13 -9.5 22.5t-22.5 9.5h-512q-13 0 -22.5 -9.5t-9.5 -22.5v-704q0 -13 9.5 -22.5t22.5 -9.5h512q13 0 22.5 9.5t9.5 22.5zM480 1136 q0 16 -16 16h-160q-16 0 -16 -16t16 -16h160q16 0 16 16zM768 1152v-1024q0 -52 -38 -90t-90 -38h-512q-52 0 -90 38t-38 90v1024q0 52 38 90t90 38h512q52 0 90 -38t38 -90z" />
+<glyph unicode="" d="M768 1184q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273t-73 273t-198 198t-273 73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103 t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M768 576v-384q0 -80 -56 -136t-136 -56h-384q-80 0 -136 56t-56 136v704q0 104 40.5 198.5t109.5 163.5t163.5 109.5t198.5 40.5h64q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-64q-106 0 -181 -75t-75 -181v-32q0 -40 28 -68t68 -28h224q80 0 136 -56t56 -136z M1664 576v-384q0 -80 -56 -136t-136 -56h-384q-80 0 -136 56t-56 136v704q0 104 40.5 198.5t109.5 163.5t163.5 109.5t198.5 40.5h64q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-64q-106 0 -181 -75t-75 -181v-32q0 -40 28 -68t68 -28h224q80 0 136 -56t56 -136z" />
+<glyph unicode="" horiz-adv-x="1664" d="M768 1216v-704q0 -104 -40.5 -198.5t-109.5 -163.5t-163.5 -109.5t-198.5 -40.5h-64q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h64q106 0 181 75t75 181v32q0 40 -28 68t-68 28h-224q-80 0 -136 56t-56 136v384q0 80 56 136t136 56h384q80 0 136 -56t56 -136zM1664 1216 v-704q0 -104 -40.5 -198.5t-109.5 -163.5t-163.5 -109.5t-198.5 -40.5h-64q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h64q106 0 181 75t75 181v32q0 40 -28 68t-68 28h-224q-80 0 -136 56t-56 136v384q0 80 56 136t136 56h384q80 0 136 -56t56 -136z" />
+<glyph unicode="" horiz-adv-x="1568" d="M496 192q0 -60 -42.5 -102t-101.5 -42q-60 0 -102 42t-42 102t42 102t102 42q59 0 101.5 -42t42.5 -102zM928 0q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM320 640q0 -66 -47 -113t-113 -47t-113 47t-47 113 t47 113t113 47t113 -47t47 -113zM1360 192q0 -46 -33 -79t-79 -33t-79 33t-33 79t33 79t79 33t79 -33t33 -79zM528 1088q0 -73 -51.5 -124.5t-124.5 -51.5t-124.5 51.5t-51.5 124.5t51.5 124.5t124.5 51.5t124.5 -51.5t51.5 -124.5zM992 1280q0 -80 -56 -136t-136 -56 t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM1536 640q0 -40 -28 -68t-68 -28t-68 28t-28 68t28 68t68 28t68 -28t28 -68zM1328 1088q0 -33 -23.5 -56.5t-56.5 -23.5t-56.5 23.5t-23.5 56.5t23.5 56.5t56.5 23.5t56.5 -23.5t23.5 -56.5z" />
+<glyph unicode="" d="M1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 416q0 -166 -127 -451q-3 -7 -10.5 -24t-13.5 -30t-13 -22q-12 -17 -28 -17q-15 0 -23.5 10t-8.5 25q0 9 2.5 26.5t2.5 23.5q5 68 5 123q0 101 -17.5 181t-48.5 138.5t-80 101t-105.5 69.5t-133 42.5t-154 21.5t-175.5 6h-224v-256q0 -26 -19 -45t-45 -19t-45 19 l-512 512q-19 19 -19 45t19 45l512 512q19 19 45 19t45 -19t19 -45v-256h224q713 0 875 -403q53 -134 53 -333z" />
+<glyph unicode="" horiz-adv-x="1664" d="M640 320q0 -40 -12.5 -82t-43 -76t-72.5 -34t-72.5 34t-43 76t-12.5 82t12.5 82t43 76t72.5 34t72.5 -34t43 -76t12.5 -82zM1280 320q0 -40 -12.5 -82t-43 -76t-72.5 -34t-72.5 34t-43 76t-12.5 82t12.5 82t43 76t72.5 34t72.5 -34t43 -76t12.5 -82zM1440 320 q0 120 -69 204t-187 84q-41 0 -195 -21q-71 -11 -157 -11t-157 11q-152 21 -195 21q-118 0 -187 -84t-69 -204q0 -88 32 -153.5t81 -103t122 -60t140 -29.5t149 -7h168q82 0 149 7t140 29.5t122 60t81 103t32 153.5zM1664 496q0 -207 -61 -331q-38 -77 -105.5 -133t-141 -86 t-170 -47.5t-171.5 -22t-167 -4.5q-78 0 -142 3t-147.5 12.5t-152.5 30t-137 51.5t-121 81t-86 115q-62 123 -62 331q0 237 136 396q-27 82 -27 170q0 116 51 218q108 0 190 -39.5t189 -123.5q147 35 309 35q148 0 280 -32q105 82 187 121t189 39q51 -102 51 -218 q0 -87 -27 -168q136 -160 136 -398z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1536 224v704q0 40 -28 68t-68 28h-704q-40 0 -68 28t-28 68v64q0 40 -28 68t-68 28h-320q-40 0 -68 -28t-28 -68v-960q0 -40 28 -68t68 -28h1216q40 0 68 28t28 68zM1664 928v-704q0 -92 -66 -158t-158 -66h-1216q-92 0 -158 66t-66 158v960q0 92 66 158t158 66h320 q92 0 158 -66t66 -158v-32h672q92 0 158 -66t66 -158z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1781 605q0 35 -53 35h-1088q-40 0 -85.5 -21.5t-71.5 -52.5l-294 -363q-18 -24 -18 -40q0 -35 53 -35h1088q40 0 86 22t71 53l294 363q18 22 18 39zM640 768h768v160q0 40 -28 68t-68 28h-576q-40 0 -68 28t-28 68v64q0 40 -28 68t-68 28h-320q-40 0 -68 -28t-28 -68 v-853l256 315q44 53 116 87.5t140 34.5zM1909 605q0 -62 -46 -120l-295 -363q-43 -53 -116 -87.5t-140 -34.5h-1088q-92 0 -158 66t-66 158v960q0 92 66 158t158 66h320q92 0 158 -66t66 -158v-32h544q92 0 158 -66t66 -158v-160h192q54 0 99 -24.5t67 -70.5q15 -32 15 -68z " />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" d="M1134 461q-37 -121 -138 -195t-228 -74t-228 74t-138 195q-8 25 4 48.5t38 31.5q25 8 48.5 -4t31.5 -38q25 -80 92.5 -129.5t151.5 -49.5t151.5 49.5t92.5 129.5q8 26 32 38t49 4t37 -31.5t4 -48.5zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5 t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5 t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1134 307q8 -25 -4 -48.5t-37 -31.5t-49 4t-32 38q-25 80 -92.5 129.5t-151.5 49.5t-151.5 -49.5t-92.5 -129.5q-8 -26 -31.5 -38t-48.5 -4q-26 8 -38 31.5t-4 48.5q37 121 138 195t228 74t228 -74t138 -195zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5 t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204 t-51 -248.5t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1152 448q0 -26 -19 -45t-45 -19h-640q-26 0 -45 19t-19 45t19 45t45 19h640q26 0 45 -19t19 -45zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5 t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1920" d="M832 448v128q0 14 -9 23t-23 9h-192v192q0 14 -9 23t-23 9h-128q-14 0 -23 -9t-9 -23v-192h-192q-14 0 -23 -9t-9 -23v-128q0 -14 9 -23t23 -9h192v-192q0 -14 9 -23t23 -9h128q14 0 23 9t9 23v192h192q14 0 23 9t9 23zM1408 384q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5 t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1664 640q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1920 512q0 -212 -150 -362t-362 -150q-192 0 -338 128h-220q-146 -128 -338 -128q-212 0 -362 150 t-150 362t150 362t362 150h896q212 0 362 -150t150 -362z" />
+<glyph unicode="" horiz-adv-x="1920" d="M384 368v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM512 624v-96q0 -16 -16 -16h-224q-16 0 -16 16v96q0 16 16 16h224q16 0 16 -16zM384 880v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1408 368v-96q0 -16 -16 -16 h-864q-16 0 -16 16v96q0 16 16 16h864q16 0 16 -16zM768 624v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM640 880v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1024 624v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16 h96q16 0 16 -16zM896 880v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1280 624v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1664 368v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1152 880v-96 q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1408 880v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1664 880v-352q0 -16 -16 -16h-224q-16 0 -16 16v96q0 16 16 16h112v240q0 16 16 16h96q16 0 16 -16zM1792 128v896h-1664v-896 h1664zM1920 1024v-896q0 -53 -37.5 -90.5t-90.5 -37.5h-1664q-53 0 -90.5 37.5t-37.5 90.5v896q0 53 37.5 90.5t90.5 37.5h1664q53 0 90.5 -37.5t37.5 -90.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1664 491v616q-169 -91 -306 -91q-82 0 -145 32q-100 49 -184 76.5t-178 27.5q-173 0 -403 -127v-599q245 113 433 113q55 0 103.5 -7.5t98 -26t77 -31t82.5 -39.5l28 -14q44 -22 101 -22q120 0 293 92zM320 1280q0 -35 -17.5 -64t-46.5 -46v-1266q0 -14 -9 -23t-23 -9 h-64q-14 0 -23 9t-9 23v1266q-29 17 -46.5 46t-17.5 64q0 53 37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1792 1216v-763q0 -39 -35 -57q-10 -5 -17 -9q-218 -116 -369 -116q-88 0 -158 35l-28 14q-64 33 -99 48t-91 29t-114 14q-102 0 -235.5 -44t-228.5 -102 q-15 -9 -33 -9q-16 0 -32 8q-32 19 -32 56v742q0 35 31 55q35 21 78.5 42.5t114 52t152.5 49.5t155 19q112 0 209 -31t209 -86q38 -19 89 -19q122 0 310 112q22 12 31 17q31 16 62 -2q31 -20 31 -55z" />
+<glyph unicode="" horiz-adv-x="1792" d="M832 536v192q-181 -16 -384 -117v-185q205 96 384 110zM832 954v197q-172 -8 -384 -126v-189q215 111 384 118zM1664 491v184q-235 -116 -384 -71v224q-20 6 -39 15q-5 3 -33 17t-34.5 17t-31.5 15t-34.5 15.5t-32.5 13t-36 12.5t-35 8.5t-39.5 7.5t-39.5 4t-44 2 q-23 0 -49 -3v-222h19q102 0 192.5 -29t197.5 -82q19 -9 39 -15v-188q42 -17 91 -17q120 0 293 92zM1664 918v189q-169 -91 -306 -91q-45 0 -78 8v-196q148 -42 384 90zM320 1280q0 -35 -17.5 -64t-46.5 -46v-1266q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v1266 q-29 17 -46.5 46t-17.5 64q0 53 37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1792 1216v-763q0 -39 -35 -57q-10 -5 -17 -9q-218 -116 -369 -116q-88 0 -158 35l-28 14q-64 33 -99 48t-91 29t-114 14q-102 0 -235.5 -44t-228.5 -102q-15 -9 -33 -9q-16 0 -32 8 q-32 19 -32 56v742q0 35 31 55q35 21 78.5 42.5t114 52t152.5 49.5t155 19q112 0 209 -31t209 -86q38 -19 89 -19q122 0 310 112q22 12 31 17q31 16 62 -2q31 -20 31 -55z" />
+<glyph unicode="" horiz-adv-x="1664" d="M585 553l-466 -466q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l393 393l-393 393q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l466 -466q10 -10 10 -23t-10 -23zM1664 96v-64q0 -14 -9 -23t-23 -9h-960q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h960q14 0 23 -9 t9 -23z" />
+<glyph unicode="" horiz-adv-x="1920" d="M617 137l-50 -50q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l466 466q10 10 23 10t23 -10l50 -50q10 -10 10 -23t-10 -23l-393 -393l393 -393q10 -10 10 -23t-10 -23zM1208 1204l-373 -1291q-4 -13 -15.5 -19.5t-23.5 -2.5l-62 17q-13 4 -19.5 15.5t-2.5 24.5 l373 1291q4 13 15.5 19.5t23.5 2.5l62 -17q13 -4 19.5 -15.5t2.5 -24.5zM1865 553l-466 -466q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l393 393l-393 393q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l466 -466q10 -10 10 -23t-10 -23z" />
+<glyph unicode="" horiz-adv-x="1792" d="M640 454v-70q0 -42 -39 -59q-13 -5 -25 -5q-27 0 -45 19l-512 512q-19 19 -19 45t19 45l512 512q29 31 70 14q39 -17 39 -59v-69l-397 -398q-19 -19 -19 -45t19 -45zM1792 416q0 -58 -17 -133.5t-38.5 -138t-48 -125t-40.5 -90.5l-20 -40q-8 -17 -28 -17q-6 0 -9 1 q-25 8 -23 34q43 400 -106 565q-64 71 -170.5 110.5t-267.5 52.5v-251q0 -42 -39 -59q-13 -5 -25 -5q-27 0 -45 19l-512 512q-19 19 -19 45t19 45l512 512q29 31 70 14q39 -17 39 -59v-262q411 -28 599 -221q169 -173 169 -509z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1186 579l257 250l-356 52l-66 10l-30 60l-159 322v-963l59 -31l318 -168l-60 355l-12 66zM1638 841l-363 -354l86 -500q5 -33 -6 -51.5t-34 -18.5q-17 0 -40 12l-449 236l-449 -236q-23 -12 -40 -12q-23 0 -34 18.5t-6 51.5l86 500l-364 354q-32 32 -23 59.5t54 34.5 l502 73l225 455q20 41 49 41q28 0 49 -41l225 -455l502 -73q45 -7 54 -34.5t-24 -59.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1401 1187l-640 -1280q-17 -35 -57 -35q-5 0 -15 2q-22 5 -35.5 22.5t-13.5 39.5v576h-576q-22 0 -39.5 13.5t-22.5 35.5t4 42t29 30l1280 640q13 7 29 7q27 0 45 -19q15 -14 18.5 -34.5t-6.5 -39.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M557 256h595v595zM512 301l595 595h-595v-595zM1664 224v-192q0 -14 -9 -23t-23 -9h-224v-224q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v224h-864q-14 0 -23 9t-9 23v864h-224q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h224v224q0 14 9 23t23 9h192q14 0 23 -9t9 -23 v-224h851l246 247q10 9 23 9t23 -9q9 -10 9 -23t-9 -23l-247 -246v-851h224q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1024" d="M288 64q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM288 1216q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM928 1088q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM1024 1088q0 -52 -26 -96.5t-70 -69.5 q-2 -287 -226 -414q-68 -38 -203 -81q-128 -40 -169.5 -71t-41.5 -100v-26q44 -25 70 -69.5t26 -96.5q0 -80 -56 -136t-136 -56t-136 56t-56 136q0 52 26 96.5t70 69.5v820q-44 25 -70 69.5t-26 96.5q0 80 56 136t136 56t136 -56t56 -136q0 -52 -26 -96.5t-70 -69.5v-497 q54 26 154 57q55 17 87.5 29.5t70.5 31t59 39.5t40.5 51t28 69.5t8.5 91.5q-44 25 -70 69.5t-26 96.5q0 80 56 136t136 56t136 -56t56 -136z" />
+<glyph unicode="" horiz-adv-x="1664" d="M439 265l-256 -256q-10 -9 -23 -9q-12 0 -23 9q-9 10 -9 23t9 23l256 256q10 9 23 9t23 -9q9 -10 9 -23t-9 -23zM608 224v-320q0 -14 -9 -23t-23 -9t-23 9t-9 23v320q0 14 9 23t23 9t23 -9t9 -23zM384 448q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23t9 23t23 9h320 q14 0 23 -9t9 -23zM1648 320q0 -120 -85 -203l-147 -146q-83 -83 -203 -83q-121 0 -204 85l-334 335q-21 21 -42 56l239 18l273 -274q27 -27 68 -27.5t68 26.5l147 146q28 28 28 67q0 40 -28 68l-274 275l18 239q35 -21 56 -42l336 -336q84 -86 84 -204zM1031 1044l-239 -18 l-273 274q-28 28 -68 28q-39 0 -68 -27l-147 -146q-28 -28 -28 -67q0 -40 28 -68l274 -274l-18 -240q-35 21 -56 42l-336 336q-84 86 -84 204q0 120 85 203l147 146q83 83 203 83q121 0 204 -85l334 -335q21 -21 42 -56zM1664 960q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9 t-9 23t9 23t23 9h320q14 0 23 -9t9 -23zM1120 1504v-320q0 -14 -9 -23t-23 -9t-23 9t-9 23v320q0 14 9 23t23 9t23 -9t9 -23zM1527 1353l-256 -256q-11 -9 -23 -9t-23 9q-9 10 -9 23t9 23l256 256q10 9 23 9t23 -9q9 -10 9 -23t-9 -23z" />
+<glyph unicode="" horiz-adv-x="1024" d="M704 280v-240q0 -16 -12 -28t-28 -12h-240q-16 0 -28 12t-12 28v240q0 16 12 28t28 12h240q16 0 28 -12t12 -28zM1020 880q0 -54 -15.5 -101t-35 -76.5t-55 -59.5t-57.5 -43.5t-61 -35.5q-41 -23 -68.5 -65t-27.5 -67q0 -17 -12 -32.5t-28 -15.5h-240q-15 0 -25.5 18.5 t-10.5 37.5v45q0 83 65 156.5t143 108.5q59 27 84 56t25 76q0 42 -46.5 74t-107.5 32q-65 0 -108 -29q-35 -25 -107 -115q-13 -16 -31 -16q-12 0 -25 8l-164 125q-13 10 -15.5 25t5.5 28q160 266 464 266q80 0 161 -31t146 -83t106 -127.5t41 -158.5z" />
+<glyph unicode="" horiz-adv-x="640" d="M640 192v-128q0 -26 -19 -45t-45 -19h-512q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h64v384h-64q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h384q26 0 45 -19t19 -45v-576h64q26 0 45 -19t19 -45zM512 1344v-192q0 -26 -19 -45t-45 -19h-256q-26 0 -45 19t-19 45v192 q0 26 19 45t45 19h256q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="640" d="M512 288v-224q0 -26 -19 -45t-45 -19h-256q-26 0 -45 19t-19 45v224q0 26 19 45t45 19h256q26 0 45 -19t19 -45zM542 1344l-28 -768q-1 -26 -20.5 -45t-45.5 -19h-256q-26 0 -45.5 19t-20.5 45l-28 768q-1 26 17.5 45t44.5 19h320q26 0 44.5 -19t17.5 -45z" />
+<glyph unicode="" d="M897 167v-167h-248l-159 252l-24 42q-8 9 -11 21h-3l-9 -21q-10 -20 -25 -44l-155 -250h-258v167h128l197 291l-185 272h-137v168h276l139 -228q2 -4 23 -42q8 -9 11 -21h3q3 9 11 21l25 42l140 228h257v-168h-125l-184 -267l204 -296h109zM1534 846v-206h-514l-3 27 q-4 28 -4 46q0 64 26 117t65 86.5t84 65t84 54.5t65 54t26 64q0 38 -29.5 62.5t-70.5 24.5q-51 0 -97 -39q-14 -11 -36 -38l-105 92q26 37 63 66q83 65 188 65q110 0 178 -59.5t68 -158.5q0 -56 -24.5 -103t-62 -76.5t-81.5 -58.5t-82 -50.5t-65.5 -51.5t-30.5 -63h232v80 h126z" />
+<glyph unicode="" d="M897 167v-167h-248l-159 252l-24 42q-8 9 -11 21h-3l-9 -21q-10 -20 -25 -44l-155 -250h-258v167h128l197 291l-185 272h-137v168h276l139 -228q2 -4 23 -42q8 -9 11 -21h3q3 9 11 21l25 42l140 228h257v-168h-125l-184 -267l204 -296h109zM1536 -50v-206h-514l-4 27 q-3 45 -3 46q0 64 26 117t65 86.5t84 65t84 54.5t65 54t26 64q0 38 -29.5 62.5t-70.5 24.5q-51 0 -97 -39q-14 -11 -36 -38l-105 92q26 37 63 66q80 65 188 65q110 0 178 -59.5t68 -158.5q0 -66 -34.5 -118.5t-84 -86t-99.5 -62.5t-87 -63t-41 -73h232v80h126z" />
+<glyph unicode="" horiz-adv-x="1920" d="M896 128l336 384h-768l-336 -384h768zM1909 1205q15 -34 9.5 -71.5t-30.5 -65.5l-896 -1024q-38 -44 -96 -44h-768q-38 0 -69.5 20.5t-47.5 54.5q-15 34 -9.5 71.5t30.5 65.5l896 1024q38 44 96 44h768q38 0 69.5 -20.5t47.5 -54.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1664 438q0 -81 -44.5 -135t-123.5 -54q-41 0 -77.5 17.5t-59 38t-56.5 38t-71 17.5q-110 0 -110 -124q0 -39 16 -115t15 -115v-5q-22 0 -33 -1q-34 -3 -97.5 -11.5t-115.5 -13.5t-98 -5q-61 0 -103 26.5t-42 83.5q0 37 17.5 71t38 56.5t38 59t17.5 77.5q0 79 -54 123.5 t-135 44.5q-84 0 -143 -45.5t-59 -127.5q0 -43 15 -83t33.5 -64.5t33.5 -53t15 -50.5q0 -45 -46 -89q-37 -35 -117 -35q-95 0 -245 24q-9 2 -27.5 4t-27.5 4l-13 2q-1 0 -3 1q-2 0 -2 1v1024q2 -1 17.5 -3.5t34 -5t21.5 -3.5q150 -24 245 -24q80 0 117 35q46 44 46 89 q0 22 -15 50.5t-33.5 53t-33.5 64.5t-15 83q0 82 59 127.5t144 45.5q80 0 134 -44.5t54 -123.5q0 -41 -17.5 -77.5t-38 -59t-38 -56.5t-17.5 -71q0 -57 42 -83.5t103 -26.5q64 0 180 15t163 17v-2q-1 -2 -3.5 -17.5t-5 -34t-3.5 -21.5q-24 -150 -24 -245q0 -80 35 -117 q44 -46 89 -46q22 0 50.5 15t53 33.5t64.5 33.5t83 15q82 0 127.5 -59t45.5 -143z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1152 832v-128q0 -221 -147.5 -384.5t-364.5 -187.5v-132h256q26 0 45 -19t19 -45t-19 -45t-45 -19h-640q-26 0 -45 19t-19 45t19 45t45 19h256v132q-217 24 -364.5 187.5t-147.5 384.5v128q0 26 19 45t45 19t45 -19t19 -45v-128q0 -185 131.5 -316.5t316.5 -131.5 t316.5 131.5t131.5 316.5v128q0 26 19 45t45 19t45 -19t19 -45zM896 1216v-512q0 -132 -94 -226t-226 -94t-226 94t-94 226v512q0 132 94 226t226 94t226 -94t94 -226z" />
+<glyph unicode="" horiz-adv-x="1408" d="M271 591l-101 -101q-42 103 -42 214v128q0 26 19 45t45 19t45 -19t19 -45v-128q0 -53 15 -113zM1385 1193l-361 -361v-128q0 -132 -94 -226t-226 -94q-55 0 -109 19l-96 -96q97 -51 205 -51q185 0 316.5 131.5t131.5 316.5v128q0 26 19 45t45 19t45 -19t19 -45v-128 q0 -221 -147.5 -384.5t-364.5 -187.5v-132h256q26 0 45 -19t19 -45t-19 -45t-45 -19h-640q-26 0 -45 19t-19 45t19 45t45 19h256v132q-125 13 -235 81l-254 -254q-10 -10 -23 -10t-23 10l-82 82q-10 10 -10 23t10 23l1234 1234q10 10 23 10t23 -10l82 -82q10 -10 10 -23 t-10 -23zM1005 1325l-621 -621v512q0 132 94 226t226 94q102 0 184.5 -59t116.5 -152z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1088 576v640h-448v-1137q119 63 213 137q235 184 235 360zM1280 1344v-768q0 -86 -33.5 -170.5t-83 -150t-118 -127.5t-126.5 -103t-121 -77.5t-89.5 -49.5t-42.5 -20q-12 -6 -26 -6t-26 6q-16 7 -42.5 20t-89.5 49.5t-121 77.5t-126.5 103t-118 127.5t-83 150 t-33.5 170.5v768q0 26 19 45t45 19h1152q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1664" d="M128 -128h1408v1024h-1408v-1024zM512 1088v288q0 14 -9 23t-23 9h-64q-14 0 -23 -9t-9 -23v-288q0 -14 9 -23t23 -9h64q14 0 23 9t9 23zM1280 1088v288q0 14 -9 23t-23 9h-64q-14 0 -23 -9t-9 -23v-288q0 -14 9 -23t23 -9h64q14 0 23 9t9 23zM1664 1152v-1280 q0 -52 -38 -90t-90 -38h-1408q-52 0 -90 38t-38 90v1280q0 52 38 90t90 38h128v96q0 66 47 113t113 47h64q66 0 113 -47t47 -113v-96h384v96q0 66 47 113t113 47h64q66 0 113 -47t47 -113v-96h128q52 0 90 -38t38 -90z" />
+<glyph unicode="" horiz-adv-x="1408" d="M512 1344q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1408 1376v-320q0 -16 -12 -25q-8 -7 -20 -7q-4 0 -7 1l-448 96q-11 2 -18 11t-7 20h-256v-102q111 -23 183.5 -111t72.5 -203v-800q0 -26 -19 -45t-45 -19h-512q-26 0 -45 19t-19 45v800 q0 106 62.5 190.5t161.5 114.5v111h-32q-59 0 -115 -23.5t-91.5 -53t-66 -66.5t-40.5 -53.5t-14 -24.5q-17 -35 -57 -35q-16 0 -29 7q-23 12 -31.5 37t3.5 49q5 10 14.5 26t37.5 53.5t60.5 70t85 67t108.5 52.5q-25 42 -25 86q0 66 47 113t113 47t113 -47t47 -113 q0 -33 -14 -64h302q0 11 7 20t18 11l448 96q3 1 7 1q12 0 20 -7q12 -9 12 -25z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1440 1088q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM1664 1376q0 -249 -75.5 -430.5t-253.5 -360.5q-81 -80 -195 -176l-20 -379q-2 -16 -16 -26l-384 -224q-7 -4 -16 -4q-12 0 -23 9l-64 64q-13 14 -8 32l85 276l-281 281l-276 -85q-3 -1 -9 -1 q-14 0 -23 9l-64 64q-17 19 -5 39l224 384q10 14 26 16l379 20q96 114 176 195q188 187 358 258t431 71q14 0 24 -9.5t10 -22.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1745 763l-164 -763h-334l178 832q13 56 -15 88q-27 33 -83 33h-169l-204 -953h-334l204 953h-286l-204 -953h-334l204 953l-153 327h1276q101 0 189.5 -40.5t147.5 -113.5q60 -73 81 -168.5t0 -194.5z" />
+<glyph unicode="" d="M909 141l102 102q19 19 19 45t-19 45l-307 307l307 307q19 19 19 45t-19 45l-102 102q-19 19 -45 19t-45 -19l-454 -454q-19 -19 -19 -45t19 -45l454 -454q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M717 141l454 454q19 19 19 45t-19 45l-454 454q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l307 -307l-307 -307q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1165 397l102 102q19 19 19 45t-19 45l-454 454q-19 19 -45 19t-45 -19l-454 -454q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19l307 307l307 -307q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M813 237l454 454q19 19 19 45t-19 45l-102 102q-19 19 -45 19t-45 -19l-307 -307l-307 307q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l454 -454q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1130 939l16 175h-884l47 -534h612l-22 -228l-197 -53l-196 53l-13 140h-175l22 -278l362 -100h4v1l359 99l50 544h-644l-15 181h674zM0 1408h1408l-128 -1438l-578 -162l-574 162z" />
+<glyph unicode="" horiz-adv-x="1792" d="M275 1408h1505l-266 -1333l-804 -267l-698 267l71 356h297l-29 -147l422 -161l486 161l68 339h-1208l58 297h1209l38 191h-1208z" />
+<glyph unicode="" horiz-adv-x="1792" d="M960 1280q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1792 352v-352q0 -22 -20 -30q-8 -2 -12 -2q-13 0 -23 9l-93 93q-119 -143 -318.5 -226.5t-429.5 -83.5t-429.5 83.5t-318.5 226.5l-93 -93q-9 -9 -23 -9q-4 0 -12 2q-20 8 -20 30v352 q0 14 9 23t23 9h352q22 0 30 -20q8 -19 -7 -35l-100 -100q67 -91 189.5 -153.5t271.5 -82.5v647h-192q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h192v163q-58 34 -93 92.5t-35 128.5q0 106 75 181t181 75t181 -75t75 -181q0 -70 -35 -128.5t-93 -92.5v-163h192q26 0 45 -19 t19 -45v-128q0 -26 -19 -45t-45 -19h-192v-647q149 20 271.5 82.5t189.5 153.5l-100 100q-15 16 -7 35q8 20 30 20h352q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1056 768q40 0 68 -28t28 -68v-576q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v576q0 40 28 68t68 28h32v320q0 185 131.5 316.5t316.5 131.5t316.5 -131.5t131.5 -316.5q0 -26 -19 -45t-45 -19h-64q-26 0 -45 19t-19 45q0 106 -75 181t-181 75t-181 -75t-75 -181 v-320h736z" />
+<glyph unicode="" d="M1024 640q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75t75 -181zM1152 640q0 159 -112.5 271.5t-271.5 112.5t-271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5zM1280 640q0 -212 -150 -362t-362 -150t-362 150 t-150 362t150 362t362 150t362 -150t150 -362zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M384 800v-192q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68zM896 800v-192q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68zM1408 800v-192q0 -40 -28 -68t-68 -28h-192 q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68z" />
+<glyph unicode="" horiz-adv-x="384" d="M384 288v-192q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68zM384 800v-192q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68zM384 1312v-192q0 -40 -28 -68t-68 -28h-192 q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68z" />
+<glyph unicode="" d="M512 256q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM863 162q-13 232 -177 396t-396 177q-14 1 -24 -9t-10 -23v-128q0 -13 8.5 -22t21.5 -10q154 -11 264 -121t121 -264q1 -13 10 -21.5t22 -8.5h128q13 0 23 10 t9 24zM1247 161q-5 154 -56 297.5t-139.5 260t-205 205t-260 139.5t-297.5 56q-14 1 -23 -9q-10 -10 -10 -23v-128q0 -13 9 -22t22 -10q204 -7 378 -111.5t278.5 -278.5t111.5 -378q1 -13 10 -22t22 -9h128q13 0 23 10q11 9 9 23zM1536 1120v-960q0 -119 -84.5 -203.5 t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M768 1408q209 0 385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103zM1152 585q32 18 32 55t-32 55l-544 320q-31 19 -64 1q-32 -19 -32 -56v-640q0 -37 32 -56 q16 -8 32 -8q17 0 32 9z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1024 1084l316 -316l-572 -572l-316 316zM813 105l618 618q19 19 19 45t-19 45l-362 362q-18 18 -45 18t-45 -18l-618 -618q-19 -19 -19 -45t19 -45l362 -362q18 -18 45 -18t45 18zM1702 742l-907 -908q-37 -37 -90.5 -37t-90.5 37l-126 126q56 56 56 136t-56 136 t-136 56t-136 -56l-125 126q-37 37 -37 90.5t37 90.5l907 906q37 37 90.5 37t90.5 -37l125 -125q-56 -56 -56 -136t56 -136t136 -56t136 56l126 -125q37 -37 37 -90.5t-37 -90.5z" />
+<glyph unicode="" d="M1280 576v128q0 26 -19 45t-45 19h-896q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h896q26 0 45 19t19 45zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5 t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1152 736v-64q0 -14 -9 -23t-23 -9h-832q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h832q14 0 23 -9t9 -23zM1280 288v832q0 66 -47 113t-113 47h-832q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113zM1408 1120v-832q0 -119 -84.5 -203.5 t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1024" d="M1018 933q-18 -37 -58 -37h-192v-864q0 -14 -9 -23t-23 -9h-704q-21 0 -29 18q-8 20 4 35l160 192q9 11 25 11h320v640h-192q-40 0 -58 37q-17 37 9 68l320 384q18 22 49 22t49 -22l320 -384q27 -32 9 -68z" />
+<glyph unicode="" horiz-adv-x="1024" d="M32 1280h704q13 0 22.5 -9.5t9.5 -23.5v-863h192q40 0 58 -37t-9 -69l-320 -384q-18 -22 -49 -22t-49 22l-320 384q-26 31 -9 69q18 37 58 37h192v640h-320q-14 0 -25 11l-160 192q-13 14 -4 34q9 19 29 19z" />
+<glyph unicode="" d="M685 237l614 614q19 19 19 45t-19 45l-102 102q-19 19 -45 19t-45 -19l-467 -467l-211 211q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l358 -358q19 -19 45 -19t45 19zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5 t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M404 428l152 -152l-52 -52h-56v96h-96v56zM818 818q14 -13 -3 -30l-291 -291q-17 -17 -30 -3q-14 13 3 30l291 291q17 17 30 3zM544 128l544 544l-288 288l-544 -544v-288h288zM1152 736l92 92q28 28 28 68t-28 68l-152 152q-28 28 -68 28t-68 -28l-92 -92zM1536 1120 v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1280 608v480q0 26 -19 45t-45 19h-480q-42 0 -59 -39q-17 -41 14 -70l144 -144l-534 -534q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19l534 534l144 -144q18 -19 45 -19q12 0 25 5q39 17 39 59zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960 q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1005 435l352 352q19 19 19 45t-19 45l-352 352q-30 31 -69 14q-40 -17 -40 -59v-160q-119 0 -216 -19.5t-162.5 -51t-114 -79t-76.5 -95.5t-44.5 -109t-21.5 -111.5t-5 -110.5q0 -181 167 -404q10 -12 25 -12q7 0 13 3q22 9 19 33q-44 354 62 473q46 52 130 75.5 t224 23.5v-160q0 -42 40 -59q12 -5 24 -5q26 0 45 19zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M640 448l256 128l-256 128v-256zM1024 1039v-542l-512 -256v542zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103 t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1145 861q18 -35 -5 -66l-320 -448q-19 -27 -52 -27t-52 27l-320 448q-23 31 -5 66q17 35 57 35h640q40 0 57 -35zM1280 160v960q0 13 -9.5 22.5t-22.5 9.5h-960q-13 0 -22.5 -9.5t-9.5 -22.5v-960q0 -13 9.5 -22.5t22.5 -9.5h960q13 0 22.5 9.5t9.5 22.5zM1536 1120 v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1145 419q-17 -35 -57 -35h-640q-40 0 -57 35q-18 35 5 66l320 448q19 27 52 27t52 -27l320 -448q23 -31 5 -66zM1280 160v960q0 13 -9.5 22.5t-22.5 9.5h-960q-13 0 -22.5 -9.5t-9.5 -22.5v-960q0 -13 9.5 -22.5t22.5 -9.5h960q13 0 22.5 9.5t9.5 22.5zM1536 1120v-960 q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1088 640q0 -33 -27 -52l-448 -320q-31 -23 -66 -5q-35 17 -35 57v640q0 40 35 57q35 18 66 -5l448 -320q27 -19 27 -52zM1280 160v960q0 14 -9 23t-23 9h-960q-14 0 -23 -9t-9 -23v-960q0 -14 9 -23t23 -9h960q14 0 23 9t9 23zM1536 1120v-960q0 -119 -84.5 -203.5 t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1024" d="M976 229l35 -159q3 -12 -3 -22.5t-17 -14.5l-5 -1q-4 -2 -10.5 -3.5t-16 -4.5t-21.5 -5.5t-25.5 -5t-30 -5t-33.5 -4.5t-36.5 -3t-38.5 -1q-234 0 -409 130.5t-238 351.5h-95q-13 0 -22.5 9.5t-9.5 22.5v113q0 13 9.5 22.5t22.5 9.5h66q-2 57 1 105h-67q-14 0 -23 9 t-9 23v114q0 14 9 23t23 9h98q67 210 243.5 338t400.5 128q102 0 194 -23q11 -3 20 -15q6 -11 3 -24l-43 -159q-3 -13 -14 -19.5t-24 -2.5l-4 1q-4 1 -11.5 2.5l-17.5 3.5t-22.5 3.5t-26 3t-29 2.5t-29.5 1q-126 0 -226 -64t-150 -176h468q16 0 25 -12q10 -12 7 -26 l-24 -114q-5 -26 -32 -26h-488q-3 -37 0 -105h459q15 0 25 -12q9 -12 6 -27l-24 -112q-2 -11 -11 -18.5t-20 -7.5h-387q48 -117 149.5 -185.5t228.5 -68.5q18 0 36 1.5t33.5 3.5t29.5 4.5t24.5 5t18.5 4.5l12 3l5 2q13 5 26 -2q12 -7 15 -21z" />
+<glyph unicode="" horiz-adv-x="1024" d="M1020 399v-367q0 -14 -9 -23t-23 -9h-956q-14 0 -23 9t-9 23v150q0 13 9.5 22.5t22.5 9.5h97v383h-95q-14 0 -23 9.5t-9 22.5v131q0 14 9 23t23 9h95v223q0 171 123.5 282t314.5 111q185 0 335 -125q9 -8 10 -20.5t-7 -22.5l-103 -127q-9 -11 -22 -12q-13 -2 -23 7 q-5 5 -26 19t-69 32t-93 18q-85 0 -137 -47t-52 -123v-215h305q13 0 22.5 -9t9.5 -23v-131q0 -13 -9.5 -22.5t-22.5 -9.5h-305v-379h414v181q0 13 9 22.5t23 9.5h162q14 0 23 -9.5t9 -22.5z" />
+<glyph unicode="" horiz-adv-x="1024" d="M978 351q0 -153 -99.5 -263.5t-258.5 -136.5v-175q0 -14 -9 -23t-23 -9h-135q-13 0 -22.5 9.5t-9.5 22.5v175q-66 9 -127.5 31t-101.5 44.5t-74 48t-46.5 37.5t-17.5 18q-17 21 -2 41l103 135q7 10 23 12q15 2 24 -9l2 -2q113 -99 243 -125q37 -8 74 -8q81 0 142.5 43 t61.5 122q0 28 -15 53t-33.5 42t-58.5 37.5t-66 32t-80 32.5q-39 16 -61.5 25t-61.5 26.5t-62.5 31t-56.5 35.5t-53.5 42.5t-43.5 49t-35.5 58t-21 66.5t-8.5 78q0 138 98 242t255 134v180q0 13 9.5 22.5t22.5 9.5h135q14 0 23 -9t9 -23v-176q57 -6 110.5 -23t87 -33.5 t63.5 -37.5t39 -29t15 -14q17 -18 5 -38l-81 -146q-8 -15 -23 -16q-14 -3 -27 7q-3 3 -14.5 12t-39 26.5t-58.5 32t-74.5 26t-85.5 11.5q-95 0 -155 -43t-60 -111q0 -26 8.5 -48t29.5 -41.5t39.5 -33t56 -31t60.5 -27t70 -27.5q53 -20 81 -31.5t76 -35t75.5 -42.5t62 -50 t53 -63.5t31.5 -76.5t13 -94z" />
+<glyph unicode="" horiz-adv-x="898" d="M898 1066v-102q0 -14 -9 -23t-23 -9h-168q-23 -144 -129 -234t-276 -110q167 -178 459 -536q14 -16 4 -34q-8 -18 -29 -18h-195q-16 0 -25 12q-306 367 -498 571q-9 9 -9 22v127q0 13 9.5 22.5t22.5 9.5h112q132 0 212.5 43t102.5 125h-427q-14 0 -23 9t-9 23v102 q0 14 9 23t23 9h413q-57 113 -268 113h-145q-13 0 -22.5 9.5t-9.5 22.5v133q0 14 9 23t23 9h832q14 0 23 -9t9 -23v-102q0 -14 -9 -23t-23 -9h-233q47 -61 64 -144h171q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1027" d="M603 0h-172q-13 0 -22.5 9t-9.5 23v330h-288q-13 0 -22.5 9t-9.5 23v103q0 13 9.5 22.5t22.5 9.5h288v85h-288q-13 0 -22.5 9t-9.5 23v104q0 13 9.5 22.5t22.5 9.5h214l-321 578q-8 16 0 32q10 16 28 16h194q19 0 29 -18l215 -425q19 -38 56 -125q10 24 30.5 68t27.5 61 l191 420q8 19 29 19h191q17 0 27 -16q9 -14 1 -31l-313 -579h215q13 0 22.5 -9.5t9.5 -22.5v-104q0 -14 -9.5 -23t-22.5 -9h-290v-85h290q13 0 22.5 -9.5t9.5 -22.5v-103q0 -14 -9.5 -23t-22.5 -9h-290v-330q0 -13 -9.5 -22.5t-22.5 -9.5z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1043 971q0 100 -65 162t-171 62h-320v-448h320q106 0 171 62t65 162zM1280 971q0 -193 -126.5 -315t-326.5 -122h-340v-118h505q14 0 23 -9t9 -23v-128q0 -14 -9 -23t-23 -9h-505v-192q0 -14 -9.5 -23t-22.5 -9h-167q-14 0 -23 9t-9 23v192h-224q-14 0 -23 9t-9 23v128 q0 14 9 23t23 9h224v118h-224q-14 0 -23 9t-9 23v149q0 13 9 22.5t23 9.5h224v629q0 14 9 23t23 9h539q200 0 326.5 -122t126.5 -315z" />
+<glyph unicode="" horiz-adv-x="1792" d="M514 341l81 299h-159l75 -300q1 -1 1 -3t1 -3q0 1 0.5 3.5t0.5 3.5zM630 768l35 128h-292l32 -128h225zM822 768h139l-35 128h-70zM1271 340l78 300h-162l81 -299q0 -1 0.5 -3.5t1.5 -3.5q0 1 0.5 3t0.5 3zM1382 768l33 128h-297l34 -128h230zM1792 736v-64q0 -14 -9 -23 t-23 -9h-213l-164 -616q-7 -24 -31 -24h-159q-24 0 -31 24l-166 616h-209l-167 -616q-7 -24 -31 -24h-159q-11 0 -19.5 7t-10.5 17l-160 616h-208q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h175l-33 128h-142q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h109l-89 344q-5 15 5 28 q10 12 26 12h137q26 0 31 -24l90 -360h359l97 360q7 24 31 24h126q24 0 31 -24l98 -360h365l93 360q5 24 31 24h137q16 0 26 -12q10 -13 5 -28l-91 -344h111q14 0 23 -9t9 -23v-64q0 -14 -9 -23t-23 -9h-145l-34 -128h179q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1167 896q18 -182 -131 -258q117 -28 175 -103t45 -214q-7 -71 -32.5 -125t-64.5 -89t-97 -58.5t-121.5 -34.5t-145.5 -15v-255h-154v251q-80 0 -122 1v-252h-154v255q-18 0 -54 0.5t-55 0.5h-200l31 183h111q50 0 58 51v402h16q-6 1 -16 1v287q-13 68 -89 68h-111v164 l212 -1q64 0 97 1v252h154v-247q82 2 122 2v245h154v-252q79 -7 140 -22.5t113 -45t82.5 -78t36.5 -114.5zM952 351q0 36 -15 64t-37 46t-57.5 30.5t-65.5 18.5t-74 9t-69 3t-64.5 -1t-47.5 -1v-338q8 0 37 -0.5t48 -0.5t53 1.5t58.5 4t57 8.5t55.5 14t47.5 21t39.5 30 t24.5 40t9.5 51zM881 827q0 33 -12.5 58.5t-30.5 42t-48 28t-55 16.5t-61.5 8t-58 2.5t-54 -1t-39.5 -0.5v-307q5 0 34.5 -0.5t46.5 0t50 2t55 5.5t51.5 11t48.5 18.5t37 27t27 38.5t9 51z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1280 768v-800q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28t-28 68v1344q0 40 28 68t68 28h544v-544q0 -40 28 -68t68 -28h544zM1277 896h-509v509q82 -15 132 -65l312 -312q50 -50 65 -132z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1024 160v64q0 14 -9 23t-23 9h-704q-14 0 -23 -9t-9 -23v-64q0 -14 9 -23t23 -9h704q14 0 23 9t9 23zM1024 416v64q0 14 -9 23t-23 9h-704q-14 0 -23 -9t-9 -23v-64q0 -14 9 -23t23 -9h704q14 0 23 9t9 23zM1280 768v-800q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28 t-28 68v1344q0 40 28 68t68 28h544v-544q0 -40 28 -68t68 -28h544zM1277 896h-509v509q82 -15 132 -65l312 -312q50 -50 65 -132z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1191 1128h177l-72 218l-12 47q-2 16 -2 20h-4l-3 -20q0 -1 -3.5 -18t-7.5 -29zM736 96q0 -12 -10 -24l-319 -319q-10 -9 -23 -9q-12 0 -23 9l-320 320q-15 16 -7 35q8 20 30 20h192v1376q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-1376h192q14 0 23 -9t9 -23zM1572 -23 v-233h-584v90l369 529q12 18 21 27l11 9v3q-2 0 -6.5 -0.5t-7.5 -0.5q-12 -3 -30 -3h-232v-115h-120v229h567v-89l-369 -530q-6 -8 -21 -26l-11 -11v-2l14 2q9 2 30 2h248v119h121zM1661 874v-106h-288v106h75l-47 144h-243l-47 -144h75v-106h-287v106h70l230 662h162 l230 -662h70z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1191 104h177l-72 218l-12 47q-2 16 -2 20h-4l-3 -20q0 -1 -3.5 -18t-7.5 -29zM736 96q0 -12 -10 -24l-319 -319q-10 -9 -23 -9q-12 0 -23 9l-320 320q-15 16 -7 35q8 20 30 20h192v1376q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-1376h192q14 0 23 -9t9 -23zM1661 -150 v-106h-288v106h75l-47 144h-243l-47 -144h75v-106h-287v106h70l230 662h162l230 -662h70zM1572 1001v-233h-584v90l369 529q12 18 21 27l11 9v3q-2 0 -6.5 -0.5t-7.5 -0.5q-12 -3 -30 -3h-232v-115h-120v229h567v-89l-369 -530q-6 -8 -21 -26l-11 -10v-3l14 3q9 1 30 1h248 v119h121z" />
+<glyph unicode="" horiz-adv-x="1792" d="M736 96q0 -12 -10 -24l-319 -319q-10 -9 -23 -9q-12 0 -23 9l-320 320q-15 16 -7 35q8 20 30 20h192v1376q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-1376h192q14 0 23 -9t9 -23zM1792 -32v-192q0 -14 -9 -23t-23 -9h-832q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h832 q14 0 23 -9t9 -23zM1600 480v-192q0 -14 -9 -23t-23 -9h-640q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h640q14 0 23 -9t9 -23zM1408 992v-192q0 -14 -9 -23t-23 -9h-448q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h448q14 0 23 -9t9 -23zM1216 1504v-192q0 -14 -9 -23t-23 -9h-256 q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h256q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1216 -32v-192q0 -14 -9 -23t-23 -9h-256q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h256q14 0 23 -9t9 -23zM736 96q0 -12 -10 -24l-319 -319q-10 -9 -23 -9q-12 0 -23 9l-320 320q-15 16 -7 35q8 20 30 20h192v1376q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-1376h192 q14 0 23 -9t9 -23zM1408 480v-192q0 -14 -9 -23t-23 -9h-448q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h448q14 0 23 -9t9 -23zM1600 992v-192q0 -14 -9 -23t-23 -9h-640q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h640q14 0 23 -9t9 -23zM1792 1504v-192q0 -14 -9 -23t-23 -9h-832 q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h832q14 0 23 -9t9 -23z" />
+<glyph unicode="" d="M1346 223q0 63 -44 116t-103 53q-52 0 -83 -37t-31 -94t36.5 -95t104.5 -38q50 0 85 27t35 68zM736 96q0 -12 -10 -24l-319 -319q-10 -9 -23 -9q-12 0 -23 9l-320 320q-15 16 -7 35q8 20 30 20h192v1376q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-1376h192q14 0 23 -9t9 -23 zM1486 165q0 -62 -13 -121.5t-41 -114t-68 -95.5t-98.5 -65.5t-127.5 -24.5q-62 0 -108 16q-24 8 -42 15l39 113q15 -7 31 -11q37 -13 75 -13q84 0 134.5 58.5t66.5 145.5h-2q-21 -23 -61.5 -37t-84.5 -14q-106 0 -173 71.5t-67 172.5q0 105 72 178t181 73q123 0 205 -94.5 t82 -252.5zM1456 882v-114h-469v114h167v432q0 7 0.5 19t0.5 17v16h-2l-7 -12q-8 -13 -26 -31l-62 -58l-82 86l192 185h123v-654h165z" />
+<glyph unicode="" d="M1346 1247q0 63 -44 116t-103 53q-52 0 -83 -37t-31 -94t36.5 -95t104.5 -38q50 0 85 27t35 68zM736 96q0 -12 -10 -24l-319 -319q-10 -9 -23 -9q-12 0 -23 9l-320 320q-15 16 -7 35q8 20 30 20h192v1376q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-1376h192q14 0 23 -9 t9 -23zM1456 -142v-114h-469v114h167v432q0 7 0.5 19t0.5 17v16h-2l-7 -12q-8 -13 -26 -31l-62 -58l-82 86l192 185h123v-654h165zM1486 1189q0 -62 -13 -121.5t-41 -114t-68 -95.5t-98.5 -65.5t-127.5 -24.5q-62 0 -108 16q-24 8 -42 15l39 113q15 -7 31 -11q37 -13 75 -13 q84 0 134.5 58.5t66.5 145.5h-2q-21 -23 -61.5 -37t-84.5 -14q-106 0 -173 71.5t-67 172.5q0 105 72 178t181 73q123 0 205 -94.5t82 -252.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M256 192q0 26 -19 45t-45 19q-27 0 -45.5 -19t-18.5 -45q0 -27 18.5 -45.5t45.5 -18.5q26 0 45 18.5t19 45.5zM416 704v-640q0 -26 -19 -45t-45 -19h-288q-26 0 -45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45 -19t19 -45zM1600 704q0 -86 -55 -149q15 -44 15 -76 q3 -76 -43 -137q17 -56 0 -117q-15 -57 -54 -94q9 -112 -49 -181q-64 -76 -197 -78h-36h-76h-17q-66 0 -144 15.5t-121.5 29t-120.5 39.5q-123 43 -158 44q-26 1 -45 19.5t-19 44.5v641q0 25 18 43.5t43 20.5q24 2 76 59t101 121q68 87 101 120q18 18 31 48t17.5 48.5 t13.5 60.5q7 39 12.5 61t19.5 52t34 50q19 19 45 19q46 0 82.5 -10.5t60 -26t40 -40.5t24 -45t12 -50t5 -45t0.5 -39q0 -38 -9.5 -76t-19 -60t-27.5 -56q-3 -6 -10 -18t-11 -22t-8 -24h277q78 0 135 -57t57 -135z" />
+<glyph unicode="" horiz-adv-x="1664" d="M256 960q0 -26 -19 -45t-45 -19q-27 0 -45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45 -18.5t19 -45.5zM416 448v640q0 26 -19 45t-45 19h-288q-26 0 -45 -19t-19 -45v-640q0 -26 19 -45t45 -19h288q26 0 45 19t19 45zM1545 597q55 -61 55 -149q-1 -78 -57.5 -135 t-134.5 -57h-277q4 -14 8 -24t11 -22t10 -18q18 -37 27 -57t19 -58.5t10 -76.5q0 -24 -0.5 -39t-5 -45t-12 -50t-24 -45t-40 -40.5t-60 -26t-82.5 -10.5q-26 0 -45 19q-20 20 -34 50t-19.5 52t-12.5 61q-9 42 -13.5 60.5t-17.5 48.5t-31 48q-33 33 -101 120q-49 64 -101 121 t-76 59q-25 2 -43 20.5t-18 43.5v641q0 26 19 44.5t45 19.5q35 1 158 44q77 26 120.5 39.5t121.5 29t144 15.5h17h76h36q133 -2 197 -78q58 -69 49 -181q39 -37 54 -94q17 -61 0 -117q46 -61 43 -137q0 -32 -15 -76z" />
+<glyph unicode="" d="M919 233v157q0 50 -29 50q-17 0 -33 -16v-224q16 -16 33 -16q29 0 29 49zM1103 355h66v34q0 51 -33 51t-33 -51v-34zM532 621v-70h-80v-423h-74v423h-78v70h232zM733 495v-367h-67v40q-39 -45 -76 -45q-33 0 -42 28q-6 16 -6 54v290h66v-270q0 -24 1 -26q1 -15 15 -15 q20 0 42 31v280h67zM985 384v-146q0 -52 -7 -73q-12 -42 -53 -42q-35 0 -68 41v-36h-67v493h67v-161q32 40 68 40q41 0 53 -42q7 -21 7 -74zM1236 255v-9q0 -29 -2 -43q-3 -22 -15 -40q-27 -40 -80 -40q-52 0 -81 38q-21 27 -21 86v129q0 59 20 86q29 38 80 38t78 -38 q21 -28 21 -86v-76h-133v-65q0 -51 34 -51q24 0 30 26q0 1 0.5 7t0.5 16.5v21.5h68zM785 1079v-156q0 -51 -32 -51t-32 51v156q0 52 32 52t32 -52zM1318 366q0 177 -19 260q-10 44 -43 73.5t-76 34.5q-136 15 -412 15q-275 0 -411 -15q-44 -5 -76.5 -34.5t-42.5 -73.5 q-20 -87 -20 -260q0 -176 20 -260q10 -43 42.5 -73t75.5 -35q137 -15 412 -15t412 15q43 5 75.5 35t42.5 73q20 84 20 260zM563 1017l90 296h-75l-51 -195l-53 195h-78l24 -69t23 -69q35 -103 46 -158v-201h74v201zM852 936v130q0 58 -21 87q-29 38 -78 38q-51 0 -78 -38 q-21 -29 -21 -87v-130q0 -58 21 -87q27 -38 78 -38q49 0 78 38q21 27 21 87zM1033 816h67v370h-67v-283q-22 -31 -42 -31q-15 0 -16 16q-1 2 -1 26v272h-67v-293q0 -37 6 -55q11 -27 43 -27q36 0 77 45v-40zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960 q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M971 292v-211q0 -67 -39 -67q-23 0 -45 22v301q22 22 45 22q39 0 39 -67zM1309 291v-46h-90v46q0 68 45 68t45 -68zM343 509h107v94h-312v-94h105v-569h100v569zM631 -60h89v494h-89v-378q-30 -42 -57 -42q-18 0 -21 21q-1 3 -1 35v364h-89v-391q0 -49 8 -73 q12 -37 58 -37q48 0 102 61v-54zM1060 88v197q0 73 -9 99q-17 56 -71 56q-50 0 -93 -54v217h-89v-663h89v48q45 -55 93 -55q54 0 71 55q9 27 9 100zM1398 98v13h-91q0 -51 -2 -61q-7 -36 -40 -36q-46 0 -46 69v87h179v103q0 79 -27 116q-39 51 -106 51q-68 0 -107 -51 q-28 -37 -28 -116v-173q0 -79 29 -116q39 -51 108 -51q72 0 108 53q18 27 21 54q2 9 2 58zM790 1011v210q0 69 -43 69t-43 -69v-210q0 -70 43 -70t43 70zM1509 260q0 -234 -26 -350q-14 -59 -58 -99t-102 -46q-184 -21 -555 -21t-555 21q-58 6 -102.5 46t-57.5 99 q-26 112 -26 350q0 234 26 350q14 59 58 99t103 47q183 20 554 20t555 -20q58 -7 102.5 -47t57.5 -99q26 -112 26 -350zM511 1536h102l-121 -399v-271h-100v271q-14 74 -61 212q-37 103 -65 187h106l71 -263zM881 1203v-175q0 -81 -28 -118q-37 -51 -106 -51q-67 0 -105 51 q-28 38 -28 118v175q0 80 28 117q38 51 105 51q69 0 106 -51q28 -37 28 -117zM1216 1365v-499h-91v55q-53 -62 -103 -62q-46 0 -59 37q-8 24 -8 75v394h91v-367q0 -33 1 -35q3 -22 21 -22q27 0 57 43v381h91z" />
+<glyph unicode="" horiz-adv-x="1408" d="M597 869q-10 -18 -257 -456q-27 -46 -65 -46h-239q-21 0 -31 17t0 36l253 448q1 0 0 1l-161 279q-12 22 -1 37q9 15 32 15h239q40 0 66 -45zM1403 1511q11 -16 0 -37l-528 -934v-1l336 -615q11 -20 1 -37q-10 -15 -32 -15h-239q-42 0 -66 45l-339 622q18 32 531 942 q25 45 64 45h241q22 0 31 -15z" />
+<glyph unicode="" d="M685 771q0 1 -126 222q-21 34 -52 34h-184q-18 0 -26 -11q-7 -12 1 -29l125 -216v-1l-196 -346q-9 -14 0 -28q8 -13 24 -13h185q31 0 50 36zM1309 1268q-7 12 -24 12h-187q-30 0 -49 -35l-411 -729q1 -2 262 -481q20 -35 52 -35h184q18 0 25 12q8 13 -1 28l-260 476v1 l409 723q8 16 0 28zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1280 640q0 37 -30 54l-512 320q-31 20 -65 2q-33 -18 -33 -56v-640q0 -38 33 -56q16 -8 31 -8q20 0 34 10l512 320q30 17 30 54zM1792 640q0 -96 -1 -150t-8.5 -136.5t-22.5 -147.5q-16 -73 -69 -123t-124 -58q-222 -25 -671 -25t-671 25q-71 8 -124.5 58t-69.5 123 q-14 65 -21.5 147.5t-8.5 136.5t-1 150t1 150t8.5 136.5t22.5 147.5q16 73 69 123t124 58q222 25 671 25t671 -25q71 -8 124.5 -58t69.5 -123q14 -65 21.5 -147.5t8.5 -136.5t1 -150z" />
+<glyph unicode="" horiz-adv-x="1792" d="M402 829l494 -305l-342 -285l-490 319zM1388 274v-108l-490 -293v-1l-1 1l-1 -1v1l-489 293v108l147 -96l342 284v2l1 -1l1 1v-2l343 -284zM554 1418l342 -285l-494 -304l-338 270zM1390 829l338 -271l-489 -319l-343 285zM1239 1418l489 -319l-338 -270l-494 304z" />
+<glyph unicode="" horiz-adv-x="1408" d="M928 135v-151l-707 -1v151zM1169 481v-701l-1 -35v-1h-1132l-35 1h-1v736h121v-618h928v618h120zM241 393l704 -65l-13 -150l-705 65zM309 709l683 -183l-39 -146l-683 183zM472 1058l609 -360l-77 -130l-609 360zM832 1389l398 -585l-124 -85l-399 584zM1285 1536 l121 -697l-149 -26l-121 697z" />
+<glyph unicode="" d="M1362 110v648h-135q20 -63 20 -131q0 -126 -64 -232.5t-174 -168.5t-240 -62q-197 0 -337 135.5t-140 327.5q0 68 20 131h-141v-648q0 -26 17.5 -43.5t43.5 -17.5h1069q25 0 43 17.5t18 43.5zM1078 643q0 124 -90.5 211.5t-218.5 87.5q-127 0 -217.5 -87.5t-90.5 -211.5 t90.5 -211.5t217.5 -87.5q128 0 218.5 87.5t90.5 211.5zM1362 1003v165q0 28 -20 48.5t-49 20.5h-174q-29 0 -49 -20.5t-20 -48.5v-165q0 -29 20 -49t49 -20h174q29 0 49 20t20 49zM1536 1211v-1142q0 -81 -58 -139t-139 -58h-1142q-81 0 -139 58t-58 139v1142q0 81 58 139 t139 58h1142q81 0 139 -58t58 -139z" />
+<glyph unicode="" d="M1248 1408q119 0 203.5 -84.5t84.5 -203.5v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960zM698 640q0 88 -62 150t-150 62t-150 -62t-62 -150t62 -150t150 -62t150 62t62 150zM1262 640q0 88 -62 150 t-150 62t-150 -62t-62 -150t62 -150t150 -62t150 62t62 150z" />
+<glyph unicode="" d="M768 914l201 -306h-402zM1133 384h94l-459 691l-459 -691h94l104 160h522zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M815 677q8 -63 -50.5 -101t-111.5 -6q-39 17 -53.5 58t-0.5 82t52 58q36 18 72.5 12t64 -35.5t27.5 -67.5zM926 698q-14 107 -113 164t-197 13q-63 -28 -100.5 -88.5t-34.5 -129.5q4 -91 77.5 -155t165.5 -56q91 8 152 84t50 168zM1165 1240q-20 27 -56 44.5t-58 22 t-71 12.5q-291 47 -566 -2q-43 -7 -66 -12t-55 -22t-50 -43q30 -28 76 -45.5t73.5 -22t87.5 -11.5q228 -29 448 -1q63 8 89.5 12t72.5 21.5t75 46.5zM1222 205q-8 -26 -15.5 -76.5t-14 -84t-28.5 -70t-58 -56.5q-86 -48 -189.5 -71.5t-202 -22t-201.5 18.5q-46 8 -81.5 18 t-76.5 27t-73 43.5t-52 61.5q-25 96 -57 292l6 16l18 9q223 -148 506.5 -148t507.5 148q21 -6 24 -23t-5 -45t-8 -37zM1403 1166q-26 -167 -111 -655q-5 -30 -27 -56t-43.5 -40t-54.5 -31q-252 -126 -610 -88q-248 27 -394 139q-15 12 -25.5 26.5t-17 35t-9 34t-6 39.5 t-5.5 35q-9 50 -26.5 150t-28 161.5t-23.5 147.5t-22 158q3 26 17.5 48.5t31.5 37.5t45 30t46 22.5t48 18.5q125 46 313 64q379 37 676 -50q155 -46 215 -122q16 -20 16.5 -51t-5.5 -54z" />
+<glyph unicode="" d="M848 666q0 43 -41 66t-77 1q-43 -20 -42.5 -72.5t43.5 -70.5q39 -23 81 4t36 72zM928 682q8 -66 -36 -121t-110 -61t-119 40t-56 113q-2 49 25.5 93t72.5 64q70 31 141.5 -10t81.5 -118zM1100 1073q-20 -21 -53.5 -34t-53 -16t-63.5 -8q-155 -20 -324 0q-44 6 -63 9.5 t-52.5 16t-54.5 32.5q13 19 36 31t40 15.5t47 8.5q198 35 408 1q33 -5 51 -8.5t43 -16t39 -31.5zM1142 327q0 7 5.5 26.5t3 32t-17.5 16.5q-161 -106 -365 -106t-366 106l-12 -6l-5 -12q26 -154 41 -210q47 -81 204 -108q249 -46 428 53q34 19 49 51.5t22.5 85.5t12.5 71z M1272 1020q9 53 -8 75q-43 55 -155 88q-216 63 -487 36q-132 -12 -226 -46q-38 -15 -59.5 -25t-47 -34t-29.5 -54q8 -68 19 -138t29 -171t24 -137q1 -5 5 -31t7 -36t12 -27t22 -28q105 -80 284 -100q259 -28 440 63q24 13 39.5 23t31 29t19.5 40q48 267 80 473zM1536 1120 v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1024" d="M390 1408h219v-388h364v-241h-364v-394q0 -136 14 -172q13 -37 52 -60q50 -31 117 -31q117 0 232 76v-242q-102 -48 -178 -65q-77 -19 -173 -19q-105 0 -186 27q-78 25 -138 75q-58 51 -79 105q-22 54 -22 161v539h-170v217q91 30 155 84q64 55 103 132q39 78 54 196z " />
+<glyph unicode="" d="M1123 127v181q-88 -56 -174 -56q-51 0 -88 23q-29 17 -39 45q-11 30 -11 129v295h274v181h-274v291h-164q-11 -90 -40 -147t-78 -99q-48 -40 -116 -63v-163h127v-404q0 -78 17 -121q17 -42 59 -78q43 -37 104 -57q62 -20 140 -20q67 0 129 14q57 13 134 49zM1536 1120 v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="768" d="M765 237q8 -19 -5 -35l-350 -384q-10 -10 -23 -10q-14 0 -24 10l-355 384q-13 16 -5 35q9 19 29 19h224v1248q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-1248h224q21 0 29 -19z" />
+<glyph unicode="" horiz-adv-x="768" d="M765 1043q-9 -19 -29 -19h-224v-1248q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v1248h-224q-21 0 -29 19t5 35l350 384q10 10 23 10q14 0 24 -10l355 -384q13 -16 5 -35z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1792 736v-192q0 -14 -9 -23t-23 -9h-1248v-224q0 -21 -19 -29t-35 5l-384 350q-10 10 -10 23q0 14 10 24l384 354q16 14 35 6q19 -9 19 -29v-224h1248q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1728 643q0 -14 -10 -24l-384 -354q-16 -14 -35 -6q-19 9 -19 29v224h-1248q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h1248v224q0 21 19 29t35 -5l384 -350q10 -10 10 -23z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1393 321q-39 -125 -123 -250q-129 -196 -257 -196q-49 0 -140 32q-86 32 -151 32q-61 0 -142 -33q-81 -34 -132 -34q-152 0 -301 259q-147 261 -147 503q0 228 113 374q112 144 284 144q72 0 177 -30q104 -30 138 -30q45 0 143 34q102 34 173 34q119 0 213 -65 q52 -36 104 -100q-79 -67 -114 -118q-65 -94 -65 -207q0 -124 69 -223t158 -126zM1017 1494q0 -61 -29 -136q-30 -75 -93 -138q-54 -54 -108 -72q-37 -11 -104 -17q3 149 78 257q74 107 250 148q1 -3 2.5 -11t2.5 -11q0 -4 0.5 -10t0.5 -10z" />
+<glyph unicode="" horiz-adv-x="1664" d="M682 530v-651l-682 94v557h682zM682 1273v-659h-682v565zM1664 530v-786l-907 125v661h907zM1664 1408v-794h-907v669z" />
+<glyph unicode="" horiz-adv-x="1408" d="M493 1053q16 0 27.5 11.5t11.5 27.5t-11.5 27.5t-27.5 11.5t-27 -11.5t-11 -27.5t11 -27.5t27 -11.5zM915 1053q16 0 27 11.5t11 27.5t-11 27.5t-27 11.5t-27.5 -11.5t-11.5 -27.5t11.5 -27.5t27.5 -11.5zM103 869q42 0 72 -30t30 -72v-430q0 -43 -29.5 -73t-72.5 -30 t-73 30t-30 73v430q0 42 30 72t73 30zM1163 850v-666q0 -46 -32 -78t-77 -32h-75v-227q0 -43 -30 -73t-73 -30t-73 30t-30 73v227h-138v-227q0 -43 -30 -73t-73 -30q-42 0 -72 30t-30 73l-1 227h-74q-46 0 -78 32t-32 78v666h918zM931 1255q107 -55 171 -153.5t64 -215.5 h-925q0 117 64 215.5t172 153.5l-71 131q-7 13 5 20q13 6 20 -6l72 -132q95 42 201 42t201 -42l72 132q7 12 20 6q12 -7 5 -20zM1408 767v-430q0 -43 -30 -73t-73 -30q-42 0 -72 30t-30 73v430q0 43 30 72.5t72 29.5q43 0 73 -29.5t30 -72.5z" />
+<glyph unicode="" d="M663 1125q-11 -1 -15.5 -10.5t-8.5 -9.5q-5 -1 -5 5q0 12 19 15h10zM750 1111q-4 -1 -11.5 6.5t-17.5 4.5q24 11 32 -2q3 -6 -3 -9zM399 684q-4 1 -6 -3t-4.5 -12.5t-5.5 -13.5t-10 -13q-7 -10 -1 -12q4 -1 12.5 7t12.5 18q1 3 2 7t2 6t1.5 4.5t0.5 4v3t-1 2.5t-3 2z M1254 325q0 18 -55 42q4 15 7.5 27.5t5 26t3 21.5t0.5 22.5t-1 19.5t-3.5 22t-4 20.5t-5 25t-5.5 26.5q-10 48 -47 103t-72 75q24 -20 57 -83q87 -162 54 -278q-11 -40 -50 -42q-31 -4 -38.5 18.5t-8 83.5t-11.5 107q-9 39 -19.5 69t-19.5 45.5t-15.5 24.5t-13 15t-7.5 7 q-14 62 -31 103t-29.5 56t-23.5 33t-15 40q-4 21 6 53.5t4.5 49.5t-44.5 25q-15 3 -44.5 18t-35.5 16q-8 1 -11 26t8 51t36 27q37 3 51 -30t4 -58q-11 -19 -2 -26.5t30 -0.5q13 4 13 36v37q-5 30 -13.5 50t-21 30.5t-23.5 15t-27 7.5q-107 -8 -89 -134q0 -15 -1 -15 q-9 9 -29.5 10.5t-33 -0.5t-15.5 5q1 57 -16 90t-45 34q-27 1 -41.5 -27.5t-16.5 -59.5q-1 -15 3.5 -37t13 -37.5t15.5 -13.5q10 3 16 14q4 9 -7 8q-7 0 -15.5 14.5t-9.5 33.5q-1 22 9 37t34 14q17 0 27 -21t9.5 -39t-1.5 -22q-22 -15 -31 -29q-8 -12 -27.5 -23.5 t-20.5 -12.5q-13 -14 -15.5 -27t7.5 -18q14 -8 25 -19.5t16 -19t18.5 -13t35.5 -6.5q47 -2 102 15q2 1 23 7t34.5 10.5t29.5 13t21 17.5q9 14 20 8q5 -3 6.5 -8.5t-3 -12t-16.5 -9.5q-20 -6 -56.5 -21.5t-45.5 -19.5q-44 -19 -70 -23q-25 -5 -79 2q-10 2 -9 -2t17 -19 q25 -23 67 -22q17 1 36 7t36 14t33.5 17.5t30 17t24.5 12t17.5 2.5t8.5 -11q0 -2 -1 -4.5t-4 -5t-6 -4.5t-8.5 -5t-9 -4.5t-10 -5t-9.5 -4.5q-28 -14 -67.5 -44t-66.5 -43t-49 -1q-21 11 -63 73q-22 31 -25 22q-1 -3 -1 -10q0 -25 -15 -56.5t-29.5 -55.5t-21 -58t11.5 -63 q-23 -6 -62.5 -90t-47.5 -141q-2 -18 -1.5 -69t-5.5 -59q-8 -24 -29 -3q-32 31 -36 94q-2 28 4 56q4 19 -1 18l-4 -5q-36 -65 10 -166q5 -12 25 -28t24 -20q20 -23 104 -90.5t93 -76.5q16 -15 17.5 -38t-14 -43t-45.5 -23q8 -15 29 -44.5t28 -54t7 -70.5q46 24 7 92 q-4 8 -10.5 16t-9.5 12t-2 6q3 5 13 9.5t20 -2.5q46 -52 166 -36q133 15 177 87q23 38 34 30q12 -6 10 -52q-1 -25 -23 -92q-9 -23 -6 -37.5t24 -15.5q3 19 14.5 77t13.5 90q2 21 -6.5 73.5t-7.5 97t23 70.5q15 18 51 18q1 37 34.5 53t72.5 10.5t60 -22.5zM626 1152 q3 17 -2.5 30t-11.5 15q-9 2 -9 -7q2 -5 5 -6q10 0 7 -15q-3 -20 8 -20q3 0 3 3zM1045 955q-2 8 -6.5 11.5t-13 5t-14.5 5.5q-5 3 -9.5 8t-7 8t-5.5 6.5t-4 4t-4 -1.5q-14 -16 7 -43.5t39 -31.5q9 -1 14.5 8t3.5 20zM867 1168q0 11 -5 19.5t-11 12.5t-9 3q-14 -1 -7 -7l4 -2 q14 -4 18 -31q0 -3 8 2zM921 1401q0 2 -2.5 5t-9 7t-9.5 6q-15 15 -24 15q-9 -1 -11.5 -7.5t-1 -13t-0.5 -12.5q-1 -4 -6 -10.5t-6 -9t3 -8.5q4 -3 8 0t11 9t15 9q1 1 9 1t15 2t9 7zM1486 60q20 -12 31 -24.5t12 -24t-2.5 -22.5t-15.5 -22t-23.5 -19.5t-30 -18.5 t-31.5 -16.5t-32 -15.5t-27 -13q-38 -19 -85.5 -56t-75.5 -64q-17 -16 -68 -19.5t-89 14.5q-18 9 -29.5 23.5t-16.5 25.5t-22 19.5t-47 9.5q-44 1 -130 1q-19 0 -57 -1.5t-58 -2.5q-44 -1 -79.5 -15t-53.5 -30t-43.5 -28.5t-53.5 -11.5q-29 1 -111 31t-146 43q-19 4 -51 9.5 t-50 9t-39.5 9.5t-33.5 14.5t-17 19.5q-10 23 7 66.5t18 54.5q1 16 -4 40t-10 42.5t-4.5 36.5t10.5 27q14 12 57 14t60 12q30 18 42 35t12 51q21 -73 -32 -106q-32 -20 -83 -15q-34 3 -43 -10q-13 -15 5 -57q2 -6 8 -18t8.5 -18t4.5 -17t1 -22q0 -15 -17 -49t-14 -48 q3 -17 37 -26q20 -6 84.5 -18.5t99.5 -20.5q24 -6 74 -22t82.5 -23t55.5 -4q43 6 64.5 28t23 48t-7.5 58.5t-19 52t-20 36.5q-121 190 -169 242q-68 74 -113 40q-11 -9 -15 15q-3 16 -2 38q1 29 10 52t24 47t22 42q8 21 26.5 72t29.5 78t30 61t39 54q110 143 124 195 q-12 112 -16 310q-2 90 24 151.5t106 104.5q39 21 104 21q53 1 106 -13.5t89 -41.5q57 -42 91.5 -121.5t29.5 -147.5q-5 -95 30 -214q34 -113 133 -218q55 -59 99.5 -163t59.5 -191q8 -49 5 -84.5t-12 -55.5t-20 -22q-10 -2 -23.5 -19t-27 -35.5t-40.5 -33.5t-61 -14 q-18 1 -31.5 5t-22.5 13.5t-13.5 15.5t-11.5 20.5t-9 19.5q-22 37 -41 30t-28 -49t7 -97q20 -70 1 -195q-10 -65 18 -100.5t73 -33t85 35.5q59 49 89.5 66.5t103.5 42.5q53 18 77 36.5t18.5 34.5t-25 28.5t-51.5 23.5q-33 11 -49.5 48t-15 72.5t15.5 47.5q1 -31 8 -56.5 t14.5 -40.5t20.5 -28.5t21 -19t21.5 -13t16.5 -9.5z" />
+<glyph unicode="" d="M1024 36q-42 241 -140 498h-2l-2 -1q-16 -6 -43 -16.5t-101 -49t-137 -82t-131 -114.5t-103 -148l-15 11q184 -150 418 -150q132 0 256 52zM839 643q-21 49 -53 111q-311 -93 -673 -93q-1 -7 -1 -21q0 -124 44 -236.5t124 -201.5q50 89 123.5 166.5t142.5 124.5t130.5 81 t99.5 48l37 13q4 1 13 3.5t13 4.5zM732 855q-120 213 -244 378q-138 -65 -234 -186t-128 -272q302 0 606 80zM1416 536q-210 60 -409 29q87 -239 128 -469q111 75 185 189.5t96 250.5zM611 1277q-1 0 -2 -1q1 1 2 1zM1201 1132q-185 164 -433 164q-76 0 -155 -19 q131 -170 246 -382q69 26 130 60.5t96.5 61.5t65.5 57t37.5 40.5zM1424 647q-3 232 -149 410l-1 -1q-9 -12 -19 -24.5t-43.5 -44.5t-71 -60.5t-100 -65t-131.5 -64.5q25 -53 44 -95q2 -6 6.5 -17.5t7.5 -16.5q36 5 74.5 7t73.5 2t69 -1.5t64 -4t56.5 -5.5t48 -6.5t36.5 -6 t25 -4.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1173 473q0 50 -19.5 91.5t-48.5 68.5t-73 49t-82.5 34t-87.5 23l-104 24q-30 7 -44 10.5t-35 11.5t-30 16t-16.5 21t-7.5 30q0 77 144 77q43 0 77 -12t54 -28.5t38 -33.5t40 -29t48 -12q47 0 75.5 32t28.5 77q0 55 -56 99.5t-142 67.5t-182 23q-68 0 -132 -15.5 t-119.5 -47t-89 -87t-33.5 -128.5q0 -61 19 -106.5t56 -75.5t80 -48.5t103 -32.5l146 -36q90 -22 112 -36q32 -20 32 -60q0 -39 -40 -64.5t-105 -25.5q-51 0 -91.5 16t-65 38.5t-45.5 45t-46 38.5t-54 16q-50 0 -75.5 -30t-25.5 -75q0 -92 122 -157.5t291 -65.5 q73 0 140 18.5t122.5 53.5t88.5 93.5t33 131.5zM1536 256q0 -159 -112.5 -271.5t-271.5 -112.5q-130 0 -234 80q-77 -16 -150 -16q-143 0 -273.5 55.5t-225 150t-150 225t-55.5 273.5q0 73 16 150q-80 104 -80 234q0 159 112.5 271.5t271.5 112.5q130 0 234 -80 q77 16 150 16q143 0 273.5 -55.5t225 -150t150 -225t55.5 -273.5q0 -73 -16 -150q80 -104 80 -234z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1483 512l-587 -587q-52 -53 -127.5 -53t-128.5 53l-587 587q-53 53 -53 128t53 128l587 587q53 53 128 53t128 -53l265 -265l-398 -399l-188 188q-42 42 -99 42q-59 0 -100 -41l-120 -121q-42 -40 -42 -99q0 -58 42 -100l406 -408q30 -28 67 -37l6 -4h28q60 0 99 41 l619 619l2 -3q53 -53 53 -128t-53 -128zM1406 1138l120 -120q14 -15 14 -36t-14 -36l-730 -730q-17 -15 -37 -15v0q-4 0 -6 1q-18 2 -30 14l-407 408q-14 15 -14 36t14 35l121 120q13 15 35 15t36 -15l252 -252l574 575q15 15 36 15t36 -15z" />
+<glyph unicode="" d="M704 192v1024q0 14 -9 23t-23 9h-480q-14 0 -23 -9t-9 -23v-1024q0 -14 9 -23t23 -9h480q14 0 23 9t9 23zM1376 576v640q0 14 -9 23t-23 9h-480q-14 0 -23 -9t-9 -23v-640q0 -14 9 -23t23 -9h480q14 0 23 9t9 23zM1536 1344v-1408q0 -26 -19 -45t-45 -19h-1408 q-26 0 -45 19t-19 45v1408q0 26 19 45t45 19h1408q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1280 480q0 -40 -28 -68t-68 -28q-51 0 -80 43l-227 341h-45v-132l247 -411q9 -15 9 -33q0 -26 -19 -45t-45 -19h-192v-272q0 -46 -33 -79t-79 -33h-160q-46 0 -79 33t-33 79v272h-192q-26 0 -45 19t-19 45q0 18 9 33l247 411v132h-45l-227 -341q-29 -43 -80 -43 q-40 0 -68 28t-28 68q0 29 16 53l256 384q73 107 176 107h384q103 0 176 -107l256 -384q16 -24 16 -53zM864 1280q0 -93 -65.5 -158.5t-158.5 -65.5t-158.5 65.5t-65.5 158.5t65.5 158.5t158.5 65.5t158.5 -65.5t65.5 -158.5z" />
+<glyph unicode="" horiz-adv-x="1024" d="M1024 832v-416q0 -40 -28 -68t-68 -28t-68 28t-28 68v352h-64v-912q0 -46 -33 -79t-79 -33t-79 33t-33 79v464h-64v-464q0 -46 -33 -79t-79 -33t-79 33t-33 79v912h-64v-352q0 -40 -28 -68t-68 -28t-68 28t-28 68v416q0 80 56 136t136 56h640q80 0 136 -56t56 -136z M736 1280q0 -93 -65.5 -158.5t-158.5 -65.5t-158.5 65.5t-65.5 158.5t65.5 158.5t158.5 65.5t158.5 -65.5t65.5 -158.5z" />
+<glyph unicode="" d="M773 234l350 473q16 22 24.5 59t-6 85t-61.5 79q-40 26 -83 25.5t-73.5 -17.5t-54.5 -45q-36 -40 -96 -40q-59 0 -95 40q-24 28 -54.5 45t-73.5 17.5t-84 -25.5q-46 -31 -60.5 -79t-6 -85t24.5 -59zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103 t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1472 640q0 117 -45.5 223.5t-123 184t-184 123t-223.5 45.5t-223.5 -45.5t-184 -123t-123 -184t-45.5 -223.5t45.5 -223.5t123 -184t184 -123t223.5 -45.5t223.5 45.5t184 123t123 184t45.5 223.5zM1748 363q-4 -15 -20 -20l-292 -96v-306q0 -16 -13 -26q-15 -10 -29 -4 l-292 94l-180 -248q-10 -13 -26 -13t-26 13l-180 248l-292 -94q-14 -6 -29 4q-13 10 -13 26v306l-292 96q-16 5 -20 20q-5 17 4 29l180 248l-180 248q-9 13 -4 29q4 15 20 20l292 96v306q0 16 13 26q15 10 29 4l292 -94l180 248q9 12 26 12t26 -12l180 -248l292 94 q14 6 29 -4q13 -10 13 -26v-306l292 -96q16 -5 20 -20q5 -16 -4 -29l-180 -248l180 -248q9 -12 4 -29z" />
+<glyph unicode="" d="M1262 233q-54 -9 -110 -9q-182 0 -337 90t-245 245t-90 337q0 192 104 357q-201 -60 -328.5 -229t-127.5 -384q0 -130 51 -248.5t136.5 -204t204 -136.5t248.5 -51q144 0 273.5 61.5t220.5 171.5zM1465 318q-94 -203 -283.5 -324.5t-413.5 -121.5q-156 0 -298 61 t-245 164t-164 245t-61 298q0 153 57.5 292.5t156 241.5t235.5 164.5t290 68.5q44 2 61 -39q18 -41 -15 -72q-86 -78 -131.5 -181.5t-45.5 -218.5q0 -148 73 -273t198 -198t273 -73q118 0 228 51q41 18 72 -13q14 -14 17.5 -34t-4.5 -38z" />
+<glyph unicode="" horiz-adv-x="1792" d="M1088 704q0 26 -19 45t-45 19h-256q-26 0 -45 -19t-19 -45t19 -45t45 -19h256q26 0 45 19t19 45zM1664 896v-960q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v960q0 26 19 45t45 19h1408q26 0 45 -19t19 -45zM1728 1344v-256q0 -26 -19 -45t-45 -19h-1536 q-26 0 -45 19t-19 45v256q0 26 19 45t45 19h1536q26 0 45 -19t19 -45z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1632 576q0 -26 -19 -45t-45 -19h-224q0 -171 -67 -290l208 -209q19 -19 19 -45t-19 -45q-18 -19 -45 -19t-45 19l-198 197q-5 -5 -15 -13t-42 -28.5t-65 -36.5t-82 -29t-97 -13v896h-128v-896q-51 0 -101.5 13.5t-87 33t-66 39t-43.5 32.5l-15 14l-183 -207 q-20 -21 -48 -21q-24 0 -43 16q-19 18 -20.5 44.5t15.5 46.5l202 227q-58 114 -58 274h-224q-26 0 -45 19t-19 45t19 45t45 19h224v294l-173 173q-19 19 -19 45t19 45t45 19t45 -19l173 -173h844l173 173q19 19 45 19t45 -19t19 -45t-19 -45l-173 -173v-294h224q26 0 45 -19 t19 -45zM1152 1152h-640q0 133 93.5 226.5t226.5 93.5t226.5 -93.5t93.5 -226.5z" />
+<glyph unicode="" horiz-adv-x="1920" d="M1917 1016q23 -64 -150 -294q-24 -32 -65 -85q-78 -100 -90 -131q-17 -41 14 -81q17 -21 81 -82h1l1 -1l1 -1l2 -2q141 -131 191 -221q3 -5 6.5 -12.5t7 -26.5t-0.5 -34t-25 -27.5t-59 -12.5l-256 -4q-24 -5 -56 5t-52 22l-20 12q-30 21 -70 64t-68.5 77.5t-61 58 t-56.5 15.5q-3 -1 -8 -3.5t-17 -14.5t-21.5 -29.5t-17 -52t-6.5 -77.5q0 -15 -3.5 -27.5t-7.5 -18.5l-4 -5q-18 -19 -53 -22h-115q-71 -4 -146 16.5t-131.5 53t-103 66t-70.5 57.5l-25 24q-10 10 -27.5 30t-71.5 91t-106 151t-122.5 211t-130.5 272q-6 16 -6 27t3 16l4 6 q15 19 57 19l274 2q12 -2 23 -6.5t16 -8.5l5 -3q16 -11 24 -32q20 -50 46 -103.5t41 -81.5l16 -29q29 -60 56 -104t48.5 -68.5t41.5 -38.5t34 -14t27 5q2 1 5 5t12 22t13.5 47t9.5 81t0 125q-2 40 -9 73t-14 46l-6 12q-25 34 -85 43q-13 2 5 24q17 19 38 30q53 26 239 24 q82 -1 135 -13q20 -5 33.5 -13.5t20.5 -24t10.5 -32t3.5 -45.5t-1 -55t-2.5 -70.5t-1.5 -82.5q0 -11 -1 -42t-0.5 -48t3.5 -40.5t11.5 -39t22.5 -24.5q8 -2 17 -4t26 11t38 34.5t52 67t68 107.5q60 104 107 225q4 10 10 17.5t11 10.5l4 3l5 2.5t13 3t20 0.5l288 2 q39 5 64 -2.5t31 -16.5z" />
+<glyph unicode="" horiz-adv-x="1792" d="M675 252q21 34 11 69t-45 50q-34 14 -73 1t-60 -46q-22 -34 -13 -68.5t43 -50.5t74.5 -2.5t62.5 47.5zM769 373q8 13 3.5 26.5t-17.5 18.5q-14 5 -28.5 -0.5t-21.5 -18.5q-17 -31 13 -45q14 -5 29 0.5t22 18.5zM943 266q-45 -102 -158 -150t-224 -12 q-107 34 -147.5 126.5t6.5 187.5q47 93 151.5 139t210.5 19q111 -29 158.5 -119.5t2.5 -190.5zM1255 426q-9 96 -89 170t-208.5 109t-274.5 21q-223 -23 -369.5 -141.5t-132.5 -264.5q9 -96 89 -170t208.5 -109t274.5 -21q223 23 369.5 141.5t132.5 264.5zM1563 422 q0 -68 -37 -139.5t-109 -137t-168.5 -117.5t-226 -83t-270.5 -31t-275 33.5t-240.5 93t-171.5 151t-65 199.5q0 115 69.5 245t197.5 258q169 169 341.5 236t246.5 -7q65 -64 20 -209q-4 -14 -1 -20t10 -7t14.5 0.5t13.5 3.5l6 2q139 59 246 59t153 -61q45 -63 0 -178 q-2 -13 -4.5 -20t4.5 -12.5t12 -7.5t17 -6q57 -18 103 -47t80 -81.5t34 -116.5zM1489 1046q42 -47 54.5 -108.5t-6.5 -117.5q-8 -23 -29.5 -34t-44.5 -4q-23 8 -34 29.5t-4 44.5q20 63 -24 111t-107 35q-24 -5 -45 8t-25 37q-5 24 8 44.5t37 25.5q60 13 119 -5.5t101 -65.5z M1670 1209q87 -96 112.5 -222.5t-13.5 -241.5q-9 -27 -34 -40t-52 -4t-40 34t-5 52q28 82 10 172t-80 158q-62 69 -148 95.5t-173 8.5q-28 -6 -52 9.5t-30 43.5t9.5 51.5t43.5 29.5q123 26 244 -11.5t208 -134.5z" />
+<glyph unicode="" d="M1133 -34q-171 -94 -368 -94q-196 0 -367 94q138 87 235.5 211t131.5 268q35 -144 132.5 -268t235.5 -211zM638 1394v-485q0 -252 -126.5 -459.5t-330.5 -306.5q-181 215 -181 495q0 187 83.5 349.5t229.5 269.5t325 137zM1536 638q0 -280 -181 -495 q-204 99 -330.5 306.5t-126.5 459.5v485q179 -30 325 -137t229.5 -269.5t83.5 -349.5z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1402 433q-32 -80 -76 -138t-91 -88.5t-99 -46.5t-101.5 -14.5t-96.5 8.5t-86.5 22t-69.5 27.5t-46 22.5l-17 10q-113 -228 -289.5 -359.5t-384.5 -132.5q-19 0 -32 13t-13 32t13 31.5t32 12.5q173 1 322.5 107.5t251.5 294.5q-36 -14 -72 -23t-83 -13t-91 2.5t-93 28.5 t-92 59t-84.5 100t-74.5 146q114 47 214 57t167.5 -7.5t124.5 -56.5t88.5 -77t56.5 -82q53 131 79 291q-7 -1 -18 -2.5t-46.5 -2.5t-69.5 0.5t-81.5 10t-88.5 23t-84 42.5t-75 65t-54.5 94.5t-28.5 127.5q70 28 133.5 36.5t112.5 -1t92 -30t73.5 -50t56 -61t42 -63t27.5 -56 t16 -39.5l4 -16q12 122 12 195q-8 6 -21.5 16t-49 44.5t-63.5 71.5t-54 93t-33 112.5t12 127t70 138.5q73 -25 127.5 -61.5t84.5 -76.5t48 -85t20.5 -89t-0.5 -85.5t-13 -76.5t-19 -62t-17 -42l-7 -15q1 -5 1 -50.5t-1 -71.5q3 7 10 18.5t30.5 43t50.5 58t71 55.5t91.5 44.5 t112 14.5t132.5 -24q-2 -78 -21.5 -141.5t-50 -104.5t-69.5 -71.5t-81.5 -45.5t-84.5 -24t-80 -9.5t-67.5 1t-46.5 4.5l-17 3q-23 -147 -73 -283q6 7 18 18.5t49.5 41t77.5 52.5t99.5 42t117.5 20t129 -23.5t137 -77.5z" />
+<glyph unicode="" horiz-adv-x="1280" d="M1259 283v-66q0 -85 -57.5 -144.5t-138.5 -59.5h-57l-260 -269v269h-529q-81 0 -138.5 59.5t-57.5 144.5v66h1238zM1259 609v-255h-1238v255h1238zM1259 937v-255h-1238v255h1238zM1259 1077v-67h-1238v67q0 84 57.5 143.5t138.5 59.5h846q81 0 138.5 -59.5t57.5 -143.5z " />
+<glyph unicode="" d="M1152 640q0 -14 -9 -23l-320 -320q-9 -9 -23 -9q-13 0 -22.5 9.5t-9.5 22.5v192h-352q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h352v192q0 14 9 23t23 9q12 0 24 -10l319 -319q9 -9 9 -23zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198 t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1152 736v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-352v-192q0 -14 -9 -23t-23 -9q-12 0 -24 10l-319 319q-9 9 -9 23t9 23l320 320q9 9 23 9q13 0 22.5 -9.5t9.5 -22.5v-192h352q13 0 22.5 -9.5t9.5 -22.5zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198 t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" d="M1024 960v-640q0 -26 -19 -45t-45 -19q-20 0 -37 12l-448 320q-27 19 -27 52t27 52l448 320q17 12 37 12q26 0 45 -19t19 -45zM1280 160v960q0 13 -9.5 22.5t-22.5 9.5h-960q-13 0 -22.5 -9.5t-9.5 -22.5v-960q0 -13 9.5 -22.5t22.5 -9.5h960q13 0 22.5 9.5t9.5 22.5z M1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" d="M1024 640q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75t75 -181zM768 1184q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273t-73 273t-198 198t-273 73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5 t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" />
+<glyph unicode="" horiz-adv-x="1664" d="M1023 349l102 -204q-58 -179 -210 -290t-339 -111q-156 0 -288.5 77.5t-210 210t-77.5 288.5q0 181 104.5 330t274.5 211l17 -131q-122 -54 -195 -165.5t-73 -244.5q0 -185 131.5 -316.5t316.5 -131.5q126 0 232.5 65t165 175.5t49.5 236.5zM1571 249l58 -114l-256 -128 q-13 -7 -29 -7q-40 0 -57 35l-239 477h-472q-24 0 -42.5 16.5t-21.5 40.5l-96 779q-2 16 6 42q14 51 57 82.5t97 31.5q66 0 113 -47t47 -113q0 -69 -52 -117.5t-120 -41.5l37 -289h423v-128h-407l16 -128h455q40 0 57 -35l228 -455z" />
+<glyph unicode="" d="M1254 899q16 85 -21 132q-52 65 -187 45q-17 -3 -41 -12.5t-57.5 -30.5t-64.5 -48.5t-59.5 -70t-44.5 -91.5q80 7 113.5 -16t26.5 -99q-5 -52 -52 -143q-43 -78 -71 -99q-44 -32 -87 14q-23 24 -37.5 64.5t-19 73t-10 84t-8.5 71.5q-23 129 -34 164q-12 37 -35.5 69 t-50.5 40q-57 16 -127 -25q-54 -32 -136.5 -106t-122.5 -102v-7q16 -8 25.5 -26t21.5 -20q21 -3 54.5 8.5t58 10.5t41.5 -30q11 -18 18.5 -38.5t15 -48t12.5 -40.5q17 -46 53 -187q36 -146 57 -197q42 -99 103 -125q43 -12 85 -1.5t76 31.5q131 77 250 237 q104 139 172.5 292.5t82.5 226.5zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1152" d="M1152 704q0 -191 -94.5 -353t-256.5 -256.5t-353 -94.5h-160q-14 0 -23 9t-9 23v611l-215 -66q-3 -1 -9 -1q-10 0 -19 6q-13 10 -13 26v128q0 23 23 31l233 71v93l-215 -66q-3 -1 -9 -1q-10 0 -19 6q-13 10 -13 26v128q0 23 23 31l233 71v250q0 14 9 23t23 9h160 q14 0 23 -9t9 -23v-181l375 116q15 5 28 -5t13 -26v-128q0 -23 -23 -31l-393 -121v-93l375 116q15 5 28 -5t13 -26v-128q0 -23 -23 -31l-393 -121v-487q188 13 318 151t130 328q0 14 9 23t23 9h160q14 0 23 -9t9 -23z" />
+<glyph unicode="" horiz-adv-x="1408" d="M1152 736v-64q0 -14 -9 -23t-23 -9h-352v-352q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v352h-352q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h352v352q0 14 9 23t23 9h64q14 0 23 -9t9 -23v-352h352q14 0 23 -9t9 -23zM1280 288v832q0 66 -47 113t-113 47h-832 q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113zM1408 1120v-832q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832q119 0 203.5 -84.5t84.5 -203.5z" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+<glyph unicode="" horiz-adv-x="1792" />
+</font>
+</defs></svg>
\ No newline at end of file
+++ /dev/null
-/* BOOTSTRAP SPECIFIC CLASSES
- * -------------------------- */
-
-/* Bootstrap 2.0 sprites.less reset */
-[class^="icon-"],
-[class*=" icon-"] {
- display: inline;
- width: auto;
- height: auto;
- line-height: normal;
- vertical-align: baseline;
- background-image: none;
- background-position: 0% 0%;
- background-repeat: repeat;
- margin-top: 0;
-}
-
-/* more sprites.less reset */
-.icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
- background-image: none;
-}
-
-
-/* keeps Bootstrap styles with and without icons the same */
-.btn, .nav {
- [class^="icon-"],
- [class*=" icon-"] {
-// display: inline;
- &.icon-large { line-height: .9em; }
- &.icon-spin { display: inline-block; }
- }
-}
-.nav-tabs, .nav-pills {
- [class^="icon-"],
- [class*=" icon-"] {
- &, &.icon-large { line-height: .9em; }
- }
-}
-.btn {
- [class^="icon-"],
- [class*=" icon-"] {
- &.pull-left, &.pull-right {
- &.icon-2x { margin-top: .18em; }
- }
- &.icon-spin.icon-large { line-height: .8em; }
- }
-}
-.btn.btn-small {
- [class^="icon-"],
- [class*=" icon-"] {
- &.pull-left, &.pull-right {
- &.icon-2x { margin-top: .25em; }
- }
- }
-}
-.btn.btn-large {
- [class^="icon-"],
- [class*=" icon-"] {
- margin-top: 0; // overrides bootstrap default
- &.pull-left, &.pull-right {
- &.icon-2x { margin-top: .05em; }
- }
- &.pull-left.icon-2x { margin-right: .2em; }
- &.pull-right.icon-2x { margin-left: .2em; }
- }
-}
-
-/* Fixes alignment in nav lists */
-.nav-list [class^="icon-"],
-.nav-list [class*=" icon-"] {
- line-height: inherit;
-}
--- /dev/null
+---
+---
+
+// Bordered & Pulled
+// -------------------------
+
+.@{fa-css-prefix}-border {
+ padding: .2em .25em .15em;
+ border: solid .08em @fa-border-color;
+ border-radius: .1em;
+}
+
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.@{fa-css-prefix} {
+ &.pull-left { margin-right: .3em; }
+ &.pull-right { margin-left: .3em; }
+}
-/* FONT AWESOME CORE
- * -------------------------- */
+---
+---
-[class^="icon-"],
-[class*=" icon-"] {
- .icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
- text-decoration: inherit;
- display: inline-block;
- speak: none;
-}
-
-/* makes the font 33% larger relative to the icon container */
-.icon-large:before {
- vertical-align: -10%;
- font-size: 4/3em;
-}
-
-/* makes sure icons active on rollover in links */
-a {
- [class^="icon-"],
- [class*=" icon-"] {
- display: inline;
- }
-}
-
-/* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
- &.icon-fixed-width {
- display: inline-block;
- width: 16/14em;
- text-align: right;
- padding-right: 4/14em;
- &.icon-large {
- width: 20/14em;
- }
- }
-}
-
-.icons-ul {
- margin-left: @icons-li-width;
- list-style-type: none;
-
- > li { position: relative; }
-
- .icon-li {
- position: absolute;
- left: -@icons-li-width;
- width: @icons-li-width;
- text-align: center;
- line-height: inherit;
- }
-}
-
-// allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
- &.hide {
- display: none;
- }
-}
-
-.icon-muted { color: @iconMuted; }
-.icon-light { color: @iconLight; }
-.icon-dark { color: @iconDark; }
-
-// Icon Borders
-// -------------------------
-
-.icon-border {
- border: solid 1px @borderColor;
- padding: .2em .25em .15em;
- .border-radius(3px);
-}
-
-// Icon Sizes
-// -------------------------
-
-.icon-2x {
- font-size: 2em;
- &.icon-border {
- border-width: 2px;
- .border-radius(4px);
- }
-}
-.icon-3x {
- font-size: 3em;
- &.icon-border {
- border-width: 3px;
- .border-radius(5px);
- }
-}
-.icon-4x {
- font-size: 4em;
- &.icon-border {
- border-width: 4px;
- .border-radius(6px);
- }
-}
-
-.icon-5x {
- font-size: 5em;
- &.icon-border {
- border-width: 5px;
- .border-radius(7px);
- }
-}
-
-
-// Floats & Margins
+// Base Class Definition
// -------------------------
-// Quick floats
-.pull-right { float: right; }
-.pull-left { float: left; }
-
-[class^="icon-"],
-[class*=" icon-"] {
- &.pull-left {
- margin-right: .3em;
- }
- &.pull-right {
- margin-left: .3em;
- }
+.@{fa-css-prefix} {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
--- /dev/null
+---
+---
+
+// Fixed Width Icons
+// -------------------------
+.@{fa-css-prefix}-fw {
+ width: (18em / 14);
+ text-align: center;
+}
+++ /dev/null
----
----
-{% include license-code.less %}
-
-.icon-large {
- font-size: 4/3em;
- margin-top: -4px;
- padding-top: 3px;
- margin-bottom: -4px;
- padding-bottom: 3px;
- vertical-align: middle;
-}
-
-.nav {
- [class^="icon-"],
- [class*=" icon-"] {
- vertical-align: inherit;
- margin-top: -4px;
- padding-top: 3px;
- margin-bottom: -4px;
- padding-bottom: 3px;
- &.icon-large {
- vertical-align: -25%;
- }
- }
-}
-
-.nav-pills, .nav-tabs {
- [class^="icon-"],
- [class*=" icon-"] {
- &.icon-large {
- line-height: .75em;
- margin-top: -7px;
- padding-top: 5px;
- margin-bottom: -5px;
- padding-bottom: 4px;
- }
- }
-}
-
-.btn {
- [class^="icon-"],
- [class*=" icon-"] {
- &.pull-left, &.pull-right { vertical-align: inherit; }
- &.icon-large {
- margin-top: -.5em;
- }
- }
-}
-
-a [class^="icon-"],
-a [class*=" icon-"] {
- cursor: pointer;
-}
-
-.ie7icon(@inner) { *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')"; }
-
-{% for icon in icons %}
-.icon-{{ icon.id }} {
- .ie7icon('&#x{{ icon.unicode }};');
-}
-{% for alias in icon.aliases %}
-.icon-{{ alias }} {
- .ie7icon('&#x{{ icon.unicode }};');
-}
-{% endfor %}
-{% endfor %}
---
{% include license-code.less %}
-@import "variables.less";
-@import "mixins.less";
-@import "path.less";
-@import "core.less";
-@import "bootstrap.less";
-@import "extras.less";
-@import "icons.less";
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "spinning";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
{% for icon in icons %}{% for alias in icon.aliases %}
-.icon-{{ alias }}:before,{% endfor %}
-.icon-{{ icon.id }}:before { content: @{{ icon.id }}; }{% endfor %}
+.@{fa-css-prefix}-{{ alias }}:before,{% endfor %}
+.@{fa-css-prefix}-{{ icon.id }}:before { content: @fa-var-{{ icon.id }}; }{% endfor %}
--- /dev/null
+---
+---
+
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.@{fa-css-prefix}-lg {
+ font-size: (4em / 3);
+ line-height: (3em / 4);
+ vertical-align: -15%;
+}
+.@{fa-css-prefix}-2x { font-size: 2em; }
+.@{fa-css-prefix}-3x { font-size: 3em; }
+.@{fa-css-prefix}-4x { font-size: 4em; }
+.@{fa-css-prefix}-5x { font-size: 5em; }
--- /dev/null
+---
+---
+
+// List Icons
+// -------------------------
+
+.@{fa-css-prefix}-ul {
+ padding-left: 0;
+ margin-left: @fa-li-width;
+ list-style-type: none;
+ > li { position: relative; }
+}
+.@{fa-css-prefix}-li {
+ position: absolute;
+ left: -@fa-li-width;
+ width: @fa-li-width;
+ top: (2em / 14);
+ text-align: center;
+ &.@{fa-css-prefix}-lg {
+ left: -@fa-li-width + (4em / 14);
+ }
+}
+---
+---
// Mixins
// --------------------------
-.icon(@icon) {
- .icon-FontAwesome();
- content: @icon;
+.fa-icon-rotate(@degrees, @rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
+ -webkit-transform: rotate(@degrees);
+ -moz-transform: rotate(@degrees);
+ -ms-transform: rotate(@degrees);
+ -o-transform: rotate(@degrees);
+ transform: rotate(@degrees);
}
-.icon-FontAwesome() {
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- text-decoration: inherit;
- -webkit-font-smoothing: antialiased;
- *margin-right: .3em; // fixes ie7 issues
-}
-
-.border-radius(@radius) {
- -webkit-border-radius: @radius;
- -moz-border-radius: @radius;
- border-radius: @radius;
-}
-
-.icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
- .icon-stack {
- position: relative;
- display: inline-block;
- width: @width;
- height: @height;
- line-height: @width;
- vertical-align: -35%;
- [class^="icon-"],
- [class*=" icon-"] {
- display: block;
- text-align: center;
- position: absolute;
- width: 100%;
- height: 100%;
- font-size: @top-font-size;
- line-height: inherit;
- *line-height: @height;
- }
- .icon-stack-base {
- font-size: @base-font-size;
- *line-height: @height / @base-font-size;
- }
- }
+.fa-icon-flip(@horiz, @vert, @rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
+ -webkit-transform: scale(@horiz, @vert);
+ -moz-transform: scale(@horiz, @vert);
+ -ms-transform: scale(@horiz, @vert);
+ -o-transform: scale(@horiz, @vert);
+ transform: scale(@horiz, @vert);
}
@font-face {
font-family: 'FontAwesome';
- src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}');
- src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'),
- url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'),
- url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'),
- url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg');
-// src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
+ src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
+ url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
+ url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
+ url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
+// src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
--- /dev/null
+---
+---
+
+// Rotated & Flipped Icons
+// -------------------------
+
+.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
+.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
+.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
+
+.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
+.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
--- /dev/null
+---
+---
+
+// Spinning Icons
+// --------------------------
+
+.@{fa-css-prefix}-spin {
+ -webkit-animation: spin 2s infinite linear;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+}
+
+@-moz-keyframes spin {
+ 0% { -moz-transform: rotate(0deg); }
+ 100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+ 0% { -o-transform: rotate(0deg); }
+ 100% { -o-transform: rotate(359deg); }
+}
+@-ms-keyframes spin {
+ 0% { -ms-transform: rotate(0deg); }
+ 100% { -ms-transform: rotate(359deg); }
+}
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(359deg); }
+}
--- /dev/null
+---
+---
+
+// Stacked Icons
+// -------------------------
+
+.@{fa-css-prefix}-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.@{fa-css-prefix}-stack-1x { line-height: inherit; }
+.@{fa-css-prefix}-stack-2x { font-size: 2em; }
+.@{fa-css-prefix}-inverse { color: @fa-inverse; }
// Variables
// --------------------------
-@FontAwesomePath: "../font";
-//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version}}/font"; // for referencing Bootstrap CDN font files directly
-@FontAwesomeVersion: "{{ site.fontawesome.version }}";
-@borderColor: #eee;
-@iconMuted: #eee;
-@iconLight: #fff;
-@iconDark: #333;
-@icons-li-width: 30/14em;
+@fa-font-path: "../fonts";
+//@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/{{site.fontawesome.version}}/fonts"; // for referencing Bootstrap CDN font files directly
+@fa-css-prefix: {{ site.fontawesome.css_prefix }};
+@fa-version: "{{ site.fontawesome.version }}";
+@fa-border-color: #eee;
+@fa-inverse: #fff;
+@fa-li-width: (30em / 14);
-{% for icon in icons %}
- @{{ icon.id }}: "\{{ icon.unicode }}";
+{% for icon in icons %}@fa-var-{{ icon.id }}: "\{{ icon.unicode }}";
{% endfor %}
+++ /dev/null
-/* BOOTSTRAP SPECIFIC CLASSES
- * -------------------------- */
-
-/* Bootstrap 2.0 sprites.less reset */
-[class^="icon-"],
-[class*=" icon-"] {
- display: inline;
- width: auto;
- height: auto;
- line-height: normal;
- vertical-align: baseline;
- background-image: none;
- background-position: 0% 0%;
- background-repeat: repeat;
- margin-top: 0;
-}
-
-/* more sprites.less reset */
-.icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
- background-image: none;
-}
-
-
-/* keeps Bootstrap styles with and without icons the same */
-.btn, .nav {
- [class^="icon-"],
- [class*=" icon-"] {
- // display: inline;
- &.icon-large { line-height: .9em; }
- &.icon-spin { display: inline-block; }
- }
-}
-.nav-tabs, .nav-pills {
- [class^="icon-"],
- [class*=" icon-"] {
- &, &.icon-large { line-height: .9em; }
- }
-}
-.btn {
- [class^="icon-"],
- [class*=" icon-"] {
- &.pull-left, &.pull-right {
- &.icon-2x { margin-top: .18em; }
- }
- &.icon-spin.icon-large { line-height: .8em; }
- }
-}
-.btn.btn-small {
- [class^="icon-"],
- [class*=" icon-"] {
- &.pull-left, &.pull-right {
- &.icon-2x { margin-top: .25em; }
- }
- }
-}
-.btn.btn-large {
- [class^="icon-"],
- [class*=" icon-"] {
- margin-top: 0; // overrides bootstrap default
- &.pull-left, &.pull-right {
- &.icon-2x { margin-top: .05em; }
- }
- &.pull-left.icon-2x { margin-right: .2em; }
- &.pull-right.icon-2x { margin-left: .2em; }
- }
-}
-
-/* Fixes alignment in nav lists */
-.nav-list [class^="icon-"],
-.nav-list [class*=" icon-"] {
- line-height: inherit;
-}
--- /dev/null
+---
+---
+
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+ padding: .2em .25em .15em;
+ border: solid .08em $fa-border-color;
+ border-radius: .1em;
+}
+
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$fa-css-prefix} {
+ &.pull-left { margin-right: .3em; }
+ &.pull-right { margin-left: .3em; }
+}
-/* FONT AWESOME CORE
- * -------------------------- */
+---
+---
-[class^="icon-"],
-[class*=" icon-"] {
- @include icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
- text-decoration: inherit;
- display: inline-block;
- speak: none;
-}
-
-/* makes the font 33% larger relative to the icon container */
-.icon-large:before {
- vertical-align: -10%;
- font-size: (4em/3);
-}
-
-/* makes sure icons active on rollover in links */
-a {
- [class^="icon-"],
- [class*=" icon-"] {
- display: inline;
- }
-}
-
-/* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
- &.icon-fixed-width {
- display: inline-block;
- width: (16em/14);
- text-align: right;
- padding-right: (4em/14);
- &.icon-large {
- width: (20em/14);
- }
- }
-}
-
-.icons-ul {
- margin-left: $icons-li-width;
- list-style-type: none;
-
- > li { position: relative; }
-
- .icon-li {
- position: absolute;
- left: -$icons-li-width;
- width: $icons-li-width;
- text-align: center;
- line-height: inherit;
- }
-}
-
-// allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
- &.hide {
- display: none;
- }
-}
-
-.icon-muted { color: $iconMuted; }
-.icon-light { color: $iconLight; }
-.icon-dark { color: $iconDark; }
-
-// Icon Borders
-// -------------------------
-
-.icon-border {
- border: solid 1px $borderColor;
- padding: .2em .25em .15em;
- @include border-radius(3px);
-}
-
-// Icon Sizes
-// -------------------------
-
-.icon-2x {
- font-size: 2em;
- &.icon-border {
- border-width: 2px;
- @include border-radius(4px);
- }
-}
-.icon-3x {
- font-size: 3em;
- &.icon-border {
- border-width: 3px;
- @include border-radius(5px);
- }
-}
-.icon-4x {
- font-size: 4em;
- &.icon-border {
- border-width: 4px;
- @include border-radius(6px);
- }
-}
-
-.icon-5x {
- font-size: 5em;
- &.icon-border {
- border-width: 5px;
- @include border-radius(7px);
- }
-}
-
-
-// Floats & Margins
+// Base Class Definition
// -------------------------
-// Quick floats
-.pull-right { float: right; }
-.pull-left { float: left; }
-
-[class^="icon-"],
-[class*=" icon-"] {
- &.pull-left {
- margin-right: .3em;
- }
- &.pull-right {
- margin-left: .3em;
- }
+.#{$fa-css-prefix} {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
--- /dev/null
+---
+---
+
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+ width: (18em / 14);
+ text-align: center;
+}
---
---
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
- * readers do not read off random characters that represent icons */
+ readers do not read off random characters that represent icons */
{% for icon in icons %}{% for alias in icon.aliases %}
-.icon-{{ alias }}:before,{% endfor %}
-.icon-{{ icon.id }}:before { content: ${{ icon.id }}; }{% endfor %}
+.#{$fa-css-prefix}-{{ alias }}:before,{% endfor %}
+.#{$fa-css-prefix}-{{ icon.id }}:before { content: $fa-var-{{ icon.id }}; }{% endfor %}
--- /dev/null
+---
+---
+
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$fa-css-prefix}-lg {
+ font-size: (4em / 3);
+ line-height: (3em / 4);
+ vertical-align: -15%;
+}
+.#{$fa-css-prefix}-2x { font-size: 2em; }
+.#{$fa-css-prefix}-3x { font-size: 3em; }
+.#{$fa-css-prefix}-4x { font-size: 4em; }
+.#{$fa-css-prefix}-5x { font-size: 5em; }
--- /dev/null
+---
+---
+
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+ padding-left: 0;
+ margin-left: $fa-li-width;
+ list-style-type: none;
+ > li { position: relative; }
+}
+.#{$fa-css-prefix}-li {
+ position: absolute;
+ left: -$fa-li-width;
+ width: $fa-li-width;
+ top: (2em / 14);
+ text-align: center;
+ &.#{$fa-css-prefix}-lg {
+ left: -$fa-li-width + (4em / 14);
+ }
+}
+---
+---
// Mixins
// --------------------------
-@mixin icon($icon) {
- @include icon-FontAwesome();
- content: $icon;
+@mixin fa-icon-rotate($degrees, $rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
+ -webkit-transform: rotate($degrees);
+ -moz-transform: rotate($degrees);
+ -ms-transform: rotate($degrees);
+ -o-transform: rotate($degrees);
+ transform: rotate($degrees);
}
-@mixin icon-FontAwesome() {
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- text-decoration: inherit;
- -webkit-font-smoothing: antialiased;
- *margin-right: .3em; // fixes ie7 issues
-}
-
-@mixin border-radius($radius) {
- -webkit-border-radius: $radius;
- -moz-border-radius: $radius;
- border-radius: $radius;
-}
-
-@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
- .icon-stack {
- position: relative;
- display: inline-block;
- width: $width;
- height: $height;
- line-height: $width;
- vertical-align: -35%;
- [class^="icon-"],
- [class*=" icon-"] {
- display: block;
- text-align: center;
- position: absolute;
- width: 100%;
- height: 100%;
- font-size: $top-font-size;
- line-height: inherit;
- *line-height: $height;
- }
- .icon-stack-base {
- font-size: $base-font-size;
- *line-height: #{$height / $base-font-size}em;
- }
- }
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
+ -webkit-transform: scale($horiz, $vert);
+ -moz-transform: scale($horiz, $vert);
+ -ms-transform: scale($horiz, $vert);
+ -o-transform: scale($horiz, $vert);
+ transform: scale($horiz, $vert);
}
@font-face {
font-family: 'FontAwesome';
- src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}');
- src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}') format('embedded-opentype'),
- url('#{$FontAwesomePath}/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}') format('woff'),
- url('#{$FontAwesomePath}/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}') format('truetype'),
- url('#{$FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}') format('svg');
-// src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+ url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+ url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+ url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+ //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
--- /dev/null
+---
+---
+
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
--- /dev/null
+---
+---
+
+// Spinning Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+ -webkit-animation: spin 2s infinite linear;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+}
+
+@-moz-keyframes spin {
+ 0% { -moz-transform: rotate(0deg); }
+ 100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+ 0% { -o-transform: rotate(0deg); }
+ 100% { -o-transform: rotate(359deg); }
+}
+@-ms-keyframes spin {
+ 0% { -ms-transform: rotate(0deg); }
+ 100% { -ms-transform: rotate(359deg); }
+}
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(359deg); }
+}
--- /dev/null
+---
+---
+
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
+.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
// Variables
// --------------------------
-$FontAwesomePath: "../font" !default;
-$FontAwesomeVersion: "{{ site.fontawesome.version }}" !default;
-$borderColor: #eeeeee !default;
-$iconMuted: #eeeeee !default;
-$iconLight: white !default;
-$iconDark: #333333 !default;
-$icons-li-width: (30em/14);
+$fa-font-path: "../fonts" !default;
+//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/{{site.fontawesome.version}}/fonts" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix: {{ site.fontawesome.css_prefix }} !default;
+$fa-version: "{{ site.fontawesome.version }}" !default;
+$fa-border-color: #eee !default;
+$fa-inverse: #fff !default;
+$fa-li-width: (30em / 14) !default;
-{% for icon in icons %}
-${{ icon.id }}: "\{{ icon.unicode }}";
+{% for icon in icons %}$fa-var-{{ icon.id }}: "\{{ icon.unicode }}";
{% endfor %}
+++ /dev/null
----
----
-{% include license-code.less %}
-
-.icon-large {
- font-size: (4em/3);
- margin-top: -4px;
- padding-top: 3px;
- margin-bottom: -4px;
- padding-bottom: 3px;
- vertical-align: middle;
-}
-
-.nav {
- [class^="icon-"],
- [class*=" icon-"] {
- vertical-align: inherit;
- margin-top: -4px;
- padding-top: 3px;
- margin-bottom: -4px;
- padding-bottom: 3px;
- &.icon-large {
- vertical-align: -25%;
- }
- }
-}
-
-.nav-pills, .nav-tabs {
- [class^="icon-"],
- [class*=" icon-"] {
- &.icon-large {
- line-height: .75em;
- margin-top: -7px;
- padding-top: 5px;
- margin-bottom: -5px;
- padding-bottom: 4px;
- }
- }
-}
-
-.btn {
- [class^="icon-"],
- [class*=" icon-"] {
- &.pull-left, &.pull-right { vertical-align: inherit; }
- &.icon-large {
- margin-top: -.5em;
- }
- }
-}
-
-a [class^="icon-"],
-a [class*=" icon-"] {
- cursor: pointer;
-}
-
-@mixin ie7icon($inner) { *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '#{$inner}'); }
-
-{% for icon in icons %}
-.icon-{{ icon.id }} {
- @include ie7icon('&#x{{ icon.unicode }};');
-}
-{% for alias in icon.aliases %}
-.icon-{{ alias }} {
- @include ie7icon('&#x{{ icon.unicode }};');
-}
-{% endfor %}
-{% endfor %}
@import "mixins";
@import "path";
@import "core";
-@import "bootstrap";
-@import "extras";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "spinning";
+@import "rotated-flipped";
+@import "stacked";
@import "icons";
--- /dev/null
+/**
+* bootstrap.js v3.0.0 by @fat and @mdo
+* Copyright 2013 Twitter Inc.
+* http://www.apache.org/licenses/LICENSE-2.0
+*/
+if(!jQuery)throw new Error("Bootstrap requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]}}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(window.jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d)};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.is("input")?"val":"html",e=c.data();a+="Text",e.resetText||c.data("resetText",c[d]()),c[d](e[a]||this.options[a]),setTimeout(function(){"loadingText"==a?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.closest('[data-toggle="buttons"]');if(a.length){var b=this.$element.find("input").prop("checked",!this.$element.hasClass("active")).trigger("change");"radio"===b.prop("type")&&a.find(".active").removeClass("active")}this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(window.jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition.end&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}this.sliding=!0,f&&this.pause();var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});if(!e.hasClass("active")){if(this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(j),j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid")},0)}).emulateTransitionEnd(600)}else{if(this.$element.trigger(j),j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return f&&this.cycle(),this}};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?(this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350),void 0):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(window.jQuery),+function(a){"use strict";function b(){a(d).remove(),a(e).each(function(b){var d=c(a(this));d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown")),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown"))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){if("ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b),f.trigger(d=a.Event("show.bs.dropdown")),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown"),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=a("[role=menu] li:not(.divider):visible a",f);if(h.length){var i=h.index(h.filter(":focus"));38==b.keyCode&&i>0&&i--,40==b.keyCode&&i<h.length-1&&i++,~i||(i=0),h.eq(i).focus()}}}};var g=a.fn.dropdown;a.fn.dropdown=function(b){return this.each(function(){var c=a(this),d=c.data("dropdown");d||c.data("dropdown",d=new f(this)),"string"==typeof b&&d[b].call(c)})},a.fn.dropdown.Constructor=f,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=g,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",e,f.prototype.toggle).on("keydown.bs.dropdown.data-api",e+", [role=menu]",f.prototype.keydown)}(window.jQuery),+function(a){"use strict";var b=function(b,c){this.options=c,this.$element=a(b),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.load(this.options.remote)};b.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},b.prototype.toggle=function(a){return this[this.isShown?"hide":"show"](a)},b.prototype.show=function(b){var c=this,d=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(d),this.isShown||d.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.$element.on("click.dismiss.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.backdrop(function(){var d=a.support.transition&&c.$element.hasClass("fade");c.$element.parent().length||c.$element.appendTo(document.body),c.$element.show(),d&&c.$element[0].offsetWidth,c.$element.addClass("in").attr("aria-hidden",!1),c.enforceFocus();var e=a.Event("shown.bs.modal",{relatedTarget:b});d?c.$element.find(".modal-dialog").one(a.support.transition.end,function(){c.$element.focus().trigger(e)}).emulateTransitionEnd(300):c.$element.focus().trigger(e)}))},b.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one(a.support.transition.end,a.proxy(this.hideModal,this)).emulateTransitionEnd(300):this.hideModal())},b.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.focus()},this))},b.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},b.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.removeBackdrop(),a.$element.trigger("hidden.bs.modal")})},b.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},b.prototype.backdrop=function(b){var c=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var d=a.support.transition&&c;if(this.$backdrop=a('<div class="modal-backdrop '+c+'" />').appendTo(document.body),this.$element.on("click.dismiss.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(window.jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focus",i="hover"==g?"mouseleave":"blur";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show),void 0):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide),void 0):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this.tip();this.setContent(),this.options.animation&&c.addClass("fade");var d="function"==typeof this.options.placement?this.options.placement.call(this,c[0],this.$element[0]):this.options.placement,e=/\s?auto?\s?/i,f=e.test(d);f&&(d=d.replace(e,"")||"top"),c.detach().css({top:0,left:0,display:"block"}).addClass(d),this.options.container?c.appendTo(this.options.container):c.insertAfter(this.$element);var g=this.getPosition(),h=c[0].offsetWidth,i=c[0].offsetHeight;if(f){var j=this.$element.parent(),k=d,l=document.documentElement.scrollTop||document.body.scrollTop,m="body"==this.options.container?window.innerWidth:j.outerWidth(),n="body"==this.options.container?window.innerHeight:j.outerHeight(),o="body"==this.options.container?0:j.offset().left;d="bottom"==d&&g.top+g.height+i-l>n?"top":"top"==d&&g.top-l-i<0?"bottom":"right"==d&&g.right+h>m?"left":"left"==d&&g.left-h<o?"right":d,c.removeClass(k).addClass(d)}var p=this.getCalculatedOffset(d,g,h,i);this.applyPlacement(p,d),this.$element.trigger("shown.bs."+this.type)}},b.prototype.applyPlacement=function(a,b){var c,d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),a.top=a.top+g,a.left=a.left+h,d.offset(a).addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;if("top"==b&&j!=f&&(c=!0,a.top=a.top+f-j),/bottom|top/.test(b)){var k=0;a.left<0&&(k=-2*a.left,a.left=0,d.offset(a),i=d[0].offsetWidth,j=d[0].offsetHeight),this.replaceArrow(k-e+i,i,"left")}else this.replaceArrow(j-f,j,"top");c&&d.offset(a)},b.prototype.replaceArrow=function(a,b,c){this.arrow().css(c,a?50*(1-a/b)+"%":"")},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},b.prototype.hide=function(){function b(){"in"!=c.hoverState&&d.detach()}var c=this,d=this.tip(),e=a.Event("hide.bs."+this.type);return this.$element.trigger(e),e.isDefaultPrevented()?void 0:(d.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?d.one(a.support.transition.end,b).emulateTransitionEnd(150):b(),this.$element.trigger("hidden.bs."+this.type),this)},b.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},b.prototype.hasContent=function(){return this.getTitle()},b.prototype.getPosition=function(){var b=this.$element[0];return a.extend({},"function"==typeof b.getBoundingClientRect?b.getBoundingClientRect():{width:b.offsetWidth,height:b.offsetHeight},this.$element.offset())},b.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},b.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},b.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},b.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},b.prototype.enable=function(){this.enabled=!0},b.prototype.disable=function(){this.enabled=!1},b.prototype.toggleEnabled=function(){this.enabled=!this.enabled},b.prototype.toggle=function(b){var c=b?a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type):this;c.tip().hasClass("in")?c.leave(c):c.enter(c)},b.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var c=a.fn.tooltip;a.fn.tooltip=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof c&&c;e||d.data("bs.tooltip",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.tooltip.Constructor=b,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=c,this}}(window.jQuery),+function(a){"use strict";var b=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");b.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"html":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(window.jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(c).is("body")?a(window):a(c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#\w/.test(e)&&a(e);return f&&f.length&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parents(".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(window.jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.attr("data-target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top()),"function"==typeof h&&(h=f.bottom());var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;this.affixed!==i&&(this.unpin&&this.$element.css("top",""),this.affixed=i,this.unpin="bottom"==i?e.top-d:null,this.$element.removeClass(b.RESET).addClass("affix"+(i?"-"+i:"")),"bottom"==i&&this.$element.offset({top:document.body.offsetHeight-h-this.$element.height()}))}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(window.jQuery);
\ No newline at end of file
--- /dev/null
+/*
+ HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
--- /dev/null
+/*!
+ * jQuery JavaScript Library v1.10.2
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2013-07-03T13:48Z
+ */
+(function( window, undefined ) {
+
+// Can't do this because several apps including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+// Support: Firefox 18+
+//"use strict";
+var
+ // The deferred used on DOM ready
+ readyList,
+
+ // A central reference to the root jQuery(document)
+ rootjQuery,
+
+ // Support: IE<10
+ // For `typeof xmlNode.method` instead of `xmlNode.method !== undefined`
+ core_strundefined = typeof undefined,
+
+ // Use the correct document accordingly with window argument (sandbox)
+ location = window.location,
+ document = window.document,
+ docElem = document.documentElement,
+
+ // Map over jQuery in case of overwrite
+ _jQuery = window.jQuery,
+
+ // Map over the $ in case of overwrite
+ _$ = window.$,
+
+ // [[Class]] -> type pairs
+ class2type = {},
+
+ // List of deleted data cache ids, so we can reuse them
+ core_deletedIds = [],
+
+ core_version = "1.10.2",
+
+ // Save a reference to some core methods
+ core_concat = core_deletedIds.concat,
+ core_push = core_deletedIds.push,
+ core_slice = core_deletedIds.slice,
+ core_indexOf = core_deletedIds.indexOf,
+ core_toString = class2type.toString,
+ core_hasOwn = class2type.hasOwnProperty,
+ core_trim = core_version.trim,
+
+ // Define a local copy of jQuery
+ jQuery = function( selector, context ) {
+ // The jQuery object is actually just the init constructor 'enhanced'
+ return new jQuery.fn.init( selector, context, rootjQuery );
+ },
+
+ // Used for matching numbers
+ core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
+
+ // Used for splitting on whitespace
+ core_rnotwhite = /\S+/g,
+
+ // Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE)
+ rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+ // A simple way to check for HTML strings
+ // Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+ // Strict HTML recognition (#11290: must start with <)
+ rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+ // Match a standalone tag
+ rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
+
+ // JSON RegExp
+ rvalidchars = /^[\],:{}\s]*$/,
+ rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+ rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
+ rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,
+
+ // Matches dashed string for camelizing
+ rmsPrefix = /^-ms-/,
+ rdashAlpha = /-([\da-z])/gi,
+
+ // Used by jQuery.camelCase as callback to replace()
+ fcamelCase = function( all, letter ) {
+ return letter.toUpperCase();
+ },
+
+ // The ready event handler
+ completed = function( event ) {
+
+ // readyState === "complete" is good enough for us to call the dom ready in oldIE
+ if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) {
+ detach();
+ jQuery.ready();
+ }
+ },
+ // Clean-up method for dom ready events
+ detach = function() {
+ if ( document.addEventListener ) {
+ document.removeEventListener( "DOMContentLoaded", completed, false );
+ window.removeEventListener( "load", completed, false );
+
+ } else {
+ document.detachEvent( "onreadystatechange", completed );
+ window.detachEvent( "onload", completed );
+ }
+ };
+
+jQuery.fn = jQuery.prototype = {
+ // The current version of jQuery being used
+ jquery: core_version,
+
+ constructor: jQuery,
+ init: function( selector, context, rootjQuery ) {
+ var match, elem;
+
+ // HANDLE: $(""), $(null), $(undefined), $(false)
+ if ( !selector ) {
+ return this;
+ }
+
+ // Handle HTML strings
+ if ( typeof selector === "string" ) {
+ if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
+ // Assume that strings that start and end with <> are HTML and skip the regex check
+ match = [ null, selector, null ];
+
+ } else {
+ match = rquickExpr.exec( selector );
+ }
+
+ // Match html or make sure no context is specified for #id
+ if ( match && (match[1] || !context) ) {
+
+ // HANDLE: $(html) -> $(array)
+ if ( match[1] ) {
+ context = context instanceof jQuery ? context[0] : context;
+
+ // scripts is true for back-compat
+ jQuery.merge( this, jQuery.parseHTML(
+ match[1],
+ context && context.nodeType ? context.ownerDocument || context : document,
+ true
+ ) );
+
+ // HANDLE: $(html, props)
+ if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
+ for ( match in context ) {
+ // Properties of context are called as methods if possible
+ if ( jQuery.isFunction( this[ match ] ) ) {
+ this[ match ]( context[ match ] );
+
+ // ...and otherwise set as attributes
+ } else {
+ this.attr( match, context[ match ] );
+ }
+ }
+ }
+
+ return this;
+
+ // HANDLE: $(#id)
+ } else {
+ elem = document.getElementById( match[2] );
+
+ // Check parentNode to catch when Blackberry 4.6 returns
+ // nodes that are no longer in the document #6963
+ if ( elem && elem.parentNode ) {
+ // Handle the case where IE and Opera return items
+ // by name instead of ID
+ if ( elem.id !== match[2] ) {
+ return rootjQuery.find( selector );
+ }
+
+ // Otherwise, we inject the element directly into the jQuery object
+ this.length = 1;
+ this[0] = elem;
+ }
+
+ this.context = document;
+ this.selector = selector;
+ return this;
+ }
+
+ // HANDLE: $(expr, $(...))
+ } else if ( !context || context.jquery ) {
+ return ( context || rootjQuery ).find( selector );
+
+ // HANDLE: $(expr, context)
+ // (which is just equivalent to: $(context).find(expr)
+ } else {
+ return this.constructor( context ).find( selector );
+ }
+
+ // HANDLE: $(DOMElement)
+ } else if ( selector.nodeType ) {
+ this.context = this[0] = selector;
+ this.length = 1;
+ return this;
+
+ // HANDLE: $(function)
+ // Shortcut for document ready
+ } else if ( jQuery.isFunction( selector ) ) {
+ return rootjQuery.ready( selector );
+ }
+
+ if ( selector.selector !== undefined ) {
+ this.selector = selector.selector;
+ this.context = selector.context;
+ }
+
+ return jQuery.makeArray( selector, this );
+ },
+
+ // Start with an empty selector
+ selector: "",
+
+ // The default length of a jQuery object is 0
+ length: 0,
+
+ toArray: function() {
+ return core_slice.call( this );
+ },
+
+ // Get the Nth element in the matched element set OR
+ // Get the whole matched element set as a clean array
+ get: function( num ) {
+ return num == null ?
+
+ // Return a 'clean' array
+ this.toArray() :
+
+ // Return just the object
+ ( num < 0 ? this[ this.length + num ] : this[ num ] );
+ },
+
+ // Take an array of elements and push it onto the stack
+ // (returning the new matched element set)
+ pushStack: function( elems ) {
+
+ // Build a new jQuery matched element set
+ var ret = jQuery.merge( this.constructor(), elems );
+
+ // Add the old object onto the stack (as a reference)
+ ret.prevObject = this;
+ ret.context = this.context;
+
+ // Return the newly-formed element set
+ return ret;
+ },
+
+ // Execute a callback for every element in the matched set.
+ // (You can seed the arguments with an array of args, but this is
+ // only used internally.)
+ each: function( callback, args ) {
+ return jQuery.each( this, callback, args );
+ },
+
+ ready: function( fn ) {
+ // Add the callback
+ jQuery.ready.promise().done( fn );
+
+ return this;
+ },
+
+ slice: function() {
+ return this.pushStack( core_slice.apply( this, arguments ) );
+ },
+
+ first: function() {
+ return this.eq( 0 );
+ },
+
+ last: function() {
+ return this.eq( -1 );
+ },
+
+ eq: function( i ) {
+ var len = this.length,
+ j = +i + ( i < 0 ? len : 0 );
+ return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
+ },
+
+ map: function( callback ) {
+ return this.pushStack( jQuery.map(this, function( elem, i ) {
+ return callback.call( elem, i, elem );
+ }));
+ },
+
+ end: function() {
+ return this.prevObject || this.constructor(null);
+ },
+
+ // For internal use only.
+ // Behaves like an Array's method, not like a jQuery method.
+ push: core_push,
+ sort: [].sort,
+ splice: [].splice
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+jQuery.extend = jQuery.fn.extend = function() {
+ var src, copyIsArray, copy, name, options, clone,
+ target = arguments[0] || {},
+ i = 1,
+ length = arguments.length,
+ deep = false;
+
+ // Handle a deep copy situation
+ if ( typeof target === "boolean" ) {
+ deep = target;
+ target = arguments[1] || {};
+ // skip the boolean and the target
+ i = 2;
+ }
+
+ // Handle case when target is a string or something (possible in deep copy)
+ if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+ target = {};
+ }
+
+ // extend jQuery itself if only one argument is passed
+ if ( length === i ) {
+ target = this;
+ --i;
+ }
+
+ for ( ; i < length; i++ ) {
+ // Only deal with non-null/undefined values
+ if ( (options = arguments[ i ]) != null ) {
+ // Extend the base object
+ for ( name in options ) {
+ src = target[ name ];
+ copy = options[ name ];
+
+ // Prevent never-ending loop
+ if ( target === copy ) {
+ continue;
+ }
+
+ // Recurse if we're merging plain objects or arrays
+ if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+ if ( copyIsArray ) {
+ copyIsArray = false;
+ clone = src && jQuery.isArray(src) ? src : [];
+
+ } else {
+ clone = src && jQuery.isPlainObject(src) ? src : {};
+ }
+
+ // Never move original objects, clone them
+ target[ name ] = jQuery.extend( deep, clone, copy );
+
+ // Don't bring in undefined values
+ } else if ( copy !== undefined ) {
+ target[ name ] = copy;
+ }
+ }
+ }
+ }
+
+ // Return the modified object
+ return target;
+};
+
+jQuery.extend({
+ // Unique for each copy of jQuery on the page
+ // Non-digits removed to match rinlinejQuery
+ expando: "jQuery" + ( core_version + Math.random() ).replace( /\D/g, "" ),
+
+ noConflict: function( deep ) {
+ if ( window.$ === jQuery ) {
+ window.$ = _$;
+ }
+
+ if ( deep && window.jQuery === jQuery ) {
+ window.jQuery = _jQuery;
+ }
+
+ return jQuery;
+ },
+
+ // Is the DOM ready to be used? Set to true once it occurs.
+ isReady: false,
+
+ // A counter to track how many items to wait for before
+ // the ready event fires. See #6781
+ readyWait: 1,
+
+ // Hold (or release) the ready event
+ holdReady: function( hold ) {
+ if ( hold ) {
+ jQuery.readyWait++;
+ } else {
+ jQuery.ready( true );
+ }
+ },
+
+ // Handle when the DOM is ready
+ ready: function( wait ) {
+
+ // Abort if there are pending holds or we're already ready
+ if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+ return;
+ }
+
+ // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+ if ( !document.body ) {
+ return setTimeout( jQuery.ready );
+ }
+
+ // Remember that the DOM is ready
+ jQuery.isReady = true;
+
+ // If a normal DOM Ready event fired, decrement, and wait if need be
+ if ( wait !== true && --jQuery.readyWait > 0 ) {
+ return;
+ }
+
+ // If there are functions bound, to execute
+ readyList.resolveWith( document, [ jQuery ] );
+
+ // Trigger any bound ready events
+ if ( jQuery.fn.trigger ) {
+ jQuery( document ).trigger("ready").off("ready");
+ }
+ },
+
+ // See test/unit/core.js for details concerning isFunction.
+ // Since version 1.3, DOM methods and functions like alert
+ // aren't supported. They return false on IE (#2968).
+ isFunction: function( obj ) {
+ return jQuery.type(obj) === "function";
+ },
+
+ isArray: Array.isArray || function( obj ) {
+ return jQuery.type(obj) === "array";
+ },
+
+ isWindow: function( obj ) {
+ /* jshint eqeqeq: false */
+ return obj != null && obj == obj.window;
+ },
+
+ isNumeric: function( obj ) {
+ return !isNaN( parseFloat(obj) ) && isFinite( obj );
+ },
+
+ type: function( obj ) {
+ if ( obj == null ) {
+ return String( obj );
+ }
+ return typeof obj === "object" || typeof obj === "function" ?
+ class2type[ core_toString.call(obj) ] || "object" :
+ typeof obj;
+ },
+
+ isPlainObject: function( obj ) {
+ var key;
+
+ // Must be an Object.
+ // Because of IE, we also have to check the presence of the constructor property.
+ // Make sure that DOM nodes and window objects don't pass through, as well
+ if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+ return false;
+ }
+
+ try {
+ // Not own constructor property must be Object
+ if ( obj.constructor &&
+ !core_hasOwn.call(obj, "constructor") &&
+ !core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+ return false;
+ }
+ } catch ( e ) {
+ // IE8,9 Will throw exceptions on certain host objects #9897
+ return false;
+ }
+
+ // Support: IE<9
+ // Handle iteration over inherited properties before own properties.
+ if ( jQuery.support.ownLast ) {
+ for ( key in obj ) {
+ return core_hasOwn.call( obj, key );
+ }
+ }
+
+ // Own properties are enumerated firstly, so to speed up,
+ // if last one is own, then all properties are own.
+ for ( key in obj ) {}
+
+ return key === undefined || core_hasOwn.call( obj, key );
+ },
+
+ isEmptyObject: function( obj ) {
+ var name;
+ for ( name in obj ) {
+ return false;
+ }
+ return true;
+ },
+
+ error: function( msg ) {
+ throw new Error( msg );
+ },
+
+ // data: string of html
+ // context (optional): If specified, the fragment will be created in this context, defaults to document
+ // keepScripts (optional): If true, will include scripts passed in the html string
+ parseHTML: function( data, context, keepScripts ) {
+ if ( !data || typeof data !== "string" ) {
+ return null;
+ }
+ if ( typeof context === "boolean" ) {
+ keepScripts = context;
+ context = false;
+ }
+ context = context || document;
+
+ var parsed = rsingleTag.exec( data ),
+ scripts = !keepScripts && [];
+
+ // Single tag
+ if ( parsed ) {
+ return [ context.createElement( parsed[1] ) ];
+ }
+
+ parsed = jQuery.buildFragment( [ data ], context, scripts );
+ if ( scripts ) {
+ jQuery( scripts ).remove();
+ }
+ return jQuery.merge( [], parsed.childNodes );
+ },
+
+ parseJSON: function( data ) {
+ // Attempt to parse using the native JSON parser first
+ if ( window.JSON && window.JSON.parse ) {
+ return window.JSON.parse( data );
+ }
+
+ if ( data === null ) {
+ return data;
+ }
+
+ if ( typeof data === "string" ) {
+
+ // Make sure leading/trailing whitespace is removed (IE can't handle it)
+ data = jQuery.trim( data );
+
+ if ( data ) {
+ // Make sure the incoming data is actual JSON
+ // Logic borrowed from http://json.org/json2.js
+ if ( rvalidchars.test( data.replace( rvalidescape, "@" )
+ .replace( rvalidtokens, "]" )
+ .replace( rvalidbraces, "")) ) {
+
+ return ( new Function( "return " + data ) )();
+ }
+ }
+ }
+
+ jQuery.error( "Invalid JSON: " + data );
+ },
+
+ // Cross-browser xml parsing
+ parseXML: function( data ) {
+ var xml, tmp;
+ if ( !data || typeof data !== "string" ) {
+ return null;
+ }
+ try {
+ if ( window.DOMParser ) { // Standard
+ tmp = new DOMParser();
+ xml = tmp.parseFromString( data , "text/xml" );
+ } else { // IE
+ xml = new ActiveXObject( "Microsoft.XMLDOM" );
+ xml.async = "false";
+ xml.loadXML( data );
+ }
+ } catch( e ) {
+ xml = undefined;
+ }
+ if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
+ jQuery.error( "Invalid XML: " + data );
+ }
+ return xml;
+ },
+
+ noop: function() {},
+
+ // Evaluates a script in a global context
+ // Workarounds based on findings by Jim Driscoll
+ // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
+ globalEval: function( data ) {
+ if ( data && jQuery.trim( data ) ) {
+ // We use execScript on Internet Explorer
+ // We use an anonymous function so that context is window
+ // rather than jQuery in Firefox
+ ( window.execScript || function( data ) {
+ window[ "eval" ].call( window, data );
+ } )( data );
+ }
+ },
+
+ // Convert dashed to camelCase; used by the css and data modules
+ // Microsoft forgot to hump their vendor prefix (#9572)
+ camelCase: function( string ) {
+ return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+ },
+
+ nodeName: function( elem, name ) {
+ return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+ },
+
+ // args is for internal usage only
+ each: function( obj, callback, args ) {
+ var value,
+ i = 0,
+ length = obj.length,
+ isArray = isArraylike( obj );
+
+ if ( args ) {
+ if ( isArray ) {
+ for ( ; i < length; i++ ) {
+ value = callback.apply( obj[ i ], args );
+
+ if ( value === false ) {
+ break;
+ }
+ }
+ } else {
+ for ( i in obj ) {
+ value = callback.apply( obj[ i ], args );
+
+ if ( value === false ) {
+ break;
+ }
+ }
+ }
+
+ // A special, fast, case for the most common use of each
+ } else {
+ if ( isArray ) {
+ for ( ; i < length; i++ ) {
+ value = callback.call( obj[ i ], i, obj[ i ] );
+
+ if ( value === false ) {
+ break;
+ }
+ }
+ } else {
+ for ( i in obj ) {
+ value = callback.call( obj[ i ], i, obj[ i ] );
+
+ if ( value === false ) {
+ break;
+ }
+ }
+ }
+ }
+
+ return obj;
+ },
+
+ // Use native String.trim function wherever possible
+ trim: core_trim && !core_trim.call("\uFEFF\xA0") ?
+ function( text ) {
+ return text == null ?
+ "" :
+ core_trim.call( text );
+ } :
+
+ // Otherwise use our own trimming functionality
+ function( text ) {
+ return text == null ?
+ "" :
+ ( text + "" ).replace( rtrim, "" );
+ },
+
+ // results is for internal usage only
+ makeArray: function( arr, results ) {
+ var ret = results || [];
+
+ if ( arr != null ) {
+ if ( isArraylike( Object(arr) ) ) {
+ jQuery.merge( ret,
+ typeof arr === "string" ?
+ [ arr ] : arr
+ );
+ } else {
+ core_push.call( ret, arr );
+ }
+ }
+
+ return ret;
+ },
+
+ inArray: function( elem, arr, i ) {
+ var len;
+
+ if ( arr ) {
+ if ( core_indexOf ) {
+ return core_indexOf.call( arr, elem, i );
+ }
+
+ len = arr.length;
+ i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
+
+ for ( ; i < len; i++ ) {
+ // Skip accessing in sparse arrays
+ if ( i in arr && arr[ i ] === elem ) {
+ return i;
+ }
+ }
+ }
+
+ return -1;
+ },
+
+ merge: function( first, second ) {
+ var l = second.length,
+ i = first.length,
+ j = 0;
+
+ if ( typeof l === "number" ) {
+ for ( ; j < l; j++ ) {
+ first[ i++ ] = second[ j ];
+ }
+ } else {
+ while ( second[j] !== undefined ) {
+ first[ i++ ] = second[ j++ ];
+ }
+ }
+
+ first.length = i;
+
+ return first;
+ },
+
+ grep: function( elems, callback, inv ) {
+ var retVal,
+ ret = [],
+ i = 0,
+ length = elems.length;
+ inv = !!inv;
+
+ // Go through the array, only saving the items
+ // that pass the validator function
+ for ( ; i < length; i++ ) {
+ retVal = !!callback( elems[ i ], i );
+ if ( inv !== retVal ) {
+ ret.push( elems[ i ] );
+ }
+ }
+
+ return ret;
+ },
+
+ // arg is for internal usage only
+ map: function( elems, callback, arg ) {
+ var value,
+ i = 0,
+ length = elems.length,
+ isArray = isArraylike( elems ),
+ ret = [];
+
+ // Go through the array, translating each of the items to their
+ if ( isArray ) {
+ for ( ; i < length; i++ ) {
+ value = callback( elems[ i ], i, arg );
+
+ if ( value != null ) {
+ ret[ ret.length ] = value;
+ }
+ }
+
+ // Go through every key on the object,
+ } else {
+ for ( i in elems ) {
+ value = callback( elems[ i ], i, arg );
+
+ if ( value != null ) {
+ ret[ ret.length ] = value;
+ }
+ }
+ }
+
+ // Flatten any nested arrays
+ return core_concat.apply( [], ret );
+ },
+
+ // A global GUID counter for objects
+ guid: 1,
+
+ // Bind a function to a context, optionally partially applying any
+ // arguments.
+ proxy: function( fn, context ) {
+ var args, proxy, tmp;
+
+ if ( typeof context === "string" ) {
+ tmp = fn[ context ];
+ context = fn;
+ fn = tmp;
+ }
+
+ // Quick check to determine if target is callable, in the spec
+ // this throws a TypeError, but we will just return undefined.
+ if ( !jQuery.isFunction( fn ) ) {
+ return undefined;
+ }
+
+ // Simulated bind
+ args = core_slice.call( arguments, 2 );
+ proxy = function() {
+ return fn.apply( context || this, args.concat( core_slice.call( arguments ) ) );
+ };
+
+ // Set the guid of unique handler to the same of original handler, so it can be removed
+ proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+ return proxy;
+ },
+
+ // Multifunctional method to get and set values of a collection
+ // The value/s can optionally be executed if it's a function
+ access: function( elems, fn, key, value, chainable, emptyGet, raw ) {
+ var i = 0,
+ length = elems.length,
+ bulk = key == null;
+
+ // Sets many values
+ if ( jQuery.type( key ) === "object" ) {
+ chainable = true;
+ for ( i in key ) {
+ jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
+ }
+
+ // Sets one value
+ } else if ( value !== undefined ) {
+ chainable = true;
+
+ if ( !jQuery.isFunction( value ) ) {
+ raw = true;
+ }
+
+ if ( bulk ) {
+ // Bulk operations run against the entire set
+ if ( raw ) {
+ fn.call( elems, value );
+ fn = null;
+
+ // ...except when executing function values
+ } else {
+ bulk = fn;
+ fn = function( elem, key, value ) {
+ return bulk.call( jQuery( elem ), value );
+ };
+ }
+ }
+
+ if ( fn ) {
+ for ( ; i < length; i++ ) {
+ fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
+ }
+ }
+ }
+
+ return chainable ?
+ elems :
+
+ // Gets
+ bulk ?
+ fn.call( elems ) :
+ length ? fn( elems[0], key ) : emptyGet;
+ },
+
+ now: function() {
+ return ( new Date() ).getTime();
+ },
+
+ // A method for quickly swapping in/out CSS properties to get correct calculations.
+ // Note: this method belongs to the css module but it's needed here for the support module.
+ // If support gets modularized, this method should be moved back to the css module.
+ swap: function( elem, options, callback, args ) {
+ var ret, name,
+ old = {};
+
+ // Remember the old values, and insert the new ones
+ for ( name in options ) {
+ old[ name ] = elem.style[ name ];
+ elem.style[ name ] = options[ name ];
+ }
+
+ ret = callback.apply( elem, args || [] );
+
+ // Revert the old values
+ for ( name in options ) {
+ elem.style[ name ] = old[ name ];
+ }
+
+ return ret;
+ }
+});
+
+jQuery.ready.promise = function( obj ) {
+ if ( !readyList ) {
+
+ readyList = jQuery.Deferred();
+
+ // Catch cases where $(document).ready() is called after the browser event has already occurred.
+ // we once tried to use readyState "interactive" here, but it caused issues like the one
+ // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+ if ( document.readyState === "complete" ) {
+ // Handle it asynchronously to allow scripts the opportunity to delay ready
+ setTimeout( jQuery.ready );
+
+ // Standards-based browsers support DOMContentLoaded
+ } else if ( document.addEventListener ) {
+ // Use the handy event callback
+ document.addEventListener( "DOMContentLoaded", completed, false );
+
+ // A fallback to window.onload, that will always work
+ window.addEventListener( "load", completed, false );
+
+ // If IE event model is used
+ } else {
+ // Ensure firing before onload, maybe late but safe also for iframes
+ document.attachEvent( "onreadystatechange", completed );
+
+ // A fallback to window.onload, that will always work
+ window.attachEvent( "onload", completed );
+
+ // If IE and not a frame
+ // continually check to see if the document is ready
+ var top = false;
+
+ try {
+ top = window.frameElement == null && document.documentElement;
+ } catch(e) {}
+
+ if ( top && top.doScroll ) {
+ (function doScrollCheck() {
+ if ( !jQuery.isReady ) {
+
+ try {
+ // Use the trick by Diego Perini
+ // http://javascript.nwbox.com/IEContentLoaded/
+ top.doScroll("left");
+ } catch(e) {
+ return setTimeout( doScrollCheck, 50 );
+ }
+
+ // detach all dom ready events
+ detach();
+
+ // and execute any waiting functions
+ jQuery.ready();
+ }
+ })();
+ }
+ }
+ }
+ return readyList.promise( obj );
+};
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+ class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+function isArraylike( obj ) {
+ var length = obj.length,
+ type = jQuery.type( obj );
+
+ if ( jQuery.isWindow( obj ) ) {
+ return false;
+ }
+
+ if ( obj.nodeType === 1 && length ) {
+ return true;
+ }
+
+ return type === "array" || type !== "function" &&
+ ( length === 0 ||
+ typeof length === "number" && length > 0 && ( length - 1 ) in obj );
+}
+
+// All jQuery objects should point back to these
+rootjQuery = jQuery(document);
+/*!
+ * Sizzle CSS Selector Engine v1.10.2
+ * http://sizzlejs.com/
+ *
+ * Copyright 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2013-07-03
+ */
+(function( window, undefined ) {
+
+var i,
+ support,
+ cachedruns,
+ Expr,
+ getText,
+ isXML,
+ compile,
+ outermostContext,
+ sortInput,
+
+ // Local document vars
+ setDocument,
+ document,
+ docElem,
+ documentIsHTML,
+ rbuggyQSA,
+ rbuggyMatches,
+ matches,
+ contains,
+
+ // Instance-specific data
+ expando = "sizzle" + -(new Date()),
+ preferredDoc = window.document,
+ dirruns = 0,
+ done = 0,
+ classCache = createCache(),
+ tokenCache = createCache(),
+ compilerCache = createCache(),
+ hasDuplicate = false,
+ sortOrder = function( a, b ) {
+ if ( a === b ) {
+ hasDuplicate = true;
+ return 0;
+ }
+ return 0;
+ },
+
+ // General-purpose constants
+ strundefined = typeof undefined,
+ MAX_NEGATIVE = 1 << 31,
+
+ // Instance methods
+ hasOwn = ({}).hasOwnProperty,
+ arr = [],
+ pop = arr.pop,
+ push_native = arr.push,
+ push = arr.push,
+ slice = arr.slice,
+ // Use a stripped-down indexOf if we can't use a native one
+ indexOf = arr.indexOf || function( elem ) {
+ var i = 0,
+ len = this.length;
+ for ( ; i < len; i++ ) {
+ if ( this[i] === elem ) {
+ return i;
+ }
+ }
+ return -1;
+ },
+
+ booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+ // Regular expressions
+
+ // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+ whitespace = "[\\x20\\t\\r\\n\\f]",
+ // http://www.w3.org/TR/css3-syntax/#characters
+ characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+ // Loosely modeled on CSS identifier characters
+ // An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
+ // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+ identifier = characterEncoding.replace( "w", "w#" ),
+
+ // Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors
+ attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace +
+ "*(?:([*^$|!~]?=)" + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]",
+
+ // Prefer arguments quoted,
+ // then not containing pseudos/brackets,
+ // then attribute selectors/non-parenthetical expressions,
+ // then anything else
+ // These preferences are here to reduce the number of selectors
+ // needing tokenize in the PSEUDO preFilter
+ pseudos = ":(" + characterEncoding + ")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)",
+
+ // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+ rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+ rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+ rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+ rsibling = new RegExp( whitespace + "*[+~]" ),
+ rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*)" + whitespace + "*\\]", "g" ),
+
+ rpseudo = new RegExp( pseudos ),
+ ridentifier = new RegExp( "^" + identifier + "$" ),
+
+ matchExpr = {
+ "ID": new RegExp( "^#(" + characterEncoding + ")" ),
+ "CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
+ "TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
+ "ATTR": new RegExp( "^" + attributes ),
+ "PSEUDO": new RegExp( "^" + pseudos ),
+ "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+ "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+ "*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+ "bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+ // For use in libraries implementing .is()
+ // We use this for POS matching in `select`
+ "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+ whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+ },
+
+ rnative = /^[^{]+\{\s*\[native \w/,
+
+ // Easily-parseable/retrievable ID or TAG or CLASS selectors
+ rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+ rinputs = /^(?:input|select|textarea|button)$/i,
+ rheader = /^h\d$/i,
+
+ rescape = /'|\\/g,
+
+ // CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+ runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+ funescape = function( _, escaped, escapedWhitespace ) {
+ var high = "0x" + escaped - 0x10000;
+ // NaN means non-codepoint
+ // Support: Firefox
+ // Workaround erroneous numeric interpretation of +"0x"
+ return high !== high || escapedWhitespace ?
+ escaped :
+ // BMP codepoint
+ high < 0 ?
+ String.fromCharCode( high + 0x10000 ) :
+ // Supplemental Plane codepoint (surrogate pair)
+ String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+ };
+
+// Optimize for push.apply( _, NodeList )
+try {
+ push.apply(
+ (arr = slice.call( preferredDoc.childNodes )),
+ preferredDoc.childNodes
+ );
+ // Support: Android<4.0
+ // Detect silently failing push.apply
+ arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+ push = { apply: arr.length ?
+
+ // Leverage slice if possible
+ function( target, els ) {
+ push_native.apply( target, slice.call(els) );
+ } :
+
+ // Support: IE<9
+ // Otherwise append directly
+ function( target, els ) {
+ var j = target.length,
+ i = 0;
+ // Can't trust NodeList.length
+ while ( (target[j++] = els[i++]) ) {}
+ target.length = j - 1;
+ }
+ };
+}
+
+function Sizzle( selector, context, results, seed ) {
+ var match, elem, m, nodeType,
+ // QSA vars
+ i, groups, old, nid, newContext, newSelector;
+
+ if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+ setDocument( context );
+ }
+
+ context = context || document;
+ results = results || [];
+
+ if ( !selector || typeof selector !== "string" ) {
+ return results;
+ }
+
+ if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) {
+ return [];
+ }
+
+ if ( documentIsHTML && !seed ) {
+
+ // Shortcuts
+ if ( (match = rquickExpr.exec( selector )) ) {
+ // Speed-up: Sizzle("#ID")
+ if ( (m = match[1]) ) {
+ if ( nodeType === 9 ) {
+ elem = context.getElementById( m );
+ // Check parentNode to catch when Blackberry 4.6 returns
+ // nodes that are no longer in the document #6963
+ if ( elem && elem.parentNode ) {
+ // Handle the case where IE, Opera, and Webkit return items
+ // by name instead of ID
+ if ( elem.id === m ) {
+ results.push( elem );
+ return results;
+ }
+ } else {
+ return results;
+ }
+ } else {
+ // Context is not a document
+ if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
+ contains( context, elem ) && elem.id === m ) {
+ results.push( elem );
+ return results;
+ }
+ }
+
+ // Speed-up: Sizzle("TAG")
+ } else if ( match[2] ) {
+ push.apply( results, context.getElementsByTagName( selector ) );
+ return results;
+
+ // Speed-up: Sizzle(".CLASS")
+ } else if ( (m = match[3]) && support.getElementsByClassName && context.getElementsByClassName ) {
+ push.apply( results, context.getElementsByClassName( m ) );
+ return results;
+ }
+ }
+
+ // QSA path
+ if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+ nid = old = expando;
+ newContext = context;
+ newSelector = nodeType === 9 && selector;
+
+ // qSA works strangely on Element-rooted queries
+ // We can work around this by specifying an extra ID on the root
+ // and working up from there (Thanks to Andrew Dupont for the technique)
+ // IE 8 doesn't work on object elements
+ if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+ groups = tokenize( selector );
+
+ if ( (old = context.getAttribute("id")) ) {
+ nid = old.replace( rescape, "\\$&" );
+ } else {
+ context.setAttribute( "id", nid );
+ }
+ nid = "[id='" + nid + "'] ";
+
+ i = groups.length;
+ while ( i-- ) {
+ groups[i] = nid + toSelector( groups[i] );
+ }
+ newContext = rsibling.test( selector ) && context.parentNode || context;
+ newSelector = groups.join(",");
+ }
+
+ if ( newSelector ) {
+ try {
+ push.apply( results,
+ newContext.querySelectorAll( newSelector )
+ );
+ return results;
+ } catch(qsaError) {
+ } finally {
+ if ( !old ) {
+ context.removeAttribute("id");
+ }
+ }
+ }
+ }
+ }
+
+ // All others
+ return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {Function(string, Object)} Returns the Object data after storing it on itself with
+ * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ * deleting the oldest entry
+ */
+function createCache() {
+ var keys = [];
+
+ function cache( key, value ) {
+ // Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+ if ( keys.push( key += " " ) > Expr.cacheLength ) {
+ // Only keep the most recent entries
+ delete cache[ keys.shift() ];
+ }
+ return (cache[ key ] = value);
+ }
+ return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+ fn[ expando ] = true;
+ return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+function assert( fn ) {
+ var div = document.createElement("div");
+
+ try {
+ return !!fn( div );
+ } catch (e) {
+ return false;
+ } finally {
+ // Remove from its parent by default
+ if ( div.parentNode ) {
+ div.parentNode.removeChild( div );
+ }
+ // release memory in IE
+ div = null;
+ }
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied
+ */
+function addHandle( attrs, handler ) {
+ var arr = attrs.split("|"),
+ i = attrs.length;
+
+ while ( i-- ) {
+ Expr.attrHandle[ arr[i] ] = handler;
+ }
+}
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
+ */
+function siblingCheck( a, b ) {
+ var cur = b && a,
+ diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+ ( ~b.sourceIndex || MAX_NEGATIVE ) -
+ ( ~a.sourceIndex || MAX_NEGATIVE );
+
+ // Use IE sourceIndex if available on both nodes
+ if ( diff ) {
+ return diff;
+ }
+
+ // Check if b follows a
+ if ( cur ) {
+ while ( (cur = cur.nextSibling) ) {
+ if ( cur === b ) {
+ return -1;
+ }
+ }
+ }
+
+ return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+ return function( elem ) {
+ var name = elem.nodeName.toLowerCase();
+ return name === "input" && elem.type === type;
+ };
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+ return function( elem ) {
+ var name = elem.nodeName.toLowerCase();
+ return (name === "input" || name === "button") && elem.type === type;
+ };
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+ return markFunction(function( argument ) {
+ argument = +argument;
+ return markFunction(function( seed, matches ) {
+ var j,
+ matchIndexes = fn( [], seed.length, argument ),
+ i = matchIndexes.length;
+
+ // Match elements found at the specified indexes
+ while ( i-- ) {
+ if ( seed[ (j = matchIndexes[i]) ] ) {
+ seed[j] = !(matches[j] = seed[j]);
+ }
+ }
+ });
+ });
+}
+
+/**
+ * Detect xml
+ * @param {Element|Object} elem An element or a document
+ */
+isXML = Sizzle.isXML = function( elem ) {
+ // documentElement is verified for cases where it doesn't yet exist
+ // (such as loading iframes in IE - #4833)
+ var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+ return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+ var doc = node ? node.ownerDocument || node : preferredDoc,
+ parent = doc.defaultView;
+
+ // If no document and documentElement is available, return
+ if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+ return document;
+ }
+
+ // Set our document
+ document = doc;
+ docElem = doc.documentElement;
+
+ // Support tests
+ documentIsHTML = !isXML( doc );
+
+ // Support: IE>8
+ // If iframe document is assigned to "document" variable and if iframe has been reloaded,
+ // IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936
+ // IE6-8 do not support the defaultView property so parent will be undefined
+ if ( parent && parent.attachEvent && parent !== parent.top ) {
+ parent.attachEvent( "onbeforeunload", function() {
+ setDocument();
+ });
+ }
+
+ /* Attributes
+ ---------------------------------------------------------------------- */
+
+ // Support: IE<8
+ // Verify that getAttribute really returns attributes and not properties (excepting IE8 booleans)
+ support.attributes = assert(function( div ) {
+ div.className = "i";
+ return !div.getAttribute("className");
+ });
+
+ /* getElement(s)By*
+ ---------------------------------------------------------------------- */
+
+ // Check if getElementsByTagName("*") returns only elements
+ support.getElementsByTagName = assert(function( div ) {
+ div.appendChild( doc.createComment("") );
+ return !div.getElementsByTagName("*").length;
+ });
+
+ // Check if getElementsByClassName can be trusted
+ support.getElementsByClassName = assert(function( div ) {
+ div.innerHTML = "<div class='a'></div><div class='a i'></div>";
+
+ // Support: Safari<4
+ // Catch class over-caching
+ div.firstChild.className = "i";
+ // Support: Opera<10
+ // Catch gEBCN failure to find non-leading classes
+ return div.getElementsByClassName("i").length === 2;
+ });
+
+ // Support: IE<10
+ // Check if getElementById returns elements by name
+ // The broken getElementById methods don't pick up programatically-set names,
+ // so use a roundabout getElementsByName test
+ support.getById = assert(function( div ) {
+ docElem.appendChild( div ).id = expando;
+ return !doc.getElementsByName || !doc.getElementsByName( expando ).length;
+ });
+
+ // ID find and filter
+ if ( support.getById ) {
+ Expr.find["ID"] = function( id, context ) {
+ if ( typeof context.getElementById !== strundefined && documentIsHTML ) {
+ var m = context.getElementById( id );
+ // Check parentNode to catch when Blackberry 4.6 returns
+ // nodes that are no longer in the document #6963
+ return m && m.parentNode ? [m] : [];
+ }
+ };
+ Expr.filter["ID"] = function( id ) {
+ var attrId = id.replace( runescape, funescape );
+ return function( elem ) {
+ return elem.getAttribute("id") === attrId;
+ };
+ };
+ } else {
+ // Support: IE6/7
+ // getElementById is not reliable as a find shortcut
+ delete Expr.find["ID"];
+
+ Expr.filter["ID"] = function( id ) {
+ var attrId = id.replace( runescape, funescape );
+ return function( elem ) {
+ var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
+ return node && node.value === attrId;
+ };
+ };
+ }
+
+ // Tag
+ Expr.find["TAG"] = support.getElementsByTagName ?
+ function( tag, context ) {
+ if ( typeof context.getElementsByTagName !== strundefined ) {
+ return context.getElementsByTagName( tag );
+ }
+ } :
+ function( tag, context ) {
+ var elem,
+ tmp = [],
+ i = 0,
+ results = context.getElementsByTagName( tag );
+
+ // Filter out possible comments
+ if ( tag === "*" ) {
+ while ( (elem = results[i++]) ) {
+ if ( elem.nodeType === 1 ) {
+ tmp.push( elem );
+ }
+ }
+
+ return tmp;
+ }
+ return results;
+ };
+
+ // Class
+ Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+ if ( typeof context.getElementsByClassName !== strundefined && documentIsHTML ) {
+ return context.getElementsByClassName( className );
+ }
+ };
+
+ /* QSA/matchesSelector
+ ---------------------------------------------------------------------- */
+
+ // QSA and matchesSelector support
+
+ // matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+ rbuggyMatches = [];
+
+ // qSa(:focus) reports false when true (Chrome 21)
+ // We allow this because of a bug in IE8/9 that throws an error
+ // whenever `document.activeElement` is accessed on an iframe
+ // So, we allow :focus to pass through QSA all the time to avoid the IE error
+ // See http://bugs.jquery.com/ticket/13378
+ rbuggyQSA = [];
+
+ if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) {
+ // Build QSA regex
+ // Regex strategy adopted from Diego Perini
+ assert(function( div ) {
+ // Select is set to empty string on purpose
+ // This is to test IE's treatment of not explicitly
+ // setting a boolean content attribute,
+ // since its presence should be enough
+ // http://bugs.jquery.com/ticket/12359
+ div.innerHTML = "<select><option selected=''></option></select>";
+
+ // Support: IE8
+ // Boolean attributes and "value" are not treated correctly
+ if ( !div.querySelectorAll("[selected]").length ) {
+ rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+ }
+
+ // Webkit/Opera - :checked should return selected option elements
+ // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+ // IE8 throws error here and will not see later tests
+ if ( !div.querySelectorAll(":checked").length ) {
+ rbuggyQSA.push(":checked");
+ }
+ });
+
+ assert(function( div ) {
+
+ // Support: Opera 10-12/IE8
+ // ^= $= *= and empty values
+ // Should not select anything
+ // Support: Windows 8 Native Apps
+ // The type attribute is restricted during .innerHTML assignment
+ var input = doc.createElement("input");
+ input.setAttribute( "type", "hidden" );
+ div.appendChild( input ).setAttribute( "t", "" );
+
+ if ( div.querySelectorAll("[t^='']").length ) {
+ rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+ }
+
+ // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+ // IE8 throws error here and will not see later tests
+ if ( !div.querySelectorAll(":enabled").length ) {
+ rbuggyQSA.push( ":enabled", ":disabled" );
+ }
+
+ // Opera 10-11 does not throw on post-comma invalid pseudos
+ div.querySelectorAll("*,:x");
+ rbuggyQSA.push(",.*:");
+ });
+ }
+
+ if ( (support.matchesSelector = rnative.test( (matches = docElem.webkitMatchesSelector ||
+ docElem.mozMatchesSelector ||
+ docElem.oMatchesSelector ||
+ docElem.msMatchesSelector) )) ) {
+
+ assert(function( div ) {
+ // Check to see if it's possible to do matchesSelector
+ // on a disconnected node (IE 9)
+ support.disconnectedMatch = matches.call( div, "div" );
+
+ // This should fail with an exception
+ // Gecko does not error, returns false instead
+ matches.call( div, "[s!='']:x" );
+ rbuggyMatches.push( "!=", pseudos );
+ });
+ }
+
+ rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+ rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+ /* Contains
+ ---------------------------------------------------------------------- */
+
+ // Element contains another
+ // Purposefully does not implement inclusive descendent
+ // As in, an element does not contain itself
+ contains = rnative.test( docElem.contains ) || docElem.compareDocumentPosition ?
+ function( a, b ) {
+ var adown = a.nodeType === 9 ? a.documentElement : a,
+ bup = b && b.parentNode;
+ return a === bup || !!( bup && bup.nodeType === 1 && (
+ adown.contains ?
+ adown.contains( bup ) :
+ a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+ ));
+ } :
+ function( a, b ) {
+ if ( b ) {
+ while ( (b = b.parentNode) ) {
+ if ( b === a ) {
+ return true;
+ }
+ }
+ }
+ return false;
+ };
+
+ /* Sorting
+ ---------------------------------------------------------------------- */
+
+ // Document order sorting
+ sortOrder = docElem.compareDocumentPosition ?
+ function( a, b ) {
+
+ // Flag for duplicate removal
+ if ( a === b ) {
+ hasDuplicate = true;
+ return 0;
+ }
+
+ var compare = b.compareDocumentPosition && a.compareDocumentPosition && a.compareDocumentPosition( b );
+
+ if ( compare ) {
+ // Disconnected nodes
+ if ( compare & 1 ||
+ (!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+ // Choose the first element that is related to our preferred document
+ if ( a === doc || contains(preferredDoc, a) ) {
+ return -1;
+ }
+ if ( b === doc || contains(preferredDoc, b) ) {
+ return 1;
+ }
+
+ // Maintain original order
+ return sortInput ?
+ ( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+ 0;
+ }
+
+ return compare & 4 ? -1 : 1;
+ }
+
+ // Not directly comparable, sort on existence of method
+ return a.compareDocumentPosition ? -1 : 1;
+ } :
+ function( a, b ) {
+ var cur,
+ i = 0,
+ aup = a.parentNode,
+ bup = b.parentNode,
+ ap = [ a ],
+ bp = [ b ];
+
+ // Exit early if the nodes are identical
+ if ( a === b ) {
+ hasDuplicate = true;
+ return 0;
+
+ // Parentless nodes are either documents or disconnected
+ } else if ( !aup || !bup ) {
+ return a === doc ? -1 :
+ b === doc ? 1 :
+ aup ? -1 :
+ bup ? 1 :
+ sortInput ?
+ ( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+ 0;
+
+ // If the nodes are siblings, we can do a quick check
+ } else if ( aup === bup ) {
+ return siblingCheck( a, b );
+ }
+
+ // Otherwise we need full lists of their ancestors for comparison
+ cur = a;
+ while ( (cur = cur.parentNode) ) {
+ ap.unshift( cur );
+ }
+ cur = b;
+ while ( (cur = cur.parentNode) ) {
+ bp.unshift( cur );
+ }
+
+ // Walk down the tree looking for a discrepancy
+ while ( ap[i] === bp[i] ) {
+ i++;
+ }
+
+ return i ?
+ // Do a sibling check if the nodes have a common ancestor
+ siblingCheck( ap[i], bp[i] ) :
+
+ // Otherwise nodes in our document sort first
+ ap[i] === preferredDoc ? -1 :
+ bp[i] === preferredDoc ? 1 :
+ 0;
+ };
+
+ return doc;
+};
+
+Sizzle.matches = function( expr, elements ) {
+ return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+ // Set document vars if needed
+ if ( ( elem.ownerDocument || elem ) !== document ) {
+ setDocument( elem );
+ }
+
+ // Make sure that attribute selectors are quoted
+ expr = expr.replace( rattributeQuotes, "='$1']" );
+
+ if ( support.matchesSelector && documentIsHTML &&
+ ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+ ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) {
+
+ try {
+ var ret = matches.call( elem, expr );
+
+ // IE 9's matchesSelector returns false on disconnected nodes
+ if ( ret || support.disconnectedMatch ||
+ // As well, disconnected nodes are said to be in a document
+ // fragment in IE 9
+ elem.document && elem.document.nodeType !== 11 ) {
+ return ret;
+ }
+ } catch(e) {}
+ }
+
+ return Sizzle( expr, document, null, [elem] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+ // Set document vars if needed
+ if ( ( context.ownerDocument || context ) !== document ) {
+ setDocument( context );
+ }
+ return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+ // Set document vars if needed
+ if ( ( elem.ownerDocument || elem ) !== document ) {
+ setDocument( elem );
+ }
+
+ var fn = Expr.attrHandle[ name.toLowerCase() ],
+ // Don't get fooled by Object.prototype properties (jQuery #13807)
+ val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+ fn( elem, name, !documentIsHTML ) :
+ undefined;
+
+ return val === undefined ?
+ support.attributes || !documentIsHTML ?
+ elem.getAttribute( name ) :
+ (val = elem.getAttributeNode(name)) && val.specified ?
+ val.value :
+ null :
+ val;
+};
+
+Sizzle.error = function( msg ) {
+ throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+Sizzle.uniqueSort = function( results ) {
+ var elem,
+ duplicates = [],
+ j = 0,
+ i = 0;
+
+ // Unless we *know* we can detect duplicates, assume their presence
+ hasDuplicate = !support.detectDuplicates;
+ sortInput = !support.sortStable && results.slice( 0 );
+ results.sort( sortOrder );
+
+ if ( hasDuplicate ) {
+ while ( (elem = results[i++]) ) {
+ if ( elem === results[ i ] ) {
+ j = duplicates.push( i );
+ }
+ }
+ while ( j-- ) {
+ results.splice( duplicates[ j ], 1 );
+ }
+ }
+
+ return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+ var node,
+ ret = "",
+ i = 0,
+ nodeType = elem.nodeType;
+
+ if ( !nodeType ) {
+ // If no nodeType, this is expected to be an array
+ for ( ; (node = elem[i]); i++ ) {
+ // Do not traverse comment nodes
+ ret += getText( node );
+ }
+ } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+ // Use textContent for elements
+ // innerText usage removed for consistency of new lines (see #11153)
+ if ( typeof elem.textContent === "string" ) {
+ return elem.textContent;
+ } else {
+ // Traverse its children
+ for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+ ret += getText( elem );
+ }
+ }
+ } else if ( nodeType === 3 || nodeType === 4 ) {
+ return elem.nodeValue;
+ }
+ // Do not include comment or processing instruction nodes
+
+ return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+ // Can be adjusted by the user
+ cacheLength: 50,
+
+ createPseudo: markFunction,
+
+ match: matchExpr,
+
+ attrHandle: {},
+
+ find: {},
+
+ relative: {
+ ">": { dir: "parentNode", first: true },
+ " ": { dir: "parentNode" },
+ "+": { dir: "previousSibling", first: true },
+ "~": { dir: "previousSibling" }
+ },
+
+ preFilter: {
+ "ATTR": function( match ) {
+ match[1] = match[1].replace( runescape, funescape );
+
+ // Move the given value to match[3] whether quoted or unquoted
+ match[3] = ( match[4] || match[5] || "" ).replace( runescape, funescape );
+
+ if ( match[2] === "~=" ) {
+ match[3] = " " + match[3] + " ";
+ }
+
+ return match.slice( 0, 4 );
+ },
+
+ "CHILD": function( match ) {
+ /* matches from matchExpr["CHILD"]
+ 1 type (only|nth|...)
+ 2 what (child|of-type)
+ 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+ 4 xn-component of xn+y argument ([+-]?\d*n|)
+ 5 sign of xn-component
+ 6 x of xn-component
+ 7 sign of y-component
+ 8 y of y-component
+ */
+ match[1] = match[1].toLowerCase();
+
+ if ( match[1].slice( 0, 3 ) === "nth" ) {
+ // nth-* requires argument
+ if ( !match[3] ) {
+ Sizzle.error( match[0] );
+ }
+
+ // numeric x and y parameters for Expr.filter.CHILD
+ // remember that false/true cast respectively to 0/1
+ match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+ match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+ // other types prohibit arguments
+ } else if ( match[3] ) {
+ Sizzle.error( match[0] );
+ }
+
+ return match;
+ },
+
+ "PSEUDO": function( match ) {
+ var excess,
+ unquoted = !match[5] && match[2];
+
+ if ( matchExpr["CHILD"].test( match[0] ) ) {
+ return null;
+ }
+
+ // Accept quoted arguments as-is
+ if ( match[3] && match[4] !== undefined ) {
+ match[2] = match[4];
+
+ // Strip excess characters from unquoted arguments
+ } else if ( unquoted && rpseudo.test( unquoted ) &&
+ // Get excess from tokenize (recursively)
+ (excess = tokenize( unquoted, true )) &&
+ // advance to the next closing parenthesis
+ (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+ // excess is a negative index
+ match[0] = match[0].slice( 0, excess );
+ match[2] = unquoted.slice( 0, excess );
+ }
+
+ // Return only captures needed by the pseudo filter method (type and argument)
+ return match.slice( 0, 3 );
+ }
+ },
+
+ filter: {
+
+ "TAG": function( nodeNameSelector ) {
+ var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+ return nodeNameSelector === "*" ?
+ function() { return true; } :
+ function( elem ) {
+ return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+ };
+ },
+
+ "CLASS": function( className ) {
+ var pattern = classCache[ className + " " ];
+
+ return pattern ||
+ (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+ classCache( className, function( elem ) {
+ return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute("class") || "" );
+ });
+ },
+
+ "ATTR": function( name, operator, check ) {
+ return function( elem ) {
+ var result = Sizzle.attr( elem, name );
+
+ if ( result == null ) {
+ return operator === "!=";
+ }
+ if ( !operator ) {
+ return true;
+ }
+
+ result += "";
+
+ return operator === "=" ? result === check :
+ operator === "!=" ? result !== check :
+ operator === "^=" ? check && result.indexOf( check ) === 0 :
+ operator === "*=" ? check && result.indexOf( check ) > -1 :
+ operator === "$=" ? check && result.slice( -check.length ) === check :
+ operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
+ operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+ false;
+ };
+ },
+
+ "CHILD": function( type, what, argument, first, last ) {
+ var simple = type.slice( 0, 3 ) !== "nth",
+ forward = type.slice( -4 ) !== "last",
+ ofType = what === "of-type";
+
+ return first === 1 && last === 0 ?
+
+ // Shortcut for :nth-*(n)
+ function( elem ) {
+ return !!elem.parentNode;
+ } :
+
+ function( elem, context, xml ) {
+ var cache, outerCache, node, diff, nodeIndex, start,
+ dir = simple !== forward ? "nextSibling" : "previousSibling",
+ parent = elem.parentNode,
+ name = ofType && elem.nodeName.toLowerCase(),
+ useCache = !xml && !ofType;
+
+ if ( parent ) {
+
+ // :(first|last|only)-(child|of-type)
+ if ( simple ) {
+ while ( dir ) {
+ node = elem;
+ while ( (node = node[ dir ]) ) {
+ if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
+ return false;
+ }
+ }
+ // Reverse direction for :only-* (if we haven't yet done so)
+ start = dir = type === "only" && !start && "nextSibling";
+ }
+ return true;
+ }
+
+ start = [ forward ? parent.firstChild : parent.lastChild ];
+
+ // non-xml :nth-child(...) stores cache data on `parent`
+ if ( forward && useCache ) {
+ // Seek `elem` from a previously-cached index
+ outerCache = parent[ expando ] || (parent[ expando ] = {});
+ cache = outerCache[ type ] || [];
+ nodeIndex = cache[0] === dirruns && cache[1];
+ diff = cache[0] === dirruns && cache[2];
+ node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+ while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+ // Fallback to seeking `elem` from the start
+ (diff = nodeIndex = 0) || start.pop()) ) {
+
+ // When found, cache indexes on `parent` and break
+ if ( node.nodeType === 1 && ++diff && node === elem ) {
+ outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+ break;
+ }
+ }
+
+ // Use previously-cached element index if available
+ } else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
+ diff = cache[1];
+
+ // xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
+ } else {
+ // Use the same loop as above to seek `elem` from the start
+ while ( (node = ++nodeIndex && node && node[ dir ] ||
+ (diff = nodeIndex = 0) || start.pop()) ) {
+
+ if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
+ // Cache the index of each encountered element
+ if ( useCache ) {
+ (node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
+ }
+
+ if ( node === elem ) {
+ break;
+ }
+ }
+ }
+ }
+
+ // Incorporate the offset, then check against cycle size
+ diff -= last;
+ return diff === first || ( diff % first === 0 && diff / first >= 0 );
+ }
+ };
+ },
+
+ "PSEUDO": function( pseudo, argument ) {
+ // pseudo-class names are case-insensitive
+ // http://www.w3.org/TR/selectors/#pseudo-classes
+ // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+ // Remember that setFilters inherits from pseudos
+ var args,
+ fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+ Sizzle.error( "unsupported pseudo: " + pseudo );
+
+ // The user may use createPseudo to indicate that
+ // arguments are needed to create the filter function
+ // just as Sizzle does
+ if ( fn[ expando ] ) {
+ return fn( argument );
+ }
+
+ // But maintain support for old signatures
+ if ( fn.length > 1 ) {
+ args = [ pseudo, pseudo, "", argument ];
+ return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+ markFunction(function( seed, matches ) {
+ var idx,
+ matched = fn( seed, argument ),
+ i = matched.length;
+ while ( i-- ) {
+ idx = indexOf.call( seed, matched[i] );
+ seed[ idx ] = !( matches[ idx ] = matched[i] );
+ }
+ }) :
+ function( elem ) {
+ return fn( elem, 0, args );
+ };
+ }
+
+ return fn;
+ }
+ },
+
+ pseudos: {
+ // Potentially complex pseudos
+ "not": markFunction(function( selector ) {
+ // Trim the selector passed to compile
+ // to avoid treating leading and trailing
+ // spaces as combinators
+ var input = [],
+ results = [],
+ matcher = compile( selector.replace( rtrim, "$1" ) );
+
+ return matcher[ expando ] ?
+ markFunction(function( seed, matches, context, xml ) {
+ var elem,
+ unmatched = matcher( seed, null, xml, [] ),
+ i = seed.length;
+
+ // Match elements unmatched by `matcher`
+ while ( i-- ) {
+ if ( (elem = unmatched[i]) ) {
+ seed[i] = !(matches[i] = elem);
+ }
+ }
+ }) :
+ function( elem, context, xml ) {
+ input[0] = elem;
+ matcher( input, null, xml, results );
+ return !results.pop();
+ };
+ }),
+
+ "has": markFunction(function( selector ) {
+ return function( elem ) {
+ return Sizzle( selector, elem ).length > 0;
+ };
+ }),
+
+ "contains": markFunction(function( text ) {
+ return function( elem ) {
+ return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+ };
+ }),
+
+ // "Whether an element is represented by a :lang() selector
+ // is based solely on the element's language value
+ // being equal to the identifier C,
+ // or beginning with the identifier C immediately followed by "-".
+ // The matching of C against the element's language value is performed case-insensitively.
+ // The identifier C does not have to be a valid language name."
+ // http://www.w3.org/TR/selectors/#lang-pseudo
+ "lang": markFunction( function( lang ) {
+ // lang value must be a valid identifier
+ if ( !ridentifier.test(lang || "") ) {
+ Sizzle.error( "unsupported lang: " + lang );
+ }
+ lang = lang.replace( runescape, funescape ).toLowerCase();
+ return function( elem ) {
+ var elemLang;
+ do {
+ if ( (elemLang = documentIsHTML ?
+ elem.lang :
+ elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+ elemLang = elemLang.toLowerCase();
+ return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+ }
+ } while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+ return false;
+ };
+ }),
+
+ // Miscellaneous
+ "target": function( elem ) {
+ var hash = window.location && window.location.hash;
+ return hash && hash.slice( 1 ) === elem.id;
+ },
+
+ "root": function( elem ) {
+ return elem === docElem;
+ },
+
+ "focus": function( elem ) {
+ return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+ },
+
+ // Boolean properties
+ "enabled": function( elem ) {
+ return elem.disabled === false;
+ },
+
+ "disabled": function( elem ) {
+ return elem.disabled === true;
+ },
+
+ "checked": function( elem ) {
+ // In CSS3, :checked should return both checked and selected elements
+ // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+ var nodeName = elem.nodeName.toLowerCase();
+ return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+ },
+
+ "selected": function( elem ) {
+ // Accessing this property makes selected-by-default
+ // options in Safari work properly
+ if ( elem.parentNode ) {
+ elem.parentNode.selectedIndex;
+ }
+
+ return elem.selected === true;
+ },
+
+ // Contents
+ "empty": function( elem ) {
+ // http://www.w3.org/TR/selectors/#empty-pseudo
+ // :empty is only affected by element nodes and content nodes(including text(3), cdata(4)),
+ // not comment, processing instructions, or others
+ // Thanks to Diego Perini for the nodeName shortcut
+ // Greater than "@" means alpha characters (specifically not starting with "#" or "?")
+ for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+ if ( elem.nodeName > "@" || elem.nodeType === 3 || elem.nodeType === 4 ) {
+ return false;
+ }
+ }
+ return true;
+ },
+
+ "parent": function( elem ) {
+ return !Expr.pseudos["empty"]( elem );
+ },
+
+ // Element/input types
+ "header": function( elem ) {
+ return rheader.test( elem.nodeName );
+ },
+
+ "input": function( elem ) {
+ return rinputs.test( elem.nodeName );
+ },
+
+ "button": function( elem ) {
+ var name = elem.nodeName.toLowerCase();
+ return name === "input" && elem.type === "button" || name === "button";
+ },
+
+ "text": function( elem ) {
+ var attr;
+ // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
+ // use getAttribute instead to test this case
+ return elem.nodeName.toLowerCase() === "input" &&
+ elem.type === "text" &&
+ ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === elem.type );
+ },
+
+ // Position-in-collection
+ "first": createPositionalPseudo(function() {
+ return [ 0 ];
+ }),
+
+ "last": createPositionalPseudo(function( matchIndexes, length ) {
+ return [ length - 1 ];
+ }),
+
+ "eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+ return [ argument < 0 ? argument + length : argument ];
+ }),
+
+ "even": createPositionalPseudo(function( matchIndexes, length ) {
+ var i = 0;
+ for ( ; i < length; i += 2 ) {
+ matchIndexes.push( i );
+ }
+ return matchIndexes;
+ }),
+
+ "odd": createPositionalPseudo(function( matchIndexes, length ) {
+ var i = 1;
+ for ( ; i < length; i += 2 ) {
+ matchIndexes.push( i );
+ }
+ return matchIndexes;
+ }),
+
+ "lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+ var i = argument < 0 ? argument + length : argument;
+ for ( ; --i >= 0; ) {
+ matchIndexes.push( i );
+ }
+ return matchIndexes;
+ }),
+
+ "gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+ var i = argument < 0 ? argument + length : argument;
+ for ( ; ++i < length; ) {
+ matchIndexes.push( i );
+ }
+ return matchIndexes;
+ })
+ }
+};
+
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+ Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+ Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+function tokenize( selector, parseOnly ) {
+ var matched, match, tokens, type,
+ soFar, groups, preFilters,
+ cached = tokenCache[ selector + " " ];
+
+ if ( cached ) {
+ return parseOnly ? 0 : cached.slice( 0 );
+ }
+
+ soFar = selector;
+ groups = [];
+ preFilters = Expr.preFilter;
+
+ while ( soFar ) {
+
+ // Comma and first run
+ if ( !matched || (match = rcomma.exec( soFar )) ) {
+ if ( match ) {
+ // Don't consume trailing commas as valid
+ soFar = soFar.slice( match[0].length ) || soFar;
+ }
+ groups.push( tokens = [] );
+ }
+
+ matched = false;
+
+ // Combinators
+ if ( (match = rcombinators.exec( soFar )) ) {
+ matched = match.shift();
+ tokens.push({
+ value: matched,
+ // Cast descendant combinators to space
+ type: match[0].replace( rtrim, " " )
+ });
+ soFar = soFar.slice( matched.length );
+ }
+
+ // Filters
+ for ( type in Expr.filter ) {
+ if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+ (match = preFilters[ type ]( match ))) ) {
+ matched = match.shift();
+ tokens.push({
+ value: matched,
+ type: type,
+ matches: match
+ });
+ soFar = soFar.slice( matched.length );
+ }
+ }
+
+ if ( !matched ) {
+ break;
+ }
+ }
+
+ // Return the length of the invalid excess
+ // if we're just parsing
+ // Otherwise, throw an error or return tokens
+ return parseOnly ?
+ soFar.length :
+ soFar ?
+ Sizzle.error( selector ) :
+ // Cache the tokens
+ tokenCache( selector, groups ).slice( 0 );
+}
+
+function toSelector( tokens ) {
+ var i = 0,
+ len = tokens.length,
+ selector = "";
+ for ( ; i < len; i++ ) {
+ selector += tokens[i].value;
+ }
+ return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+ var dir = combinator.dir,
+ checkNonElements = base && dir === "parentNode",
+ doneName = done++;
+
+ return combinator.first ?
+ // Check against closest ancestor/preceding element
+ function( elem, context, xml ) {
+ while ( (elem = elem[ dir ]) ) {
+ if ( elem.nodeType === 1 || checkNonElements ) {
+ return matcher( elem, context, xml );
+ }
+ }
+ } :
+
+ // Check against all ancestor/preceding elements
+ function( elem, context, xml ) {
+ var data, cache, outerCache,
+ dirkey = dirruns + " " + doneName;
+
+ // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+ if ( xml ) {
+ while ( (elem = elem[ dir ]) ) {
+ if ( elem.nodeType === 1 || checkNonElements ) {
+ if ( matcher( elem, context, xml ) ) {
+ return true;
+ }
+ }
+ }
+ } else {
+ while ( (elem = elem[ dir ]) ) {
+ if ( elem.nodeType === 1 || checkNonElements ) {
+ outerCache = elem[ expando ] || (elem[ expando ] = {});
+ if ( (cache = outerCache[ dir ]) && cache[0] === dirkey ) {
+ if ( (data = cache[1]) === true || data === cachedruns ) {
+ return data === true;
+ }
+ } else {
+ cache = outerCache[ dir ] = [ dirkey ];
+ cache[1] = matcher( elem, context, xml ) || cachedruns;
+ if ( cache[1] === true ) {
+ return true;
+ }
+ }
+ }
+ }
+ }
+ };
+}
+
+function elementMatcher( matchers ) {
+ return matchers.length > 1 ?
+ function( elem, context, xml ) {
+ var i = matchers.length;
+ while ( i-- ) {
+ if ( !matchers[i]( elem, context, xml ) ) {
+ return false;
+ }
+ }
+ return true;
+ } :
+ matchers[0];
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+ var elem,
+ newUnmatched = [],
+ i = 0,
+ len = unmatched.length,
+ mapped = map != null;
+
+ for ( ; i < len; i++ ) {
+ if ( (elem = unmatched[i]) ) {
+ if ( !filter || filter( elem, context, xml ) ) {
+ newUnmatched.push( elem );
+ if ( mapped ) {
+ map.push( i );
+ }
+ }
+ }
+ }
+
+ return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+ if ( postFilter && !postFilter[ expando ] ) {
+ postFilter = setMatcher( postFilter );
+ }
+ if ( postFinder && !postFinder[ expando ] ) {
+ postFinder = setMatcher( postFinder, postSelector );
+ }
+ return markFunction(function( seed, results, context, xml ) {
+ var temp, i, elem,
+ preMap = [],
+ postMap = [],
+ preexisting = results.length,
+
+ // Get initial elements from seed or context
+ elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+ // Prefilter to get matcher input, preserving a map for seed-results synchronization
+ matcherIn = preFilter && ( seed || !selector ) ?
+ condense( elems, preMap, preFilter, context, xml ) :
+ elems,
+
+ matcherOut = matcher ?
+ // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+ postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+ // ...intermediate processing is necessary
+ [] :
+
+ // ...otherwise use results directly
+ results :
+ matcherIn;
+
+ // Find primary matches
+ if ( matcher ) {
+ matcher( matcherIn, matcherOut, context, xml );
+ }
+
+ // Apply postFilter
+ if ( postFilter ) {
+ temp = condense( matcherOut, postMap );
+ postFilter( temp, [], context, xml );
+
+ // Un-match failing elements by moving them back to matcherIn
+ i = temp.length;
+ while ( i-- ) {
+ if ( (elem = temp[i]) ) {
+ matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+ }
+ }
+ }
+
+ if ( seed ) {
+ if ( postFinder || preFilter ) {
+ if ( postFinder ) {
+ // Get the final matcherOut by condensing this intermediate into postFinder contexts
+ temp = [];
+ i = matcherOut.length;
+ while ( i-- ) {
+ if ( (elem = matcherOut[i]) ) {
+ // Restore matcherIn since elem is not yet a final match
+ temp.push( (matcherIn[i] = elem) );
+ }
+ }
+ postFinder( null, (matcherOut = []), temp, xml );
+ }
+
+ // Move matched elements from seed to results to keep them synchronized
+ i = matcherOut.length;
+ while ( i-- ) {
+ if ( (elem = matcherOut[i]) &&
+ (temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) {
+
+ seed[temp] = !(results[temp] = elem);
+ }
+ }
+ }
+
+ // Add elements to results, through postFinder if defined
+ } else {
+ matcherOut = condense(
+ matcherOut === results ?
+ matcherOut.splice( preexisting, matcherOut.length ) :
+ matcherOut
+ );
+ if ( postFinder ) {
+ postFinder( null, results, matcherOut, xml );
+ } else {
+ push.apply( results, matcherOut );
+ }
+ }
+ });
+}
+
+function matcherFromTokens( tokens ) {
+ var checkContext, matcher, j,
+ len = tokens.length,
+ leadingRelative = Expr.relative[ tokens[0].type ],
+ implicitRelative = leadingRelative || Expr.relative[" "],
+ i = leadingRelative ? 1 : 0,
+
+ // The foundational matcher ensures that elements are reachable from top-level context(s)
+ matchContext = addCombinator( function( elem ) {
+ return elem === checkContext;
+ }, implicitRelative, true ),
+ matchAnyContext = addCombinator( function( elem ) {
+ return indexOf.call( checkContext, elem ) > -1;
+ }, implicitRelative, true ),
+ matchers = [ function( elem, context, xml ) {
+ return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+ (checkContext = context).nodeType ?
+ matchContext( elem, context, xml ) :
+ matchAnyContext( elem, context, xml ) );
+ } ];
+
+ for ( ; i < len; i++ ) {
+ if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+ matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+ } else {
+ matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+ // Return special upon seeing a positional matcher
+ if ( matcher[ expando ] ) {
+ // Find the next relative operator (if any) for proper handling
+ j = ++i;
+ for ( ; j < len; j++ ) {
+ if ( Expr.relative[ tokens[j].type ] ) {
+ break;
+ }
+ }
+ return setMatcher(
+ i > 1 && elementMatcher( matchers ),
+ i > 1 && toSelector(
+ // If the preceding token was a descendant combinator, insert an implicit any-element `*`
+ tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+ ).replace( rtrim, "$1" ),
+ matcher,
+ i < j && matcherFromTokens( tokens.slice( i, j ) ),
+ j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+ j < len && toSelector( tokens )
+ );
+ }
+ matchers.push( matcher );
+ }
+ }
+
+ return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+ // A counter to specify which element is currently being matched
+ var matcherCachedRuns = 0,
+ bySet = setMatchers.length > 0,
+ byElement = elementMatchers.length > 0,
+ superMatcher = function( seed, context, xml, results, expandContext ) {
+ var elem, j, matcher,
+ setMatched = [],
+ matchedCount = 0,
+ i = "0",
+ unmatched = seed && [],
+ outermost = expandContext != null,
+ contextBackup = outermostContext,
+ // We must always have either seed elements or context
+ elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ),
+ // Use integer dirruns iff this is the outermost matcher
+ dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1);
+
+ if ( outermost ) {
+ outermostContext = context !== document && context;
+ cachedruns = matcherCachedRuns;
+ }
+
+ // Add elements passing elementMatchers directly to results
+ // Keep `i` a string if there are no elements so `matchedCount` will be "00" below
+ for ( ; (elem = elems[i]) != null; i++ ) {
+ if ( byElement && elem ) {
+ j = 0;
+ while ( (matcher = elementMatchers[j++]) ) {
+ if ( matcher( elem, context, xml ) ) {
+ results.push( elem );
+ break;
+ }
+ }
+ if ( outermost ) {
+ dirruns = dirrunsUnique;
+ cachedruns = ++matcherCachedRuns;
+ }
+ }
+
+ // Track unmatched elements for set filters
+ if ( bySet ) {
+ // They will have gone through all possible matchers
+ if ( (elem = !matcher && elem) ) {
+ matchedCount--;
+ }
+
+ // Lengthen the array for every element, matched or not
+ if ( seed ) {
+ unmatched.push( elem );
+ }
+ }
+ }
+
+ // Apply set filters to unmatched elements
+ matchedCount += i;
+ if ( bySet && i !== matchedCount ) {
+ j = 0;
+ while ( (matcher = setMatchers[j++]) ) {
+ matcher( unmatched, setMatched, context, xml );
+ }
+
+ if ( seed ) {
+ // Reintegrate element matches to eliminate the need for sorting
+ if ( matchedCount > 0 ) {
+ while ( i-- ) {
+ if ( !(unmatched[i] || setMatched[i]) ) {
+ setMatched[i] = pop.call( results );
+ }
+ }
+ }
+
+ // Discard index placeholder values to get only actual matches
+ setMatched = condense( setMatched );
+ }
+
+ // Add matches to results
+ push.apply( results, setMatched );
+
+ // Seedless set matches succeeding multiple successful matchers stipulate sorting
+ if ( outermost && !seed && setMatched.length > 0 &&
+ ( matchedCount + setMatchers.length ) > 1 ) {
+
+ Sizzle.uniqueSort( results );
+ }
+ }
+
+ // Override manipulation of globals by nested matchers
+ if ( outermost ) {
+ dirruns = dirrunsUnique;
+ outermostContext = contextBackup;
+ }
+
+ return unmatched;
+ };
+
+ return bySet ?
+ markFunction( superMatcher ) :
+ superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) {
+ var i,
+ setMatchers = [],
+ elementMatchers = [],
+ cached = compilerCache[ selector + " " ];
+
+ if ( !cached ) {
+ // Generate a function of recursive functions that can be used to check each element
+ if ( !group ) {
+ group = tokenize( selector );
+ }
+ i = group.length;
+ while ( i-- ) {
+ cached = matcherFromTokens( group[i] );
+ if ( cached[ expando ] ) {
+ setMatchers.push( cached );
+ } else {
+ elementMatchers.push( cached );
+ }
+ }
+
+ // Cache the compiled function
+ cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+ }
+ return cached;
+};
+
+function multipleContexts( selector, contexts, results ) {
+ var i = 0,
+ len = contexts.length;
+ for ( ; i < len; i++ ) {
+ Sizzle( selector, contexts[i], results );
+ }
+ return results;
+}
+
+function select( selector, context, results, seed ) {
+ var i, tokens, token, type, find,
+ match = tokenize( selector );
+
+ if ( !seed ) {
+ // Try to minimize operations if there is only one group
+ if ( match.length === 1 ) {
+
+ // Take a shortcut and set the context if the root selector is an ID
+ tokens = match[0] = match[0].slice( 0 );
+ if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+ support.getById && context.nodeType === 9 && documentIsHTML &&
+ Expr.relative[ tokens[1].type ] ) {
+
+ context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+ if ( !context ) {
+ return results;
+ }
+ selector = selector.slice( tokens.shift().value.length );
+ }
+
+ // Fetch a seed set for right-to-left matching
+ i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+ while ( i-- ) {
+ token = tokens[i];
+
+ // Abort if we hit a combinator
+ if ( Expr.relative[ (type = token.type) ] ) {
+ break;
+ }
+ if ( (find = Expr.find[ type ]) ) {
+ // Search, expanding context for leading sibling combinators
+ if ( (seed = find(
+ token.matches[0].replace( runescape, funescape ),
+ rsibling.test( tokens[0].type ) && context.parentNode || context
+ )) ) {
+
+ // If seed is empty or no tokens remain, we can return early
+ tokens.splice( i, 1 );
+ selector = seed.length && toSelector( tokens );
+ if ( !selector ) {
+ push.apply( results, seed );
+ return results;
+ }
+
+ break;
+ }
+ }
+ }
+ }
+ }
+
+ // Compile and execute a filtering function
+ // Provide `match` to avoid retokenization if we modified the selector above
+ compile( selector, match )(
+ seed,
+ context,
+ !documentIsHTML,
+ results,
+ rsibling.test( selector )
+ );
+ return results;
+}
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Support: Chrome<14
+// Always assume duplicates if they aren't passed to the comparison function
+support.detectDuplicates = hasDuplicate;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert(function( div1 ) {
+ // Should return 1, but returns 4 (following)
+ return div1.compareDocumentPosition( document.createElement("div") ) & 1;
+});
+
+// Support: IE<8
+// Prevent attribute/property "interpolation"
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !assert(function( div ) {
+ div.innerHTML = "<a href='#'></a>";
+ return div.firstChild.getAttribute("href") === "#" ;
+}) ) {
+ addHandle( "type|href|height|width", function( elem, name, isXML ) {
+ if ( !isXML ) {
+ return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+ }
+ });
+}
+
+// Support: IE<9
+// Use defaultValue in place of getAttribute("value")
+if ( !support.attributes || !assert(function( div ) {
+ div.innerHTML = "<input/>";
+ div.firstChild.setAttribute( "value", "" );
+ return div.firstChild.getAttribute( "value" ) === "";
+}) ) {
+ addHandle( "value", function( elem, name, isXML ) {
+ if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
+ return elem.defaultValue;
+ }
+ });
+}
+
+// Support: IE<9
+// Use getAttributeNode to fetch booleans when getAttribute lies
+if ( !assert(function( div ) {
+ return div.getAttribute("disabled") == null;
+}) ) {
+ addHandle( booleans, function( elem, name, isXML ) {
+ var val;
+ if ( !isXML ) {
+ return (val = elem.getAttributeNode( name )) && val.specified ?
+ val.value :
+ elem[ name ] === true ? name.toLowerCase() : null;
+ }
+ });
+}
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.pseudos;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+})( window );
+// String to Object options format cache
+var optionsCache = {};
+
+// Convert String-formatted options into Object-formatted ones and store in cache
+function createOptions( options ) {
+ var object = optionsCache[ options ] = {};
+ jQuery.each( options.match( core_rnotwhite ) || [], function( _, flag ) {
+ object[ flag ] = true;
+ });
+ return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ * options: an optional list of space-separated options that will change how
+ * the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ * once: will ensure the callback list can only be fired once (like a Deferred)
+ *
+ * memory: will keep track of previous values and will call any callback added
+ * after the list has been fired right away with the latest "memorized"
+ * values (like a Deferred)
+ *
+ * unique: will ensure a callback can only be added once (no duplicate in the list)
+ *
+ * stopOnFalse: interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+ // Convert options from String-formatted to Object-formatted if needed
+ // (we check in cache first)
+ options = typeof options === "string" ?
+ ( optionsCache[ options ] || createOptions( options ) ) :
+ jQuery.extend( {}, options );
+
+ var // Flag to know if list is currently firing
+ firing,
+ // Last fire value (for non-forgettable lists)
+ memory,
+ // Flag to know if list was already fired
+ fired,
+ // End of the loop when firing
+ firingLength,
+ // Index of currently firing callback (modified by remove if needed)
+ firingIndex,
+ // First callback to fire (used internally by add and fireWith)
+ firingStart,
+ // Actual callback list
+ list = [],
+ // Stack of fire calls for repeatable lists
+ stack = !options.once && [],
+ // Fire callbacks
+ fire = function( data ) {
+ memory = options.memory && data;
+ fired = true;
+ firingIndex = firingStart || 0;
+ firingStart = 0;
+ firingLength = list.length;
+ firing = true;
+ for ( ; list && firingIndex < firingLength; firingIndex++ ) {
+ if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
+ memory = false; // To prevent further calls using add
+ break;
+ }
+ }
+ firing = false;
+ if ( list ) {
+ if ( stack ) {
+ if ( stack.length ) {
+ fire( stack.shift() );
+ }
+ } else if ( memory ) {
+ list = [];
+ } else {
+ self.disable();
+ }
+ }
+ },
+ // Actual Callbacks object
+ self = {
+ // Add a callback or a collection of callbacks to the list
+ add: function() {
+ if ( list ) {
+ // First, we save the current length
+ var start = list.length;
+ (function add( args ) {
+ jQuery.each( args, function( _, arg ) {
+ var type = jQuery.type( arg );
+ if ( type === "function" ) {
+ if ( !options.unique || !self.has( arg ) ) {
+ list.push( arg );
+ }
+ } else if ( arg && arg.length && type !== "string" ) {
+ // Inspect recursively
+ add( arg );
+ }
+ });
+ })( arguments );
+ // Do we need to add the callbacks to the
+ // current firing batch?
+ if ( firing ) {
+ firingLength = list.length;
+ // With memory, if we're not firing then
+ // we should call right away
+ } else if ( memory ) {
+ firingStart = start;
+ fire( memory );
+ }
+ }
+ return this;
+ },
+ // Remove a callback from the list
+ remove: function() {
+ if ( list ) {
+ jQuery.each( arguments, function( _, arg ) {
+ var index;
+ while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+ list.splice( index, 1 );
+ // Handle firing indexes
+ if ( firing ) {
+ if ( index <= firingLength ) {
+ firingLength--;
+ }
+ if ( index <= firingIndex ) {
+ firingIndex--;
+ }
+ }
+ }
+ });
+ }
+ return this;
+ },
+ // Check if a given callback is in the list.
+ // If no argument is given, return whether or not list has callbacks attached.
+ has: function( fn ) {
+ return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
+ },
+ // Remove all callbacks from the list
+ empty: function() {
+ list = [];
+ firingLength = 0;
+ return this;
+ },
+ // Have the list do nothing anymore
+ disable: function() {
+ list = stack = memory = undefined;
+ return this;
+ },
+ // Is it disabled?
+ disabled: function() {
+ return !list;
+ },
+ // Lock the list in its current state
+ lock: function() {
+ stack = undefined;
+ if ( !memory ) {
+ self.disable();
+ }
+ return this;
+ },
+ // Is it locked?
+ locked: function() {
+ return !stack;
+ },
+ // Call all callbacks with the given context and arguments
+ fireWith: function( context, args ) {
+ if ( list && ( !fired || stack ) ) {
+ args = args || [];
+ args = [ context, args.slice ? args.slice() : args ];
+ if ( firing ) {
+ stack.push( args );
+ } else {
+ fire( args );
+ }
+ }
+ return this;
+ },
+ // Call all the callbacks with the given arguments
+ fire: function() {
+ self.fireWith( this, arguments );
+ return this;
+ },
+ // To know if the callbacks have already been called at least once
+ fired: function() {
+ return !!fired;
+ }
+ };
+
+ return self;
+};
+jQuery.extend({
+
+ Deferred: function( func ) {
+ var tuples = [
+ // action, add listener, listener list, final state
+ [ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
+ [ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
+ [ "notify", "progress", jQuery.Callbacks("memory") ]
+ ],
+ state = "pending",
+ promise = {
+ state: function() {
+ return state;
+ },
+ always: function() {
+ deferred.done( arguments ).fail( arguments );
+ return this;
+ },
+ then: function( /* fnDone, fnFail, fnProgress */ ) {
+ var fns = arguments;
+ return jQuery.Deferred(function( newDefer ) {
+ jQuery.each( tuples, function( i, tuple ) {
+ var action = tuple[ 0 ],
+ fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+ // deferred[ done | fail | progress ] for forwarding actions to newDefer
+ deferred[ tuple[1] ](function() {
+ var returned = fn && fn.apply( this, arguments );
+ if ( returned && jQuery.isFunction( returned.promise ) ) {
+ returned.promise()
+ .done( newDefer.resolve )
+ .fail( newDefer.reject )
+ .progress( newDefer.notify );
+ } else {
+ newDefer[ action + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
+ }
+ });
+ });
+ fns = null;
+ }).promise();
+ },
+ // Get a promise for this deferred
+ // If obj is provided, the promise aspect is added to the object
+ promise: function( obj ) {
+ return obj != null ? jQuery.extend( obj, promise ) : promise;
+ }
+ },
+ deferred = {};
+
+ // Keep pipe for back-compat
+ promise.pipe = promise.then;
+
+ // Add list-specific methods
+ jQuery.each( tuples, function( i, tuple ) {
+ var list = tuple[ 2 ],
+ stateString = tuple[ 3 ];
+
+ // promise[ done | fail | progress ] = list.add
+ promise[ tuple[1] ] = list.add;
+
+ // Handle state
+ if ( stateString ) {
+ list.add(function() {
+ // state = [ resolved | rejected ]
+ state = stateString;
+
+ // [ reject_list | resolve_list ].disable; progress_list.lock
+ }, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+ }
+
+ // deferred[ resolve | reject | notify ]
+ deferred[ tuple[0] ] = function() {
+ deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
+ return this;
+ };
+ deferred[ tuple[0] + "With" ] = list.fireWith;
+ });
+
+ // Make the deferred a promise
+ promise.promise( deferred );
+
+ // Call given func if any
+ if ( func ) {
+ func.call( deferred, deferred );
+ }
+
+ // All done!
+ return deferred;
+ },
+
+ // Deferred helper
+ when: function( subordinate /* , ..., subordinateN */ ) {
+ var i = 0,
+ resolveValues = core_slice.call( arguments ),
+ length = resolveValues.length,
+
+ // the count of uncompleted subordinates
+ remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+ // the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+ deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+ // Update function for both resolve and progress values
+ updateFunc = function( i, contexts, values ) {
+ return function( value ) {
+ contexts[ i ] = this;
+ values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value;
+ if( values === progressValues ) {
+ deferred.notifyWith( contexts, values );
+ } else if ( !( --remaining ) ) {
+ deferred.resolveWith( contexts, values );
+ }
+ };
+ },
+
+ progressValues, progressContexts, resolveContexts;
+
+ // add listeners to Deferred subordinates; treat others as resolved
+ if ( length > 1 ) {
+ progressValues = new Array( length );
+ progressContexts = new Array( length );
+ resolveContexts = new Array( length );
+ for ( ; i < length; i++ ) {
+ if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+ resolveValues[ i ].promise()
+ .done( updateFunc( i, resolveContexts, resolveValues ) )
+ .fail( deferred.reject )
+ .progress( updateFunc( i, progressContexts, progressValues ) );
+ } else {
+ --remaining;
+ }
+ }
+ }
+
+ // if we're not waiting on anything, resolve the master
+ if ( !remaining ) {
+ deferred.resolveWith( resolveContexts, resolveValues );
+ }
+
+ return deferred.promise();
+ }
+});
+jQuery.support = (function( support ) {
+
+ var all, a, input, select, fragment, opt, eventName, isSupported, i,
+ div = document.createElement("div");
+
+ // Setup
+ div.setAttribute( "className", "t" );
+ div.innerHTML = " <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+
+ // Finish early in limited (non-browser) environments
+ all = div.getElementsByTagName("*") || [];
+ a = div.getElementsByTagName("a")[ 0 ];
+ if ( !a || !a.style || !all.length ) {
+ return support;
+ }
+
+ // First batch of tests
+ select = document.createElement("select");
+ opt = select.appendChild( document.createElement("option") );
+ input = div.getElementsByTagName("input")[ 0 ];
+
+ a.style.cssText = "top:1px;float:left;opacity:.5";
+
+ // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
+ support.getSetAttribute = div.className !== "t";
+
+ // IE strips leading whitespace when .innerHTML is used
+ support.leadingWhitespace = div.firstChild.nodeType === 3;
+
+ // Make sure that tbody elements aren't automatically inserted
+ // IE will insert them into empty tables
+ support.tbody = !div.getElementsByTagName("tbody").length;
+
+ // Make sure that link elements get serialized correctly by innerHTML
+ // This requires a wrapper element in IE
+ support.htmlSerialize = !!div.getElementsByTagName("link").length;
+
+ // Get the style information from getAttribute
+ // (IE uses .cssText instead)
+ support.style = /top/.test( a.getAttribute("style") );
+
+ // Make sure that URLs aren't manipulated
+ // (IE normalizes it by default)
+ support.hrefNormalized = a.getAttribute("href") === "/a";
+
+ // Make sure that element opacity exists
+ // (IE uses filter instead)
+ // Use a regex to work around a WebKit issue. See #5145
+ support.opacity = /^0.5/.test( a.style.opacity );
+
+ // Verify style float existence
+ // (IE uses styleFloat instead of cssFloat)
+ support.cssFloat = !!a.style.cssFloat;
+
+ // Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
+ support.checkOn = !!input.value;
+
+ // Make sure that a selected-by-default option has a working selected property.
+ // (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+ support.optSelected = opt.selected;
+
+ // Tests for enctype support on a form (#6743)
+ support.enctype = !!document.createElement("form").enctype;
+
+ // Makes sure cloning an html5 element does not cause problems
+ // Where outerHTML is undefined, this still works
+ support.html5Clone = document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>";
+
+ // Will be defined later
+ support.inlineBlockNeedsLayout = false;
+ support.shrinkWrapBlocks = false;
+ support.pixelPosition = false;
+ support.deleteExpando = true;
+ support.noCloneEvent = true;
+ support.reliableMarginRight = true;
+ support.boxSizingReliable = true;
+
+ // Make sure checked status is properly cloned
+ input.checked = true;
+ support.noCloneChecked = input.cloneNode( true ).checked;
+
+ // Make sure that the options inside disabled selects aren't marked as disabled
+ // (WebKit marks them as disabled)
+ select.disabled = true;
+ support.optDisabled = !opt.disabled;
+
+ // Support: IE<9
+ try {
+ delete div.test;
+ } catch( e ) {
+ support.deleteExpando = false;
+ }
+
+ // Check if we can trust getAttribute("value")
+ input = document.createElement("input");
+ input.setAttribute( "value", "" );
+ support.input = input.getAttribute( "value" ) === "";
+
+ // Check if an input maintains its value after becoming a radio
+ input.value = "t";
+ input.setAttribute( "type", "radio" );
+ support.radioValue = input.value === "t";
+
+ // #11217 - WebKit loses check when the name is after the checked attribute
+ input.setAttribute( "checked", "t" );
+ input.setAttribute( "name", "t" );
+
+ fragment = document.createDocumentFragment();
+ fragment.appendChild( input );
+
+ // Check if a disconnected checkbox will retain its checked
+ // value of true after appended to the DOM (IE6/7)
+ support.appendChecked = input.checked;
+
+ // WebKit doesn't clone checked state correctly in fragments
+ support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+ // Support: IE<9
+ // Opera does not clone events (and typeof div.attachEvent === undefined).
+ // IE9-10 clones events bound via attachEvent, but they don't trigger with .click()
+ if ( div.attachEvent ) {
+ div.attachEvent( "onclick", function() {
+ support.noCloneEvent = false;
+ });
+
+ div.cloneNode( true ).click();
+ }
+
+ // Support: IE<9 (lack submit/change bubble), Firefox 17+ (lack focusin event)
+ // Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP)
+ for ( i in { submit: true, change: true, focusin: true }) {
+ div.setAttribute( eventName = "on" + i, "t" );
+
+ support[ i + "Bubbles" ] = eventName in window || div.attributes[ eventName ].expando === false;
+ }
+
+ div.style.backgroundClip = "content-box";
+ div.cloneNode( true ).style.backgroundClip = "";
+ support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+ // Support: IE<9
+ // Iteration over object's inherited properties before its own.
+ for ( i in jQuery( support ) ) {
+ break;
+ }
+ support.ownLast = i !== "0";
+
+ // Run tests that need a body at doc ready
+ jQuery(function() {
+ var container, marginDiv, tds,
+ divReset = "padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",
+ body = document.getElementsByTagName("body")[0];
+
+ if ( !body ) {
+ // Return for frameset docs that don't have a body
+ return;
+ }
+
+ container = document.createElement("div");
+ container.style.cssText = "border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";
+
+ body.appendChild( container ).appendChild( div );
+
+ // Support: IE8
+ // Check if table cells still have offsetWidth/Height when they are set
+ // to display:none and there are still other visible table cells in a
+ // table row; if so, offsetWidth/Height are not reliable for use when
+ // determining if an element has been hidden directly using
+ // display:none (it is still safe to use offsets if a parent element is
+ // hidden; don safety goggles and see bug #4512 for more information).
+ div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
+ tds = div.getElementsByTagName("td");
+ tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none";
+ isSupported = ( tds[ 0 ].offsetHeight === 0 );
+
+ tds[ 0 ].style.display = "";
+ tds[ 1 ].style.display = "none";
+
+ // Support: IE8
+ // Check if empty table cells still have offsetWidth/Height
+ support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
+
+ // Check box-sizing and margin behavior.
+ div.innerHTML = "";
+ div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";
+
+ // Workaround failing boxSizing test due to offsetWidth returning wrong value
+ // with some non-1 values of body zoom, ticket #13543
+ jQuery.swap( body, body.style.zoom != null ? { zoom: 1 } : {}, function() {
+ support.boxSizing = div.offsetWidth === 4;
+ });
+
+ // Use window.getComputedStyle because jsdom on node.js will break without it.
+ if ( window.getComputedStyle ) {
+ support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%";
+ support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px";
+
+ // Check if div with explicit width and no margin-right incorrectly
+ // gets computed margin-right based on width of container. (#3333)
+ // Fails in WebKit before Feb 2011 nightlies
+ // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+ marginDiv = div.appendChild( document.createElement("div") );
+ marginDiv.style.cssText = div.style.cssText = divReset;
+ marginDiv.style.marginRight = marginDiv.style.width = "0";
+ div.style.width = "1px";
+
+ support.reliableMarginRight =
+ !parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight );
+ }
+
+ if ( typeof div.style.zoom !== core_strundefined ) {
+ // Support: IE<8
+ // Check if natively block-level elements act like inline-block
+ // elements when setting their display to 'inline' and giving
+ // them layout
+ div.innerHTML = "";
+ div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1";
+ support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 );
+
+ // Support: IE6
+ // Check if elements with layout shrink-wrap their children
+ div.style.display = "block";
+ div.innerHTML = "<div></div>";
+ div.firstChild.style.width = "5px";
+ support.shrinkWrapBlocks = ( div.offsetWidth !== 3 );
+
+ if ( support.inlineBlockNeedsLayout ) {
+ // Prevent IE 6 from affecting layout for positioned elements #11048
+ // Prevent IE from shrinking the body in IE 7 mode #12869
+ // Support: IE<8
+ body.style.zoom = 1;
+ }
+ }
+
+ body.removeChild( container );
+
+ // Null elements to avoid leaks in IE
+ container = div = tds = marginDiv = null;
+ });
+
+ // Null elements to avoid leaks in IE
+ all = select = fragment = opt = a = input = null;
+
+ return support;
+})({});
+
+var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
+ rmultiDash = /([A-Z])/g;
+
+function internalData( elem, name, data, pvt /* Internal Use Only */ ){
+ if ( !jQuery.acceptData( elem ) ) {
+ return;
+ }
+
+ var ret, thisCache,
+ internalKey = jQuery.expando,
+
+ // We have to handle DOM nodes and JS objects differently because IE6-7
+ // can't GC object references properly across the DOM-JS boundary
+ isNode = elem.nodeType,
+
+ // Only DOM nodes need the global jQuery cache; JS object data is
+ // attached directly to the object so GC can occur automatically
+ cache = isNode ? jQuery.cache : elem,
+
+ // Only defining an ID for JS objects if its cache already exists allows
+ // the code to shortcut on the same path as a DOM node with no cache
+ id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
+
+ // Avoid doing any more work than we need to when trying to get data on an
+ // object that has no data at all
+ if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && data === undefined && typeof name === "string" ) {
+ return;
+ }
+
+ if ( !id ) {
+ // Only DOM nodes need a new unique ID for each element since their data
+ // ends up in the global cache
+ if ( isNode ) {
+ id = elem[ internalKey ] = core_deletedIds.pop() || jQuery.guid++;
+ } else {
+ id = internalKey;
+ }
+ }
+
+ if ( !cache[ id ] ) {
+ // Avoid exposing jQuery metadata on plain JS objects when the object
+ // is serialized using JSON.stringify
+ cache[ id ] = isNode ? {} : { toJSON: jQuery.noop };
+ }
+
+ // An object can be passed to jQuery.data instead of a key/value pair; this gets
+ // shallow copied over onto the existing cache
+ if ( typeof name === "object" || typeof name === "function" ) {
+ if ( pvt ) {
+ cache[ id ] = jQuery.extend( cache[ id ], name );
+ } else {
+ cache[ id ].data = jQuery.extend( cache[ id ].data, name );
+ }
+ }
+
+ thisCache = cache[ id ];
+
+ // jQuery data() is stored in a separate object inside the object's internal data
+ // cache in order to avoid key collisions between internal data and user-defined
+ // data.
+ if ( !pvt ) {
+ if ( !thisCache.data ) {
+ thisCache.data = {};
+ }
+
+ thisCache = thisCache.data;
+ }
+
+ if ( data !== undefined ) {
+ thisCache[ jQuery.camelCase( name ) ] = data;
+ }
+
+ // Check for both converted-to-camel and non-converted data property names
+ // If a data property was specified
+ if ( typeof name === "string" ) {
+
+ // First Try to find as-is property data
+ ret = thisCache[ name ];
+
+ // Test for null|undefined property data
+ if ( ret == null ) {
+
+ // Try to find the camelCased property
+ ret = thisCache[ jQuery.camelCase( name ) ];
+ }
+ } else {
+ ret = thisCache;
+ }
+
+ return ret;
+}
+
+function internalRemoveData( elem, name, pvt ) {
+ if ( !jQuery.acceptData( elem ) ) {
+ return;
+ }
+
+ var thisCache, i,
+ isNode = elem.nodeType,
+
+ // See jQuery.data for more information
+ cache = isNode ? jQuery.cache : elem,
+ id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+ // If there is already no cache entry for this object, there is no
+ // purpose in continuing
+ if ( !cache[ id ] ) {
+ return;
+ }
+
+ if ( name ) {
+
+ thisCache = pvt ? cache[ id ] : cache[ id ].data;
+
+ if ( thisCache ) {
+
+ // Support array or space separated string names for data keys
+ if ( !jQuery.isArray( name ) ) {
+
+ // try the string as a key before any manipulation
+ if ( name in thisCache ) {
+ name = [ name ];
+ } else {
+
+ // split the camel cased version by spaces unless a key with the spaces exists
+ name = jQuery.camelCase( name );
+ if ( name in thisCache ) {
+ name = [ name ];
+ } else {
+ name = name.split(" ");
+ }
+ }
+ } else {
+ // If "name" is an array of keys...
+ // When data is initially created, via ("key", "val") signature,
+ // keys will be converted to camelCase.
+ // Since there is no way to tell _how_ a key was added, remove
+ // both plain key and camelCase key. #12786
+ // This will only penalize the array argument path.
+ name = name.concat( jQuery.map( name, jQuery.camelCase ) );
+ }
+
+ i = name.length;
+ while ( i-- ) {
+ delete thisCache[ name[i] ];
+ }
+
+ // If there is no data left in the cache, we want to continue
+ // and let the cache object itself get destroyed
+ if ( pvt ? !isEmptyDataObject(thisCache) : !jQuery.isEmptyObject(thisCache) ) {
+ return;
+ }
+ }
+ }
+
+ // See jQuery.data for more information
+ if ( !pvt ) {
+ delete cache[ id ].data;
+
+ // Don't destroy the parent cache unless the internal data object
+ // had been the only thing left in it
+ if ( !isEmptyDataObject( cache[ id ] ) ) {
+ return;
+ }
+ }
+
+ // Destroy the cache
+ if ( isNode ) {
+ jQuery.cleanData( [ elem ], true );
+
+ // Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
+ /* jshint eqeqeq: false */
+ } else if ( jQuery.support.deleteExpando || cache != cache.window ) {
+ /* jshint eqeqeq: true */
+ delete cache[ id ];
+
+ // When all else fails, null
+ } else {
+ cache[ id ] = null;
+ }
+}
+
+jQuery.extend({
+ cache: {},
+
+ // The following elements throw uncatchable exceptions if you
+ // attempt to add expando properties to them.
+ noData: {
+ "applet": true,
+ "embed": true,
+ // Ban all objects except for Flash (which handle expandos)
+ "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+ },
+
+ hasData: function( elem ) {
+ elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+ return !!elem && !isEmptyDataObject( elem );
+ },
+
+ data: function( elem, name, data ) {
+ return internalData( elem, name, data );
+ },
+
+ removeData: function( elem, name ) {
+ return internalRemoveData( elem, name );
+ },
+
+ // For internal use only.
+ _data: function( elem, name, data ) {
+ return internalData( elem, name, data, true );
+ },
+
+ _removeData: function( elem, name ) {
+ return internalRemoveData( elem, name, true );
+ },
+
+ // A method for determining if a DOM node can handle the data expando
+ acceptData: function( elem ) {
+ // Do not set data on non-element because it will not be cleared (#8335).
+ if ( elem.nodeType && elem.nodeType !== 1 && elem.nodeType !== 9 ) {
+ return false;
+ }
+
+ var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];
+
+ // nodes accept data unless otherwise specified; rejection can be conditional
+ return !noData || noData !== true && elem.getAttribute("classid") === noData;
+ }
+});
+
+jQuery.fn.extend({
+ data: function( key, value ) {
+ var attrs, name,
+ data = null,
+ i = 0,
+ elem = this[0];
+
+ // Special expections of .data basically thwart jQuery.access,
+ // so implement the relevant behavior ourselves
+
+ // Gets all values
+ if ( key === undefined ) {
+ if ( this.length ) {
+ data = jQuery.data( elem );
+
+ if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
+ attrs = elem.attributes;
+ for ( ; i < attrs.length; i++ ) {
+ name = attrs[i].name;
+
+ if ( name.indexOf("data-") === 0 ) {
+ name = jQuery.camelCase( name.slice(5) );
+
+ dataAttr( elem, name, data[ name ] );
+ }
+ }
+ jQuery._data( elem, "parsedAttrs", true );
+ }
+ }
+
+ return data;
+ }
+
+ // Sets multiple values
+ if ( typeof key === "object" ) {
+ return this.each(function() {
+ jQuery.data( this, key );
+ });
+ }
+
+ return arguments.length > 1 ?
+
+ // Sets one value
+ this.each(function() {
+ jQuery.data( this, key, value );
+ }) :
+
+ // Gets one value
+ // Try to fetch any internally stored data first
+ elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : null;
+ },
+
+ removeData: function( key ) {
+ return this.each(function() {
+ jQuery.removeData( this, key );
+ });
+ }
+});
+
+function dataAttr( elem, key, data ) {
+ // If nothing was found internally, try to fetch any
+ // data from the HTML5 data-* attribute
+ if ( data === undefined && elem.nodeType === 1 ) {
+
+ var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+
+ data = elem.getAttribute( name );
+
+ if ( typeof data === "string" ) {
+ try {
+ data = data === "true" ? true :
+ data === "false" ? false :
+ data === "null" ? null :
+ // Only convert to a number if it doesn't change the string
+ +data + "" === data ? +data :
+ rbrace.test( data ) ? jQuery.parseJSON( data ) :
+ data;
+ } catch( e ) {}
+
+ // Make sure we set the data so it isn't changed later
+ jQuery.data( elem, key, data );
+
+ } else {
+ data = undefined;
+ }
+ }
+
+ return data;
+}
+
+// checks a cache object for emptiness
+function isEmptyDataObject( obj ) {
+ var name;
+ for ( name in obj ) {
+
+ // if the public data object is empty, the private is still empty
+ if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
+ continue;
+ }
+ if ( name !== "toJSON" ) {
+ return false;
+ }
+ }
+
+ return true;
+}
+jQuery.extend({
+ queue: function( elem, type, data ) {
+ var queue;
+
+ if ( elem ) {
+ type = ( type || "fx" ) + "queue";
+ queue = jQuery._data( elem, type );
+
+ // Speed up dequeue by getting out quickly if this is just a lookup
+ if ( data ) {
+ if ( !queue || jQuery.isArray(data) ) {
+ queue = jQuery._data( elem, type, jQuery.makeArray(data) );
+ } else {
+ queue.push( data );
+ }
+ }
+ return queue || [];
+ }
+ },
+
+ dequeue: function( elem, type ) {
+ type = type || "fx";
+
+ var queue = jQuery.queue( elem, type ),
+ startLength = queue.length,
+ fn = queue.shift(),
+ hooks = jQuery._queueHooks( elem, type ),
+ next = function() {
+ jQuery.dequeue( elem, type );
+ };
+
+ // If the fx queue is dequeued, always remove the progress sentinel
+ if ( fn === "inprogress" ) {
+ fn = queue.shift();
+ startLength--;
+ }
+
+ if ( fn ) {
+
+ // Add a progress sentinel to prevent the fx queue from being
+ // automatically dequeued
+ if ( type === "fx" ) {
+ queue.unshift( "inprogress" );
+ }
+
+ // clear up the last queue stop function
+ delete hooks.stop;
+ fn.call( elem, next, hooks );
+ }
+
+ if ( !startLength && hooks ) {
+ hooks.empty.fire();
+ }
+ },
+
+ // not intended for public consumption - generates a queueHooks object, or returns the current one
+ _queueHooks: function( elem, type ) {
+ var key = type + "queueHooks";
+ return jQuery._data( elem, key ) || jQuery._data( elem, key, {
+ empty: jQuery.Callbacks("once memory").add(function() {
+ jQuery._removeData( elem, type + "queue" );
+ jQuery._removeData( elem, key );
+ })
+ });
+ }
+});
+
+jQuery.fn.extend({
+ queue: function( type, data ) {
+ var setter = 2;
+
+ if ( typeof type !== "string" ) {
+ data = type;
+ type = "fx";
+ setter--;
+ }
+
+ if ( arguments.length < setter ) {
+ return jQuery.queue( this[0], type );
+ }
+
+ return data === undefined ?
+ this :
+ this.each(function() {
+ var queue = jQuery.queue( this, type, data );
+
+ // ensure a hooks for this queue
+ jQuery._queueHooks( this, type );
+
+ if ( type === "fx" && queue[0] !== "inprogress" ) {
+ jQuery.dequeue( this, type );
+ }
+ });
+ },
+ dequeue: function( type ) {
+ return this.each(function() {
+ jQuery.dequeue( this, type );
+ });
+ },
+ // Based off of the plugin by Clint Helfers, with permission.
+ // http://blindsignals.com/index.php/2009/07/jquery-delay/
+ delay: function( time, type ) {
+ time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+ type = type || "fx";
+
+ return this.queue( type, function( next, hooks ) {
+ var timeout = setTimeout( next, time );
+ hooks.stop = function() {
+ clearTimeout( timeout );
+ };
+ });
+ },
+ clearQueue: function( type ) {
+ return this.queue( type || "fx", [] );
+ },
+ // Get a promise resolved when queues of a certain type
+ // are emptied (fx is the type by default)
+ promise: function( type, obj ) {
+ var tmp,
+ count = 1,
+ defer = jQuery.Deferred(),
+ elements = this,
+ i = this.length,
+ resolve = function() {
+ if ( !( --count ) ) {
+ defer.resolveWith( elements, [ elements ] );
+ }
+ };
+
+ if ( typeof type !== "string" ) {
+ obj = type;
+ type = undefined;
+ }
+ type = type || "fx";
+
+ while( i-- ) {
+ tmp = jQuery._data( elements[ i ], type + "queueHooks" );
+ if ( tmp && tmp.empty ) {
+ count++;
+ tmp.empty.add( resolve );
+ }
+ }
+ resolve();
+ return defer.promise( obj );
+ }
+});
+var nodeHook, boolHook,
+ rclass = /[\t\r\n\f]/g,
+ rreturn = /\r/g,
+ rfocusable = /^(?:input|select|textarea|button|object)$/i,
+ rclickable = /^(?:a|area)$/i,
+ ruseDefault = /^(?:checked|selected)$/i,
+ getSetAttribute = jQuery.support.getSetAttribute,
+ getSetInput = jQuery.support.input;
+
+jQuery.fn.extend({
+ attr: function( name, value ) {
+ return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );
+ },
+
+ removeAttr: function( name ) {
+ return this.each(function() {
+ jQuery.removeAttr( this, name );
+ });
+ },
+
+ prop: function( name, value ) {
+ return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 );
+ },
+
+ removeProp: function( name ) {
+ name = jQuery.propFix[ name ] || name;
+ return this.each(function() {
+ // try/catch handles cases where IE balks (such as removing a property on window)
+ try {
+ this[ name ] = undefined;
+ delete this[ name ];
+ } catch( e ) {}
+ });
+ },
+
+ addClass: function( value ) {
+ var classes, elem, cur, clazz, j,
+ i = 0,
+ len = this.length,
+ proceed = typeof value === "string" && value;
+
+ if ( jQuery.isFunction( value ) ) {
+ return this.each(function( j ) {
+ jQuery( this ).addClass( value.call( this, j, this.className ) );
+ });
+ }
+
+ if ( proceed ) {
+ // The disjunction here is for better compressibility (see removeClass)
+ classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+ for ( ; i < len; i++ ) {
+ elem = this[ i ];
+ cur = elem.nodeType === 1 && ( elem.className ?
+ ( " " + elem.className + " " ).replace( rclass, " " ) :
+ " "
+ );
+
+ if ( cur ) {
+ j = 0;
+ while ( (clazz = classes[j++]) ) {
+ if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+ cur += clazz + " ";
+ }
+ }
+ elem.className = jQuery.trim( cur );
+
+ }
+ }
+ }
+
+ return this;
+ },
+
+ removeClass: function( value ) {
+ var classes, elem, cur, clazz, j,
+ i = 0,
+ len = this.length,
+ proceed = arguments.length === 0 || typeof value === "string" && value;
+
+ if ( jQuery.isFunction( value ) ) {
+ return this.each(function( j ) {
+ jQuery( this ).removeClass( value.call( this, j, this.className ) );
+ });
+ }
+ if ( proceed ) {
+ classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+ for ( ; i < len; i++ ) {
+ elem = this[ i ];
+ // This expression is here for better compressibility (see addClass)
+ cur = elem.nodeType === 1 && ( elem.className ?
+ ( " " + elem.className + " " ).replace( rclass, " " ) :
+ ""
+ );
+
+ if ( cur ) {
+ j = 0;
+ while ( (clazz = classes[j++]) ) {
+ // Remove *all* instances
+ while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
+ cur = cur.replace( " " + clazz + " ", " " );
+ }
+ }
+ elem.className = value ? jQuery.trim( cur ) : "";
+ }
+ }
+ }
+
+ return this;
+ },
+
+ toggleClass: function( value, stateVal ) {
+ var type = typeof value;
+
+ if ( typeof stateVal === "boolean" && type === "string" ) {
+ return stateVal ? this.addClass( value ) : this.removeClass( value );
+ }
+
+ if ( jQuery.isFunction( value ) ) {
+ return this.each(function( i ) {
+ jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
+ });
+ }
+
+ return this.each(function() {
+ if ( type === "string" ) {
+ // toggle individual class names
+ var className,
+ i = 0,
+ self = jQuery( this ),
+ classNames = value.match( core_rnotwhite ) || [];
+
+ while ( (className = classNames[ i++ ]) ) {
+ // check each className given, space separated list
+ if ( self.hasClass( className ) ) {
+ self.removeClass( className );
+ } else {
+ self.addClass( className );
+ }
+ }
+
+ // Toggle whole class name
+ } else if ( type === core_strundefined || type === "boolean" ) {
+ if ( this.className ) {
+ // store className if set
+ jQuery._data( this, "__className__", this.className );
+ }
+
+ // If the element has a class name or if we're passed "false",
+ // then remove the whole classname (if there was one, the above saved it).
+ // Otherwise bring back whatever was previously saved (if anything),
+ // falling back to the empty string if nothing was stored.
+ this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+ }
+ });
+ },
+
+ hasClass: function( selector ) {
+ var className = " " + selector + " ",
+ i = 0,
+ l = this.length;
+ for ( ; i < l; i++ ) {
+ if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
+ return true;
+ }
+ }
+
+ return false;
+ },
+
+ val: function( value ) {
+ var ret, hooks, isFunction,
+ elem = this[0];
+
+ if ( !arguments.length ) {
+ if ( elem ) {
+ hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+ if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
+ return ret;
+ }
+
+ ret = elem.value;
+
+ return typeof ret === "string" ?
+ // handle most common string cases
+ ret.replace(rreturn, "") :
+ // handle cases where value is null/undef or number
+ ret == null ? "" : ret;
+ }
+
+ return;
+ }
+
+ isFunction = jQuery.isFunction( value );
+
+ return this.each(function( i ) {
+ var val;
+
+ if ( this.nodeType !== 1 ) {
+ return;
+ }
+
+ if ( isFunction ) {
+ val = value.call( this, i, jQuery( this ).val() );
+ } else {
+ val = value;
+ }
+
+ // Treat null/undefined as ""; convert numbers to string
+ if ( val == null ) {
+ val = "";
+ } else if ( typeof val === "number" ) {
+ val += "";
+ } else if ( jQuery.isArray( val ) ) {
+ val = jQuery.map(val, function ( value ) {
+ return value == null ? "" : value + "";
+ });
+ }
+
+ hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+ // If set returns undefined, fall back to normal setting
+ if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
+ this.value = val;
+ }
+ });
+ }
+});
+
+jQuery.extend({
+ valHooks: {
+ option: {
+ get: function( elem ) {
+ // Use proper attribute retrieval(#6932, #12072)
+ var val = jQuery.find.attr( elem, "value" );
+ return val != null ?
+ val :
+ elem.text;
+ }
+ },
+ select: {
+ get: function( elem ) {
+ var value, option,
+ options = elem.options,
+ index = elem.selectedIndex,
+ one = elem.type === "select-one" || index < 0,
+ values = one ? null : [],
+ max = one ? index + 1 : options.length,
+ i = index < 0 ?
+ max :
+ one ? index : 0;
+
+ // Loop through all the selected options
+ for ( ; i < max; i++ ) {
+ option = options[ i ];
+
+ // oldIE doesn't update selected after form reset (#2551)
+ if ( ( option.selected || i === index ) &&
+ // Don't return options that are disabled or in a disabled optgroup
+ ( jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) &&
+ ( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+ // Get the specific value for the option
+ value = jQuery( option ).val();
+
+ // We don't need an array for one selects
+ if ( one ) {
+ return value;
+ }
+
+ // Multi-Selects return an array
+ values.push( value );
+ }
+ }
+
+ return values;
+ },
+
+ set: function( elem, value ) {
+ var optionSet, option,
+ options = elem.options,
+ values = jQuery.makeArray( value ),
+ i = options.length;
+
+ while ( i-- ) {
+ option = options[ i ];
+ if ( (option.selected = jQuery.inArray( jQuery(option).val(), values ) >= 0) ) {
+ optionSet = true;
+ }
+ }
+
+ // force browsers to behave consistently when non-matching value is set
+ if ( !optionSet ) {
+ elem.selectedIndex = -1;
+ }
+ return values;
+ }
+ }
+ },
+
+ attr: function( elem, name, value ) {
+ var hooks, ret,
+ nType = elem.nodeType;
+
+ // don't get/set attributes on text, comment and attribute nodes
+ if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+ return;
+ }
+
+ // Fallback to prop when attributes are not supported
+ if ( typeof elem.getAttribute === core_strundefined ) {
+ return jQuery.prop( elem, name, value );
+ }
+
+ // All attributes are lowercase
+ // Grab necessary hook if one is defined
+ if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+ name = name.toLowerCase();
+ hooks = jQuery.attrHooks[ name ] ||
+ ( jQuery.expr.match.bool.test( name ) ? boolHook : nodeHook );
+ }
+
+ if ( value !== undefined ) {
+
+ if ( value === null ) {
+ jQuery.removeAttr( elem, name );
+
+ } else if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+ return ret;
+
+ } else {
+ elem.setAttribute( name, value + "" );
+ return value;
+ }
+
+ } else if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+ return ret;
+
+ } else {
+ ret = jQuery.find.attr( elem, name );
+
+ // Non-existent attributes return null, we normalize to undefined
+ return ret == null ?
+ undefined :
+ ret;
+ }
+ },
+
+ removeAttr: function( elem, value ) {
+ var name, propName,
+ i = 0,
+ attrNames = value && value.match( core_rnotwhite );
+
+ if ( attrNames && elem.nodeType === 1 ) {
+ while ( (name = attrNames[i++]) ) {
+ propName = jQuery.propFix[ name ] || name;
+
+ // Boolean attributes get special treatment (#10870)
+ if ( jQuery.expr.match.bool.test( name ) ) {
+ // Set corresponding property to false
+ if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+ elem[ propName ] = false;
+ // Support: IE<9
+ // Also clear defaultChecked/defaultSelected (if appropriate)
+ } else {
+ elem[ jQuery.camelCase( "default-" + name ) ] =
+ elem[ propName ] = false;
+ }
+
+ // See #9699 for explanation of this approach (setting first, then removal)
+ } else {
+ jQuery.attr( elem, name, "" );
+ }
+
+ elem.removeAttribute( getSetAttribute ? name : propName );
+ }
+ }
+ },
+
+ attrHooks: {
+ type: {
+ set: function( elem, value ) {
+ if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
+ // Setting the type on a radio button after the value resets the value in IE6-9
+ // Reset value to default in case type is set after value during creation
+ var val = elem.value;
+ elem.setAttribute( "type", value );
+ if ( val ) {
+ elem.value = val;
+ }
+ return value;
+ }
+ }
+ }
+ },
+
+ propFix: {
+ "for": "htmlFor",
+ "class": "className"
+ },
+
+ prop: function( elem, name, value ) {
+ var ret, hooks, notxml,
+ nType = elem.nodeType;
+
+ // don't get/set properties on text, comment and attribute nodes
+ if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+ return;
+ }
+
+ notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+ if ( notxml ) {
+ // Fix name and attach hooks
+ name = jQuery.propFix[ name ] || name;
+ hooks = jQuery.propHooks[ name ];
+ }
+
+ if ( value !== undefined ) {
+ return hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ?
+ ret :
+ ( elem[ name ] = value );
+
+ } else {
+ return hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ?
+ ret :
+ elem[ name ];
+ }
+ },
+
+ propHooks: {
+ tabIndex: {
+ get: function( elem ) {
+ // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+ // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+ // Use proper attribute retrieval(#12072)
+ var tabindex = jQuery.find.attr( elem, "tabindex" );
+
+ return tabindex ?
+ parseInt( tabindex, 10 ) :
+ rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+ 0 :
+ -1;
+ }
+ }
+ }
+});
+
+// Hooks for boolean attributes
+boolHook = {
+ set: function( elem, value, name ) {
+ if ( value === false ) {
+ // Remove boolean attributes when set to false
+ jQuery.removeAttr( elem, name );
+ } else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+ // IE<8 needs the *property* name
+ elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name );
+
+ // Use defaultChecked and defaultSelected for oldIE
+ } else {
+ elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true;
+ }
+
+ return name;
+ }
+};
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
+ var getter = jQuery.expr.attrHandle[ name ] || jQuery.find.attr;
+
+ jQuery.expr.attrHandle[ name ] = getSetInput && getSetAttribute || !ruseDefault.test( name ) ?
+ function( elem, name, isXML ) {
+ var fn = jQuery.expr.attrHandle[ name ],
+ ret = isXML ?
+ undefined :
+ /* jshint eqeqeq: false */
+ (jQuery.expr.attrHandle[ name ] = undefined) !=
+ getter( elem, name, isXML ) ?
+
+ name.toLowerCase() :
+ null;
+ jQuery.expr.attrHandle[ name ] = fn;
+ return ret;
+ } :
+ function( elem, name, isXML ) {
+ return isXML ?
+ undefined :
+ elem[ jQuery.camelCase( "default-" + name ) ] ?
+ name.toLowerCase() :
+ null;
+ };
+});
+
+// fix oldIE attroperties
+if ( !getSetInput || !getSetAttribute ) {
+ jQuery.attrHooks.value = {
+ set: function( elem, value, name ) {
+ if ( jQuery.nodeName( elem, "input" ) ) {
+ // Does not return so that setAttribute is also used
+ elem.defaultValue = value;
+ } else {
+ // Use nodeHook if defined (#1954); otherwise setAttribute is fine
+ return nodeHook && nodeHook.set( elem, value, name );
+ }
+ }
+ };
+}
+
+// IE6/7 do not support getting/setting some attributes with get/setAttribute
+if ( !getSetAttribute ) {
+
+ // Use this for any attribute in IE6/7
+ // This fixes almost every IE6/7 issue
+ nodeHook = {
+ set: function( elem, value, name ) {
+ // Set the existing or create a new attribute node
+ var ret = elem.getAttributeNode( name );
+ if ( !ret ) {
+ elem.setAttributeNode(
+ (ret = elem.ownerDocument.createAttribute( name ))
+ );
+ }
+
+ ret.value = value += "";
+
+ // Break association with cloned elements by also using setAttribute (#9646)
+ return name === "value" || value === elem.getAttribute( name ) ?
+ value :
+ undefined;
+ }
+ };
+ jQuery.expr.attrHandle.id = jQuery.expr.attrHandle.name = jQuery.expr.attrHandle.coords =
+ // Some attributes are constructed with empty-string values when not defined
+ function( elem, name, isXML ) {
+ var ret;
+ return isXML ?
+ undefined :
+ (ret = elem.getAttributeNode( name )) && ret.value !== "" ?
+ ret.value :
+ null;
+ };
+ jQuery.valHooks.button = {
+ get: function( elem, name ) {
+ var ret = elem.getAttributeNode( name );
+ return ret && ret.specified ?
+ ret.value :
+ undefined;
+ },
+ set: nodeHook.set
+ };
+
+ // Set contenteditable to false on removals(#10429)
+ // Setting to empty string throws an error as an invalid value
+ jQuery.attrHooks.contenteditable = {
+ set: function( elem, value, name ) {
+ nodeHook.set( elem, value === "" ? false : value, name );
+ }
+ };
+
+ // Set width and height to auto instead of 0 on empty string( Bug #8150 )
+ // This is for removals
+ jQuery.each([ "width", "height" ], function( i, name ) {
+ jQuery.attrHooks[ name ] = {
+ set: function( elem, value ) {
+ if ( value === "" ) {
+ elem.setAttribute( name, "auto" );
+ return value;
+ }
+ }
+ };
+ });
+}
+
+
+// Some attributes require a special call on IE
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !jQuery.support.hrefNormalized ) {
+ // href/src property should get the full normalized URL (#10299/#12915)
+ jQuery.each([ "href", "src" ], function( i, name ) {
+ jQuery.propHooks[ name ] = {
+ get: function( elem ) {
+ return elem.getAttribute( name, 4 );
+ }
+ };
+ });
+}
+
+if ( !jQuery.support.style ) {
+ jQuery.attrHooks.style = {
+ get: function( elem ) {
+ // Return undefined in the case of empty string
+ // Note: IE uppercases css property names, but if we were to .toLowerCase()
+ // .cssText, that would destroy case senstitivity in URL's, like in "background"
+ return elem.style.cssText || undefined;
+ },
+ set: function( elem, value ) {
+ return ( elem.style.cssText = value + "" );
+ }
+ };
+}
+
+// Safari mis-reports the default selected property of an option
+// Accessing the parent's selectedIndex property fixes it
+if ( !jQuery.support.optSelected ) {
+ jQuery.propHooks.selected = {
+ get: function( elem ) {
+ var parent = elem.parentNode;
+
+ if ( parent ) {
+ parent.selectedIndex;
+
+ // Make sure that it also works with optgroups, see #5701
+ if ( parent.parentNode ) {
+ parent.parentNode.selectedIndex;
+ }
+ }
+ return null;
+ }
+ };
+}
+
+jQuery.each([
+ "tabIndex",
+ "readOnly",
+ "maxLength",
+ "cellSpacing",
+ "cellPadding",
+ "rowSpan",
+ "colSpan",
+ "useMap",
+ "frameBorder",
+ "contentEditable"
+], function() {
+ jQuery.propFix[ this.toLowerCase() ] = this;
+});
+
+// IE6/7 call enctype encoding
+if ( !jQuery.support.enctype ) {
+ jQuery.propFix.enctype = "encoding";
+}
+
+// Radios and checkboxes getter/setter
+jQuery.each([ "radio", "checkbox" ], function() {
+ jQuery.valHooks[ this ] = {
+ set: function( elem, value ) {
+ if ( jQuery.isArray( value ) ) {
+ return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
+ }
+ }
+ };
+ if ( !jQuery.support.checkOn ) {
+ jQuery.valHooks[ this ].get = function( elem ) {
+ // Support: Webkit
+ // "" is returned instead of "on" if a value isn't specified
+ return elem.getAttribute("value") === null ? "on" : elem.value;
+ };
+ }
+});
+var rformElems = /^(?:input|select|textarea)$/i,
+ rkeyEvent = /^key/,
+ rmouseEvent = /^(?:mouse|contextmenu)|click/,
+ rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+ rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
+
+function returnTrue() {
+ return true;
+}
+
+function returnFalse() {
+ return false;
+}
+
+function safeActiveElement() {
+ try {
+ return document.activeElement;
+ } catch ( err ) { }
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+ global: {},
+
+ add: function( elem, types, handler, data, selector ) {
+ var tmp, events, t, handleObjIn,
+ special, eventHandle, handleObj,
+ handlers, type, namespaces, origType,
+ elemData = jQuery._data( elem );
+
+ // Don't attach events to noData or text/comment nodes (but allow plain objects)
+ if ( !elemData ) {
+ return;
+ }
+
+ // Caller can pass in an object of custom data in lieu of the handler
+ if ( handler.handler ) {
+ handleObjIn = handler;
+ handler = handleObjIn.handler;
+ selector = handleObjIn.selector;
+ }
+
+ // Make sure that the handler has a unique ID, used to find/remove it later
+ if ( !handler.guid ) {
+ handler.guid = jQuery.guid++;
+ }
+
+ // Init the element's event structure and main handler, if this is the first
+ if ( !(events = elemData.events) ) {
+ events = elemData.events = {};
+ }
+ if ( !(eventHandle = elemData.handle) ) {
+ eventHandle = elemData.handle = function( e ) {
+ // Discard the second event of a jQuery.event.trigger() and
+ // when an event is called after a page has unloaded
+ return typeof jQuery !== core_strundefined && (!e || jQuery.event.triggered !== e.type) ?
+ jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
+ undefined;
+ };
+ // Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
+ eventHandle.elem = elem;
+ }
+
+ // Handle multiple events separated by a space
+ types = ( types || "" ).match( core_rnotwhite ) || [""];
+ t = types.length;
+ while ( t-- ) {
+ tmp = rtypenamespace.exec( types[t] ) || [];
+ type = origType = tmp[1];
+ namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+ // There *must* be a type, no attaching namespace-only handlers
+ if ( !type ) {
+ continue;
+ }
+
+ // If event changes its type, use the special event handlers for the changed type
+ special = jQuery.event.special[ type ] || {};
+
+ // If selector defined, determine special event api type, otherwise given type
+ type = ( selector ? special.delegateType : special.bindType ) || type;
+
+ // Update special based on newly reset type
+ special = jQuery.event.special[ type ] || {};
+
+ // handleObj is passed to all event handlers
+ handleObj = jQuery.extend({
+ type: type,
+ origType: origType,
+ data: data,
+ handler: handler,
+ guid: handler.guid,
+ selector: selector,
+ needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+ namespace: namespaces.join(".")
+ }, handleObjIn );
+
+ // Init the event handler queue if we're the first
+ if ( !(handlers = events[ type ]) ) {
+ handlers = events[ type ] = [];
+ handlers.delegateCount = 0;
+
+ // Only use addEventListener/attachEvent if the special events handler returns false
+ if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+ // Bind the global event handler to the element
+ if ( elem.addEventListener ) {
+ elem.addEventListener( type, eventHandle, false );
+
+ } else if ( elem.attachEvent ) {
+ elem.attachEvent( "on" + type, eventHandle );
+ }
+ }
+ }
+
+ if ( special.add ) {
+ special.add.call( elem, handleObj );
+
+ if ( !handleObj.handler.guid ) {
+ handleObj.handler.guid = handler.guid;
+ }
+ }
+
+ // Add to the element's handler list, delegates in front
+ if ( selector ) {
+ handlers.splice( handlers.delegateCount++, 0, handleObj );
+ } else {
+ handlers.push( handleObj );
+ }
+
+ // Keep track of which events have ever been used, for event optimization
+ jQuery.event.global[ type ] = true;
+ }
+
+ // Nullify elem to prevent memory leaks in IE
+ elem = null;
+ },
+
+ // Detach an event or set of events from an element
+ remove: function( elem, types, handler, selector, mappedTypes ) {
+ var j, handleObj, tmp,
+ origCount, t, events,
+ special, handlers, type,
+ namespaces, origType,
+ elemData = jQuery.hasData( elem ) && jQuery._data( elem );
+
+ if ( !elemData || !(events = elemData.events) ) {
+ return;
+ }
+
+ // Once for each type.namespace in types; type may be omitted
+ types = ( types || "" ).match( core_rnotwhite ) || [""];
+ t = types.length;
+ while ( t-- ) {
+ tmp = rtypenamespace.exec( types[t] ) || [];
+ type = origType = tmp[1];
+ namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+ // Unbind all events (on this namespace, if provided) for the element
+ if ( !type ) {
+ for ( type in events ) {
+ jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+ }
+ continue;
+ }
+
+ special = jQuery.event.special[ type ] || {};
+ type = ( selector ? special.delegateType : special.bindType ) || type;
+ handlers = events[ type ] || [];
+ tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
+
+ // Remove matching events
+ origCount = j = handlers.length;
+ while ( j-- ) {
+ handleObj = handlers[ j ];
+
+ if ( ( mappedTypes || origType === handleObj.origType ) &&
+ ( !handler || handler.guid === handleObj.guid ) &&
+ ( !tmp || tmp.test( handleObj.namespace ) ) &&
+ ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
+ handlers.splice( j, 1 );
+
+ if ( handleObj.selector ) {
+ handlers.delegateCount--;
+ }
+ if ( special.remove ) {
+ special.remove.call( elem, handleObj );
+ }
+ }
+ }
+
+ // Remove generic event handler if we removed something and no more handlers exist
+ // (avoids potential for endless recursion during removal of special event handlers)
+ if ( origCount && !handlers.length ) {
+ if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+ jQuery.removeEvent( elem, type, elemData.handle );
+ }
+
+ delete events[ type ];
+ }
+ }
+
+ // Remove the expando if it's no longer used
+ if ( jQuery.isEmptyObject( events ) ) {
+ delete elemData.handle;
+
+ // removeData also checks for emptiness and clears the expando if empty
+ // so use it instead of delete
+ jQuery._removeData( elem, "events" );
+ }
+ },
+
+ trigger: function( event, data, elem, onlyHandlers ) {
+ var handle, ontype, cur,
+ bubbleType, special, tmp, i,
+ eventPath = [ elem || document ],
+ type = core_hasOwn.call( event, "type" ) ? event.type : event,
+ namespaces = core_hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
+
+ cur = tmp = elem = elem || document;
+
+ // Don't do events on text and comment nodes
+ if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+ return;
+ }
+
+ // focus/blur morphs to focusin/out; ensure we're not firing them right now
+ if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+ return;
+ }
+
+ if ( type.indexOf(".") >= 0 ) {
+ // Namespaced trigger; create a regexp to match event type in handle()
+ namespaces = type.split(".");
+ type = namespaces.shift();
+ namespaces.sort();
+ }
+ ontype = type.indexOf(":") < 0 && "on" + type;
+
+ // Caller can pass in a jQuery.Event object, Object, or just an event type string
+ event = event[ jQuery.expando ] ?
+ event :
+ new jQuery.Event( type, typeof event === "object" && event );
+
+ // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+ event.isTrigger = onlyHandlers ? 2 : 3;
+ event.namespace = namespaces.join(".");
+ event.namespace_re = event.namespace ?
+ new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
+ null;
+
+ // Clean up the event in case it is being reused
+ event.result = undefined;
+ if ( !event.target ) {
+ event.target = elem;
+ }
+
+ // Clone any incoming data and prepend the event, creating the handler arg list
+ data = data == null ?
+ [ event ] :
+ jQuery.makeArray( data, [ event ] );
+
+ // Allow special events to draw outside the lines
+ special = jQuery.event.special[ type ] || {};
+ if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+ return;
+ }
+
+ // Determine event propagation path in advance, per W3C events spec (#9951)
+ // Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+ if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+ bubbleType = special.delegateType || type;
+ if ( !rfocusMorph.test( bubbleType + type ) ) {
+ cur = cur.parentNode;
+ }
+ for ( ; cur; cur = cur.parentNode ) {
+ eventPath.push( cur );
+ tmp = cur;
+ }
+
+ // Only add window if we got to document (e.g., not plain obj or detached DOM)
+ if ( tmp === (elem.ownerDocument || document) ) {
+ eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+ }
+ }
+
+ // Fire handlers on the event path
+ i = 0;
+ while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
+
+ event.type = i > 1 ?
+ bubbleType :
+ special.bindType || type;
+
+ // jQuery handler
+ handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
+ if ( handle ) {
+ handle.apply( cur, data );
+ }
+
+ // Native handler
+ handle = ontype && cur[ ontype ];
+ if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) {
+ event.preventDefault();
+ }
+ }
+ event.type = type;
+
+ // If nobody prevented the default action, do it now
+ if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+ if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) &&
+ jQuery.acceptData( elem ) ) {
+
+ // Call a native DOM method on the target with the same name name as the event.
+ // Can't use an .isFunction() check here because IE6/7 fails that test.
+ // Don't do default actions on window, that's where global variables be (#6170)
+ if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) {
+
+ // Don't re-trigger an onFOO event when we call its FOO() method
+ tmp = elem[ ontype ];
+
+ if ( tmp ) {
+ elem[ ontype ] = null;
+ }
+
+ // Prevent re-triggering of the same event, since we already bubbled it above
+ jQuery.event.triggered = type;
+ try {
+ elem[ type ]();
+ } catch ( e ) {
+ // IE<9 dies on focus/blur to hidden element (#1486,#12518)
+ // only reproducible on winXP IE8 native, not IE9 in IE8 mode
+ }
+ jQuery.event.triggered = undefined;
+
+ if ( tmp ) {
+ elem[ ontype ] = tmp;
+ }
+ }
+ }
+ }
+
+ return event.result;
+ },
+
+ dispatch: function( event ) {
+
+ // Make a writable jQuery.Event from the native event object
+ event = jQuery.event.fix( event );
+
+ var i, ret, handleObj, matched, j,
+ handlerQueue = [],
+ args = core_slice.call( arguments ),
+ handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [],
+ special = jQuery.event.special[ event.type ] || {};
+
+ // Use the fix-ed jQuery.Event rather than the (read-only) native event
+ args[0] = event;
+ event.delegateTarget = this;
+
+ // Call the preDispatch hook for the mapped type, and let it bail if desired
+ if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+ return;
+ }
+
+ // Determine handlers
+ handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+ // Run delegates first; they may want to stop propagation beneath us
+ i = 0;
+ while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
+ event.currentTarget = matched.elem;
+
+ j = 0;
+ while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
+
+ // Triggered event must either 1) have no namespace, or
+ // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
+ if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
+
+ event.handleObj = handleObj;
+ event.data = handleObj.data;
+
+ ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
+ .apply( matched.elem, args );
+
+ if ( ret !== undefined ) {
+ if ( (event.result = ret) === false ) {
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ }
+ }
+ }
+ }
+
+ // Call the postDispatch hook for the mapped type
+ if ( special.postDispatch ) {
+ special.postDispatch.call( this, event );
+ }
+
+ return event.result;
+ },
+
+ handlers: function( event, handlers ) {
+ var sel, handleObj, matches, i,
+ handlerQueue = [],
+ delegateCount = handlers.delegateCount,
+ cur = event.target;
+
+ // Find delegate handlers
+ // Black-hole SVG <use> instance trees (#13180)
+ // Avoid non-left-click bubbling in Firefox (#3861)
+ if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
+
+ /* jshint eqeqeq: false */
+ for ( ; cur != this; cur = cur.parentNode || this ) {
+ /* jshint eqeqeq: true */
+
+ // Don't check non-elements (#13208)
+ // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+ if ( cur.nodeType === 1 && (cur.disabled !== true || event.type !== "click") ) {
+ matches = [];
+ for ( i = 0; i < delegateCount; i++ ) {
+ handleObj = handlers[ i ];
+
+ // Don't conflict with Object.prototype properties (#13203)
+ sel = handleObj.selector + " ";
+
+ if ( matches[ sel ] === undefined ) {
+ matches[ sel ] = handleObj.needsContext ?
+ jQuery( sel, this ).index( cur ) >= 0 :
+ jQuery.find( sel, this, null, [ cur ] ).length;
+ }
+ if ( matches[ sel ] ) {
+ matches.push( handleObj );
+ }
+ }
+ if ( matches.length ) {
+ handlerQueue.push({ elem: cur, handlers: matches });
+ }
+ }
+ }
+ }
+
+ // Add the remaining (directly-bound) handlers
+ if ( delegateCount < handlers.length ) {
+ handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
+ }
+
+ return handlerQueue;
+ },
+
+ fix: function( event ) {
+ if ( event[ jQuery.expando ] ) {
+ return event;
+ }
+
+ // Create a writable copy of the event object and normalize some properties
+ var i, prop, copy,
+ type = event.type,
+ originalEvent = event,
+ fixHook = this.fixHooks[ type ];
+
+ if ( !fixHook ) {
+ this.fixHooks[ type ] = fixHook =
+ rmouseEvent.test( type ) ? this.mouseHooks :
+ rkeyEvent.test( type ) ? this.keyHooks :
+ {};
+ }
+ copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+ event = new jQuery.Event( originalEvent );
+
+ i = copy.length;
+ while ( i-- ) {
+ prop = copy[ i ];
+ event[ prop ] = originalEvent[ prop ];
+ }
+
+ // Support: IE<9
+ // Fix target property (#1925)
+ if ( !event.target ) {
+ event.target = originalEvent.srcElement || document;
+ }
+
+ // Support: Chrome 23+, Safari?
+ // Target should not be a text node (#504, #13143)
+ if ( event.target.nodeType === 3 ) {
+ event.target = event.target.parentNode;
+ }
+
+ // Support: IE<9
+ // For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
+ event.metaKey = !!event.metaKey;
+
+ return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+ },
+
+ // Includes some event props shared by KeyEvent and MouseEvent
+ props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
+
+ fixHooks: {},
+
+ keyHooks: {
+ props: "char charCode key keyCode".split(" "),
+ filter: function( event, original ) {
+
+ // Add which for key events
+ if ( event.which == null ) {
+ event.which = original.charCode != null ? original.charCode : original.keyCode;
+ }
+
+ return event;
+ }
+ },
+
+ mouseHooks: {
+ props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
+ filter: function( event, original ) {
+ var body, eventDoc, doc,
+ button = original.button,
+ fromElement = original.fromElement;
+
+ // Calculate pageX/Y if missing and clientX/Y available
+ if ( event.pageX == null && original.clientX != null ) {
+ eventDoc = event.target.ownerDocument || document;
+ doc = eventDoc.documentElement;
+ body = eventDoc.body;
+
+ event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+ event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 );
+ }
+
+ // Add relatedTarget, if necessary
+ if ( !event.relatedTarget && fromElement ) {
+ event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
+ }
+
+ // Add which for click: 1 === left; 2 === middle; 3 === right
+ // Note: button is not normalized, so don't use it
+ if ( !event.which && button !== undefined ) {
+ event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+ }
+
+ return event;
+ }
+ },
+
+ special: {
+ load: {
+ // Prevent triggered image.load events from bubbling to window.load
+ noBubble: true
+ },
+ focus: {
+ // Fire native event if possible so blur/focus sequence is correct
+ trigger: function() {
+ if ( this !== safeActiveElement() && this.focus ) {
+ try {
+ this.focus();
+ return false;
+ } catch ( e ) {
+ // Support: IE<9
+ // If we error on focus to hidden element (#1486, #12518),
+ // let .trigger() run the handlers
+ }
+ }
+ },
+ delegateType: "focusin"
+ },
+ blur: {
+ trigger: function() {
+ if ( this === safeActiveElement() && this.blur ) {
+ this.blur();
+ return false;
+ }
+ },
+ delegateType: "focusout"
+ },
+ click: {
+ // For checkbox, fire native event so checked state will be right
+ trigger: function() {
+ if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) {
+ this.click();
+ return false;
+ }
+ },
+
+ // For cross-browser consistency, don't fire native .click() on links
+ _default: function( event ) {
+ return jQuery.nodeName( event.target, "a" );
+ }
+ },
+
+ beforeunload: {
+ postDispatch: function( event ) {
+
+ // Even when returnValue equals to undefined Firefox will still show alert
+ if ( event.result !== undefined ) {
+ event.originalEvent.returnValue = event.result;
+ }
+ }
+ }
+ },
+
+ simulate: function( type, elem, event, bubble ) {
+ // Piggyback on a donor event to simulate a different one.
+ // Fake originalEvent to avoid donor's stopPropagation, but if the
+ // simulated event prevents default then we do the same on the donor.
+ var e = jQuery.extend(
+ new jQuery.Event(),
+ event,
+ {
+ type: type,
+ isSimulated: true,
+ originalEvent: {}
+ }
+ );
+ if ( bubble ) {
+ jQuery.event.trigger( e, null, elem );
+ } else {
+ jQuery.event.dispatch.call( elem, e );
+ }
+ if ( e.isDefaultPrevented() ) {
+ event.preventDefault();
+ }
+ }
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+ function( elem, type, handle ) {
+ if ( elem.removeEventListener ) {
+ elem.removeEventListener( type, handle, false );
+ }
+ } :
+ function( elem, type, handle ) {
+ var name = "on" + type;
+
+ if ( elem.detachEvent ) {
+
+ // #8545, #7054, preventing memory leaks for custom events in IE6-8
+ // detachEvent needed property on element, by name of that event, to properly expose it to GC
+ if ( typeof elem[ name ] === core_strundefined ) {
+ elem[ name ] = null;
+ }
+
+ elem.detachEvent( name, handle );
+ }
+ };
+
+jQuery.Event = function( src, props ) {
+ // Allow instantiation without the 'new' keyword
+ if ( !(this instanceof jQuery.Event) ) {
+ return new jQuery.Event( src, props );
+ }
+
+ // Event object
+ if ( src && src.type ) {
+ this.originalEvent = src;
+ this.type = src.type;
+
+ // Events bubbling up the document may have been marked as prevented
+ // by a handler lower down the tree; reflect the correct value.
+ this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
+ src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
+
+ // Event type
+ } else {
+ this.type = src;
+ }
+
+ // Put explicitly provided properties onto the event object
+ if ( props ) {
+ jQuery.extend( this, props );
+ }
+
+ // Create a timestamp if incoming event doesn't have one
+ this.timeStamp = src && src.timeStamp || jQuery.now();
+
+ // Mark it as fixed
+ this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+ isDefaultPrevented: returnFalse,
+ isPropagationStopped: returnFalse,
+ isImmediatePropagationStopped: returnFalse,
+
+ preventDefault: function() {
+ var e = this.originalEvent;
+
+ this.isDefaultPrevented = returnTrue;
+ if ( !e ) {
+ return;
+ }
+
+ // If preventDefault exists, run it on the original event
+ if ( e.preventDefault ) {
+ e.preventDefault();
+
+ // Support: IE
+ // Otherwise set the returnValue property of the original event to false
+ } else {
+ e.returnValue = false;
+ }
+ },
+ stopPropagation: function() {
+ var e = this.originalEvent;
+
+ this.isPropagationStopped = returnTrue;
+ if ( !e ) {
+ return;
+ }
+ // If stopPropagation exists, run it on the original event
+ if ( e.stopPropagation ) {
+ e.stopPropagation();
+ }
+
+ // Support: IE
+ // Set the cancelBubble property of the original event to true
+ e.cancelBubble = true;
+ },
+ stopImmediatePropagation: function() {
+ this.isImmediatePropagationStopped = returnTrue;
+ this.stopPropagation();
+ }
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+jQuery.each({
+ mouseenter: "mouseover",
+ mouseleave: "mouseout"
+}, function( orig, fix ) {
+ jQuery.event.special[ orig ] = {
+ delegateType: fix,
+ bindType: fix,
+
+ handle: function( event ) {
+ var ret,
+ target = this,
+ related = event.relatedTarget,
+ handleObj = event.handleObj;
+
+ // For mousenter/leave call the handler if related is outside the target.
+ // NB: No relatedTarget if the mouse left/entered the browser window
+ if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
+ event.type = handleObj.origType;
+ ret = handleObj.handler.apply( this, arguments );
+ event.type = fix;
+ }
+ return ret;
+ }
+ };
+});
+
+// IE submit delegation
+if ( !jQuery.support.submitBubbles ) {
+
+ jQuery.event.special.submit = {
+ setup: function() {
+ // Only need this for delegated form submit events
+ if ( jQuery.nodeName( this, "form" ) ) {
+ return false;
+ }
+
+ // Lazy-add a submit handler when a descendant form may potentially be submitted
+ jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
+ // Node name check avoids a VML-related crash in IE (#9807)
+ var elem = e.target,
+ form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
+ if ( form && !jQuery._data( form, "submitBubbles" ) ) {
+ jQuery.event.add( form, "submit._submit", function( event ) {
+ event._submit_bubble = true;
+ });
+ jQuery._data( form, "submitBubbles", true );
+ }
+ });
+ // return undefined since we don't need an event listener
+ },
+
+ postDispatch: function( event ) {
+ // If form was submitted by the user, bubble the event up the tree
+ if ( event._submit_bubble ) {
+ delete event._submit_bubble;
+ if ( this.parentNode && !event.isTrigger ) {
+ jQuery.event.simulate( "submit", this.parentNode, event, true );
+ }
+ }
+ },
+
+ teardown: function() {
+ // Only need this for delegated form submit events
+ if ( jQuery.nodeName( this, "form" ) ) {
+ return false;
+ }
+
+ // Remove delegated handlers; cleanData eventually reaps submit handlers attached above
+ jQuery.event.remove( this, "._submit" );
+ }
+ };
+}
+
+// IE change delegation and checkbox/radio fix
+if ( !jQuery.support.changeBubbles ) {
+
+ jQuery.event.special.change = {
+
+ setup: function() {
+
+ if ( rformElems.test( this.nodeName ) ) {
+ // IE doesn't fire change on a check/radio until blur; trigger it on click
+ // after a propertychange. Eat the blur-change in special.change.handle.
+ // This still fires onchange a second time for check/radio after blur.
+ if ( this.type === "checkbox" || this.type === "radio" ) {
+ jQuery.event.add( this, "propertychange._change", function( event ) {
+ if ( event.originalEvent.propertyName === "checked" ) {
+ this._just_changed = true;
+ }
+ });
+ jQuery.event.add( this, "click._change", function( event ) {
+ if ( this._just_changed && !event.isTrigger ) {
+ this._just_changed = false;
+ }
+ // Allow triggered, simulated change events (#11500)
+ jQuery.event.simulate( "change", this, event, true );
+ });
+ }
+ return false;
+ }
+ // Delegated event; lazy-add a change handler on descendant inputs
+ jQuery.event.add( this, "beforeactivate._change", function( e ) {
+ var elem = e.target;
+
+ if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "changeBubbles" ) ) {
+ jQuery.event.add( elem, "change._change", function( event ) {
+ if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
+ jQuery.event.simulate( "change", this.parentNode, event, true );
+ }
+ });
+ jQuery._data( elem, "changeBubbles", true );
+ }
+ });
+ },
+
+ handle: function( event ) {
+ var elem = event.target;
+
+ // Swallow native change events from checkbox/radio, we already triggered them above
+ if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
+ return event.handleObj.handler.apply( this, arguments );
+ }
+ },
+
+ teardown: function() {
+ jQuery.event.remove( this, "._change" );
+
+ return !rformElems.test( this.nodeName );
+ }
+ };
+}
+
+// Create "bubbling" focus and blur events
+if ( !jQuery.support.focusinBubbles ) {
+ jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+ // Attach a single capturing handler while someone wants focusin/focusout
+ var attaches = 0,
+ handler = function( event ) {
+ jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
+ };
+
+ jQuery.event.special[ fix ] = {
+ setup: function() {
+ if ( attaches++ === 0 ) {
+ document.addEventListener( orig, handler, true );
+ }
+ },
+ teardown: function() {
+ if ( --attaches === 0 ) {
+ document.removeEventListener( orig, handler, true );
+ }
+ }
+ };
+ });
+}
+
+jQuery.fn.extend({
+
+ on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
+ var type, origFn;
+
+ // Types can be a map of types/handlers
+ if ( typeof types === "object" ) {
+ // ( types-Object, selector, data )
+ if ( typeof selector !== "string" ) {
+ // ( types-Object, data )
+ data = data || selector;
+ selector = undefined;
+ }
+ for ( type in types ) {
+ this.on( type, selector, data, types[ type ], one );
+ }
+ return this;
+ }
+
+ if ( data == null && fn == null ) {
+ // ( types, fn )
+ fn = selector;
+ data = selector = undefined;
+ } else if ( fn == null ) {
+ if ( typeof selector === "string" ) {
+ // ( types, selector, fn )
+ fn = data;
+ data = undefined;
+ } else {
+ // ( types, data, fn )
+ fn = data;
+ data = selector;
+ selector = undefined;
+ }
+ }
+ if ( fn === false ) {
+ fn = returnFalse;
+ } else if ( !fn ) {
+ return this;
+ }
+
+ if ( one === 1 ) {
+ origFn = fn;
+ fn = function( event ) {
+ // Can use an empty set, since event contains the info
+ jQuery().off( event );
+ return origFn.apply( this, arguments );
+ };
+ // Use same guid so caller can remove using origFn
+ fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+ }
+ return this.each( function() {
+ jQuery.event.add( this, types, fn, data, selector );
+ });
+ },
+ one: function( types, selector, data, fn ) {
+ return this.on( types, selector, data, fn, 1 );
+ },
+ off: function( types, selector, fn ) {
+ var handleObj, type;
+ if ( types && types.preventDefault && types.handleObj ) {
+ // ( event ) dispatched jQuery.Event
+ handleObj = types.handleObj;
+ jQuery( types.delegateTarget ).off(
+ handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
+ handleObj.selector,
+ handleObj.handler
+ );
+ return this;
+ }
+ if ( typeof types === "object" ) {
+ // ( types-object [, selector] )
+ for ( type in types ) {
+ this.off( type, selector, types[ type ] );
+ }
+ return this;
+ }
+ if ( selector === false || typeof selector === "function" ) {
+ // ( types [, fn] )
+ fn = selector;
+ selector = undefined;
+ }
+ if ( fn === false ) {
+ fn = returnFalse;
+ }
+ return this.each(function() {
+ jQuery.event.remove( this, types, fn, selector );
+ });
+ },
+
+ trigger: function( type, data ) {
+ return this.each(function() {
+ jQuery.event.trigger( type, data, this );
+ });
+ },
+ triggerHandler: function( type, data ) {
+ var elem = this[0];
+ if ( elem ) {
+ return jQuery.event.trigger( type, data, elem, true );
+ }
+ }
+});
+var isSimple = /^.[^:#\[\.,]*$/,
+ rparentsprev = /^(?:parents|prev(?:Until|All))/,
+ rneedsContext = jQuery.expr.match.needsContext,
+ // methods guaranteed to produce a unique set when starting from a unique set
+ guaranteedUnique = {
+ children: true,
+ contents: true,
+ next: true,
+ prev: true
+ };
+
+jQuery.fn.extend({
+ find: function( selector ) {
+ var i,
+ ret = [],
+ self = this,
+ len = self.length;
+
+ if ( typeof selector !== "string" ) {
+ return this.pushStack( jQuery( selector ).filter(function() {
+ for ( i = 0; i < len; i++ ) {
+ if ( jQuery.contains( self[ i ], this ) ) {
+ return true;
+ }
+ }
+ }) );
+ }
+
+ for ( i = 0; i < len; i++ ) {
+ jQuery.find( selector, self[ i ], ret );
+ }
+
+ // Needed because $( selector, context ) becomes $( context ).find( selector )
+ ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+ ret.selector = this.selector ? this.selector + " " + selector : selector;
+ return ret;
+ },
+
+ has: function( target ) {
+ var i,
+ targets = jQuery( target, this ),
+ len = targets.length;
+
+ return this.filter(function() {
+ for ( i = 0; i < len; i++ ) {
+ if ( jQuery.contains( this, targets[i] ) ) {
+ return true;
+ }
+ }
+ });
+ },
+
+ not: function( selector ) {
+ return this.pushStack( winnow(this, selector || [], true) );
+ },
+
+ filter: function( selector ) {
+ return this.pushStack( winnow(this, selector || [], false) );
+ },
+
+ is: function( selector ) {
+ return !!winnow(
+ this,
+
+ // If this is a positional/relative selector, check membership in the returned set
+ // so $("p:first").is("p:last") won't return true for a doc with two "p".
+ typeof selector === "string" && rneedsContext.test( selector ) ?
+ jQuery( selector ) :
+ selector || [],
+ false
+ ).length;
+ },
+
+ closest: function( selectors, context ) {
+ var cur,
+ i = 0,
+ l = this.length,
+ ret = [],
+ pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+ jQuery( selectors, context || this.context ) :
+ 0;
+
+ for ( ; i < l; i++ ) {
+ for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) {
+ // Always skip document fragments
+ if ( cur.nodeType < 11 && (pos ?
+ pos.index(cur) > -1 :
+
+ // Don't pass non-elements to Sizzle
+ cur.nodeType === 1 &&
+ jQuery.find.matchesSelector(cur, selectors)) ) {
+
+ cur = ret.push( cur );
+ break;
+ }
+ }
+ }
+
+ return this.pushStack( ret.length > 1 ? jQuery.unique( ret ) : ret );
+ },
+
+ // Determine the position of an element within
+ // the matched set of elements
+ index: function( elem ) {
+
+ // No argument, return index in parent
+ if ( !elem ) {
+ return ( this[0] && this[0].parentNode ) ? this.first().prevAll().length : -1;
+ }
+
+ // index in selector
+ if ( typeof elem === "string" ) {
+ return jQuery.inArray( this[0], jQuery( elem ) );
+ }
+
+ // Locate the position of the desired element
+ return jQuery.inArray(
+ // If it receives a jQuery object, the first element is used
+ elem.jquery ? elem[0] : elem, this );
+ },
+
+ add: function( selector, context ) {
+ var set = typeof selector === "string" ?
+ jQuery( selector, context ) :
+ jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
+ all = jQuery.merge( this.get(), set );
+
+ return this.pushStack( jQuery.unique(all) );
+ },
+
+ addBack: function( selector ) {
+ return this.add( selector == null ?
+ this.prevObject : this.prevObject.filter(selector)
+ );
+ }
+});
+
+function sibling( cur, dir ) {
+ do {
+ cur = cur[ dir ];
+ } while ( cur && cur.nodeType !== 1 );
+
+ return cur;
+}
+
+jQuery.each({
+ parent: function( elem ) {
+ var parent = elem.parentNode;
+ return parent && parent.nodeType !== 11 ? parent : null;
+ },
+ parents: function( elem ) {
+ return jQuery.dir( elem, "parentNode" );
+ },
+ parentsUntil: function( elem, i, until ) {
+ return jQuery.dir( elem, "parentNode", until );
+ },
+ next: function( elem ) {
+ return sibling( elem, "nextSibling" );
+ },
+ prev: function( elem ) {
+ return sibling( elem, "previousSibling" );
+ },
+ nextAll: function( elem ) {
+ return jQuery.dir( elem, "nextSibling" );
+ },
+ prevAll: function( elem ) {
+ return jQuery.dir( elem, "previousSibling" );
+ },
+ nextUntil: function( elem, i, until ) {
+ return jQuery.dir( elem, "nextSibling", until );
+ },
+ prevUntil: function( elem, i, until ) {
+ return jQuery.dir( elem, "previousSibling", until );
+ },
+ siblings: function( elem ) {
+ return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
+ },
+ children: function( elem ) {
+ return jQuery.sibling( elem.firstChild );
+ },
+ contents: function( elem ) {
+ return jQuery.nodeName( elem, "iframe" ) ?
+ elem.contentDocument || elem.contentWindow.document :
+ jQuery.merge( [], elem.childNodes );
+ }
+}, function( name, fn ) {
+ jQuery.fn[ name ] = function( until, selector ) {
+ var ret = jQuery.map( this, fn, until );
+
+ if ( name.slice( -5 ) !== "Until" ) {
+ selector = until;
+ }
+
+ if ( selector && typeof selector === "string" ) {
+ ret = jQuery.filter( selector, ret );
+ }
+
+ if ( this.length > 1 ) {
+ // Remove duplicates
+ if ( !guaranteedUnique[ name ] ) {
+ ret = jQuery.unique( ret );
+ }
+
+ // Reverse order for parents* and prev-derivatives
+ if ( rparentsprev.test( name ) ) {
+ ret = ret.reverse();
+ }
+ }
+
+ return this.pushStack( ret );
+ };
+});
+
+jQuery.extend({
+ filter: function( expr, elems, not ) {
+ var elem = elems[ 0 ];
+
+ if ( not ) {
+ expr = ":not(" + expr + ")";
+ }
+
+ return elems.length === 1 && elem.nodeType === 1 ?
+ jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] :
+ jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+ return elem.nodeType === 1;
+ }));
+ },
+
+ dir: function( elem, dir, until ) {
+ var matched = [],
+ cur = elem[ dir ];
+
+ while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+ if ( cur.nodeType === 1 ) {
+ matched.push( cur );
+ }
+ cur = cur[dir];
+ }
+ return matched;
+ },
+
+ sibling: function( n, elem ) {
+ var r = [];
+
+ for ( ; n; n = n.nextSibling ) {
+ if ( n.nodeType === 1 && n !== elem ) {
+ r.push( n );
+ }
+ }
+
+ return r;
+ }
+});
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+ if ( jQuery.isFunction( qualifier ) ) {
+ return jQuery.grep( elements, function( elem, i ) {
+ /* jshint -W018 */
+ return !!qualifier.call( elem, i, elem ) !== not;
+ });
+
+ }
+
+ if ( qualifier.nodeType ) {
+ return jQuery.grep( elements, function( elem ) {
+ return ( elem === qualifier ) !== not;
+ });
+
+ }
+
+ if ( typeof qualifier === "string" ) {
+ if ( isSimple.test( qualifier ) ) {
+ return jQuery.filter( qualifier, elements, not );
+ }
+
+ qualifier = jQuery.filter( qualifier, elements );
+ }
+
+ return jQuery.grep( elements, function( elem ) {
+ return ( jQuery.inArray( elem, qualifier ) >= 0 ) !== not;
+ });
+}
+function createSafeFragment( document ) {
+ var list = nodeNames.split( "|" ),
+ safeFrag = document.createDocumentFragment();
+
+ if ( safeFrag.createElement ) {
+ while ( list.length ) {
+ safeFrag.createElement(
+ list.pop()
+ );
+ }
+ }
+ return safeFrag;
+}
+
+var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" +
+ "header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
+ rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
+ rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"),
+ rleadingWhitespace = /^\s+/,
+ rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
+ rtagName = /<([\w:]+)/,
+ rtbody = /<tbody/i,
+ rhtml = /<|&#?\w+;/,
+ rnoInnerhtml = /<(?:script|style|link)/i,
+ manipulation_rcheckableType = /^(?:checkbox|radio)$/i,
+ // checked="checked" or checked
+ rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+ rscriptType = /^$|\/(?:java|ecma)script/i,
+ rscriptTypeMasked = /^true\/(.*)/,
+ rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+
+ // We have to close these tags to support XHTML (#13200)
+ wrapMap = {
+ option: [ 1, "<select multiple='multiple'>", "</select>" ],
+ legend: [ 1, "<fieldset>", "</fieldset>" ],
+ area: [ 1, "<map>", "</map>" ],
+ param: [ 1, "<object>", "</object>" ],
+ thead: [ 1, "<table>", "</table>" ],
+ tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+ col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+ td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+ // IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
+ // unless wrapped in a div with non-breaking characters in front of it.
+ _default: jQuery.support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X<div>", "</div>" ]
+ },
+ safeFragment = createSafeFragment( document ),
+ fragmentDiv = safeFragment.appendChild( document.createElement("div") );
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+jQuery.fn.extend({
+ text: function( value ) {
+ return jQuery.access( this, function( value ) {
+ return value === undefined ?
+ jQuery.text( this ) :
+ this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
+ }, null, value, arguments.length );
+ },
+
+ append: function() {
+ return this.domManip( arguments, function( elem ) {
+ if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+ var target = manipulationTarget( this, elem );
+ target.appendChild( elem );
+ }
+ });
+ },
+
+ prepend: function() {
+ return this.domManip( arguments, function( elem ) {
+ if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+ var target = manipulationTarget( this, elem );
+ target.insertBefore( elem, target.firstChild );
+ }
+ });
+ },
+
+ before: function() {
+ return this.domManip( arguments, function( elem ) {
+ if ( this.parentNode ) {
+ this.parentNode.insertBefore( elem, this );
+ }
+ });
+ },
+
+ after: function() {
+ return this.domManip( arguments, function( elem ) {
+ if ( this.parentNode ) {
+ this.parentNode.insertBefore( elem, this.nextSibling );
+ }
+ });
+ },
+
+ // keepData is for internal use only--do not document
+ remove: function( selector, keepData ) {
+ var elem,
+ elems = selector ? jQuery.filter( selector, this ) : this,
+ i = 0;
+
+ for ( ; (elem = elems[i]) != null; i++ ) {
+
+ if ( !keepData && elem.nodeType === 1 ) {
+ jQuery.cleanData( getAll( elem ) );
+ }
+
+ if ( elem.parentNode ) {
+ if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
+ setGlobalEval( getAll( elem, "script" ) );
+ }
+ elem.parentNode.removeChild( elem );
+ }
+ }
+
+ return this;
+ },
+
+ empty: function() {
+ var elem,
+ i = 0;
+
+ for ( ; (elem = this[i]) != null; i++ ) {
+ // Remove element nodes and prevent memory leaks
+ if ( elem.nodeType === 1 ) {
+ jQuery.cleanData( getAll( elem, false ) );
+ }
+
+ // Remove any remaining nodes
+ while ( elem.firstChild ) {
+ elem.removeChild( elem.firstChild );
+ }
+
+ // If this is a select, ensure that it displays empty (#12336)
+ // Support: IE<9
+ if ( elem.options && jQuery.nodeName( elem, "select" ) ) {
+ elem.options.length = 0;
+ }
+ }
+
+ return this;
+ },
+
+ clone: function( dataAndEvents, deepDataAndEvents ) {
+ dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+ deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+ return this.map( function () {
+ return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+ });
+ },
+
+ html: function( value ) {
+ return jQuery.access( this, function( value ) {
+ var elem = this[0] || {},
+ i = 0,
+ l = this.length;
+
+ if ( value === undefined ) {
+ return elem.nodeType === 1 ?
+ elem.innerHTML.replace( rinlinejQuery, "" ) :
+ undefined;
+ }
+
+ // See if we can take a shortcut and just use innerHTML
+ if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+ ( jQuery.support.htmlSerialize || !rnoshimcache.test( value ) ) &&
+ ( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
+ !wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) {
+
+ value = value.replace( rxhtmlTag, "<$1></$2>" );
+
+ try {
+ for (; i < l; i++ ) {
+ // Remove element nodes and prevent memory leaks
+ elem = this[i] || {};
+ if ( elem.nodeType === 1 ) {
+ jQuery.cleanData( getAll( elem, false ) );
+ elem.innerHTML = value;
+ }
+ }
+
+ elem = 0;
+
+ // If using innerHTML throws an exception, use the fallback method
+ } catch(e) {}
+ }
+
+ if ( elem ) {
+ this.empty().append( value );
+ }
+ }, null, value, arguments.length );
+ },
+
+ replaceWith: function() {
+ var
+ // Snapshot the DOM in case .domManip sweeps something relevant into its fragment
+ args = jQuery.map( this, function( elem ) {
+ return [ elem.nextSibling, elem.parentNode ];
+ }),
+ i = 0;
+
+ // Make the changes, replacing each context element with the new content
+ this.domManip( arguments, function( elem ) {
+ var next = args[ i++ ],
+ parent = args[ i++ ];
+
+ if ( parent ) {
+ // Don't use the snapshot next if it has moved (#13810)
+ if ( next && next.parentNode !== parent ) {
+ next = this.nextSibling;
+ }
+ jQuery( this ).remove();
+ parent.insertBefore( elem, next );
+ }
+ // Allow new content to include elements from the context set
+ }, true );
+
+ // Force removal if there was no new content (e.g., from empty arguments)
+ return i ? this : this.remove();
+ },
+
+ detach: function( selector ) {
+ return this.remove( selector, true );
+ },
+
+ domManip: function( args, callback, allowIntersection ) {
+
+ // Flatten any nested arrays
+ args = core_concat.apply( [], args );
+
+ var first, node, hasScripts,
+ scripts, doc, fragment,
+ i = 0,
+ l = this.length,
+ set = this,
+ iNoClone = l - 1,
+ value = args[0],
+ isFunction = jQuery.isFunction( value );
+
+ // We can't cloneNode fragments that contain checked, in WebKit
+ if ( isFunction || !( l <= 1 || typeof value !== "string" || jQuery.support.checkClone || !rchecked.test( value ) ) ) {
+ return this.each(function( index ) {
+ var self = set.eq( index );
+ if ( isFunction ) {
+ args[0] = value.call( this, index, self.html() );
+ }
+ self.domManip( args, callback, allowIntersection );
+ });
+ }
+
+ if ( l ) {
+ fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, !allowIntersection && this );
+ first = fragment.firstChild;
+
+ if ( fragment.childNodes.length === 1 ) {
+ fragment = first;
+ }
+
+ if ( first ) {
+ scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+ hasScripts = scripts.length;
+
+ // Use the original fragment for the last item instead of the first because it can end up
+ // being emptied incorrectly in certain situations (#8070).
+ for ( ; i < l; i++ ) {
+ node = fragment;
+
+ if ( i !== iNoClone ) {
+ node = jQuery.clone( node, true, true );
+
+ // Keep references to cloned scripts for later restoration
+ if ( hasScripts ) {
+ jQuery.merge( scripts, getAll( node, "script" ) );
+ }
+ }
+
+ callback.call( this[i], node, i );
+ }
+
+ if ( hasScripts ) {
+ doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+ // Reenable scripts
+ jQuery.map( scripts, restoreScript );
+
+ // Evaluate executable scripts on first document insertion
+ for ( i = 0; i < hasScripts; i++ ) {
+ node = scripts[ i ];
+ if ( rscriptType.test( node.type || "" ) &&
+ !jQuery._data( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
+
+ if ( node.src ) {
+ // Hope ajax is available...
+ jQuery._evalUrl( node.src );
+ } else {
+ jQuery.globalEval( ( node.text || node.textContent || node.innerHTML || "" ).replace( rcleanScript, "" ) );
+ }
+ }
+ }
+ }
+
+ // Fix #11809: Avoid leaking memory
+ fragment = first = null;
+ }
+ }
+
+ return this;
+ }
+});
+
+// Support: IE<8
+// Manipulating tables requires a tbody
+function manipulationTarget( elem, content ) {
+ return jQuery.nodeName( elem, "table" ) &&
+ jQuery.nodeName( content.nodeType === 1 ? content : content.firstChild, "tr" ) ?
+
+ elem.getElementsByTagName("tbody")[0] ||
+ elem.appendChild( elem.ownerDocument.createElement("tbody") ) :
+ elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+ elem.type = (jQuery.find.attr( elem, "type" ) !== null) + "/" + elem.type;
+ return elem;
+}
+function restoreScript( elem ) {
+ var match = rscriptTypeMasked.exec( elem.type );
+ if ( match ) {
+ elem.type = match[1];
+ } else {
+ elem.removeAttribute("type");
+ }
+ return elem;
+}
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+ var elem,
+ i = 0;
+ for ( ; (elem = elems[i]) != null; i++ ) {
+ jQuery._data( elem, "globalEval", !refElements || jQuery._data( refElements[i], "globalEval" ) );
+ }
+}
+
+function cloneCopyEvent( src, dest ) {
+
+ if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+ return;
+ }
+
+ var type, i, l,
+ oldData = jQuery._data( src ),
+ curData = jQuery._data( dest, oldData ),
+ events = oldData.events;
+
+ if ( events ) {
+ delete curData.handle;
+ curData.events = {};
+
+ for ( type in events ) {
+ for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+ jQuery.event.add( dest, type, events[ type ][ i ] );
+ }
+ }
+ }
+
+ // make the cloned public data object a copy from the original
+ if ( curData.data ) {
+ curData.data = jQuery.extend( {}, curData.data );
+ }
+}
+
+function fixCloneNodeIssues( src, dest ) {
+ var nodeName, e, data;
+
+ // We do not need to do anything for non-Elements
+ if ( dest.nodeType !== 1 ) {
+ return;
+ }
+
+ nodeName = dest.nodeName.toLowerCase();
+
+ // IE6-8 copies events bound via attachEvent when using cloneNode.
+ if ( !jQuery.support.noCloneEvent && dest[ jQuery.expando ] ) {
+ data = jQuery._data( dest );
+
+ for ( e in data.events ) {
+ jQuery.removeEvent( dest, e, data.handle );
+ }
+
+ // Event data gets referenced instead of copied if the expando gets copied too
+ dest.removeAttribute( jQuery.expando );
+ }
+
+ // IE blanks contents when cloning scripts, and tries to evaluate newly-set text
+ if ( nodeName === "script" && dest.text !== src.text ) {
+ disableScript( dest ).text = src.text;
+ restoreScript( dest );
+
+ // IE6-10 improperly clones children of object elements using classid.
+ // IE10 throws NoModificationAllowedError if parent is null, #12132.
+ } else if ( nodeName === "object" ) {
+ if ( dest.parentNode ) {
+ dest.outerHTML = src.outerHTML;
+ }
+
+ // This path appears unavoidable for IE9. When cloning an object
+ // element in IE9, the outerHTML strategy above is not sufficient.
+ // If the src has innerHTML and the destination does not,
+ // copy the src.innerHTML into the dest.innerHTML. #10324
+ if ( jQuery.support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) {
+ dest.innerHTML = src.innerHTML;
+ }
+
+ } else if ( nodeName === "input" && manipulation_rcheckableType.test( src.type ) ) {
+ // IE6-8 fails to persist the checked state of a cloned checkbox
+ // or radio button. Worse, IE6-7 fail to give the cloned element
+ // a checked appearance if the defaultChecked value isn't also set
+
+ dest.defaultChecked = dest.checked = src.checked;
+
+ // IE6-7 get confused and end up setting the value of a cloned
+ // checkbox/radio button to an empty string instead of "on"
+ if ( dest.value !== src.value ) {
+ dest.value = src.value;
+ }
+
+ // IE6-8 fails to return the selected option to the default selected
+ // state when cloning options
+ } else if ( nodeName === "option" ) {
+ dest.defaultSelected = dest.selected = src.defaultSelected;
+
+ // IE6-8 fails to set the defaultValue to the correct value when
+ // cloning other types of input fields
+ } else if ( nodeName === "input" || nodeName === "textarea" ) {
+ dest.defaultValue = src.defaultValue;
+ }
+}
+
+jQuery.each({
+ appendTo: "append",
+ prependTo: "prepend",
+ insertBefore: "before",
+ insertAfter: "after",
+ replaceAll: "replaceWith"
+}, function( name, original ) {
+ jQuery.fn[ name ] = function( selector ) {
+ var elems,
+ i = 0,
+ ret = [],
+ insert = jQuery( selector ),
+ last = insert.length - 1;
+
+ for ( ; i <= last; i++ ) {
+ elems = i === last ? this : this.clone(true);
+ jQuery( insert[i] )[ original ]( elems );
+
+ // Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get()
+ core_push.apply( ret, elems.get() );
+ }
+
+ return this.pushStack( ret );
+ };
+});
+
+function getAll( context, tag ) {
+ var elems, elem,
+ i = 0,
+ found = typeof context.getElementsByTagName !== core_strundefined ? context.getElementsByTagName( tag || "*" ) :
+ typeof context.querySelectorAll !== core_strundefined ? context.querySelectorAll( tag || "*" ) :
+ undefined;
+
+ if ( !found ) {
+ for ( found = [], elems = context.childNodes || context; (elem = elems[i]) != null; i++ ) {
+ if ( !tag || jQuery.nodeName( elem, tag ) ) {
+ found.push( elem );
+ } else {
+ jQuery.merge( found, getAll( elem, tag ) );
+ }
+ }
+ }
+
+ return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+ jQuery.merge( [ context ], found ) :
+ found;
+}
+
+// Used in buildFragment, fixes the defaultChecked property
+function fixDefaultChecked( elem ) {
+ if ( manipulation_rcheckableType.test( elem.type ) ) {
+ elem.defaultChecked = elem.checked;
+ }
+}
+
+jQuery.extend({
+ clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+ var destElements, node, clone, i, srcElements,
+ inPage = jQuery.contains( elem.ownerDocument, elem );
+
+ if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
+ clone = elem.cloneNode( true );
+
+ // IE<=8 does not properly clone detached, unknown element nodes
+ } else {
+ fragmentDiv.innerHTML = elem.outerHTML;
+ fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
+ }
+
+ if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
+ (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+
+ // We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+ destElements = getAll( clone );
+ srcElements = getAll( elem );
+
+ // Fix all IE cloning issues
+ for ( i = 0; (node = srcElements[i]) != null; ++i ) {
+ // Ensure that the destination node is not null; Fixes #9587
+ if ( destElements[i] ) {
+ fixCloneNodeIssues( node, destElements[i] );
+ }
+ }
+ }
+
+ // Copy the events from the original to the clone
+ if ( dataAndEvents ) {
+ if ( deepDataAndEvents ) {
+ srcElements = srcElements || getAll( elem );
+ destElements = destElements || getAll( clone );
+
+ for ( i = 0; (node = srcElements[i]) != null; i++ ) {
+ cloneCopyEvent( node, destElements[i] );
+ }
+ } else {
+ cloneCopyEvent( elem, clone );
+ }
+ }
+
+ // Preserve script evaluation history
+ destElements = getAll( clone, "script" );
+ if ( destElements.length > 0 ) {
+ setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+ }
+
+ destElements = srcElements = node = null;
+
+ // Return the cloned set
+ return clone;
+ },
+
+ buildFragment: function( elems, context, scripts, selection ) {
+ var j, elem, contains,
+ tmp, tag, tbody, wrap,
+ l = elems.length,
+
+ // Ensure a safe fragment
+ safe = createSafeFragment( context ),
+
+ nodes = [],
+ i = 0;
+
+ for ( ; i < l; i++ ) {
+ elem = elems[ i ];
+
+ if ( elem || elem === 0 ) {
+
+ // Add nodes directly
+ if ( jQuery.type( elem ) === "object" ) {
+ jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+ // Convert non-html into a text node
+ } else if ( !rhtml.test( elem ) ) {
+ nodes.push( context.createTextNode( elem ) );
+
+ // Convert html into DOM nodes
+ } else {
+ tmp = tmp || safe.appendChild( context.createElement("div") );
+
+ // Deserialize a standard representation
+ tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase();
+ wrap = wrapMap[ tag ] || wrapMap._default;
+
+ tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[2];
+
+ // Descend through wrappers to the right content
+ j = wrap[0];
+ while ( j-- ) {
+ tmp = tmp.lastChild;
+ }
+
+ // Manually add leading whitespace removed by IE
+ if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+ nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[0] ) );
+ }
+
+ // Remove IE's autoinserted <tbody> from table fragments
+ if ( !jQuery.support.tbody ) {
+
+ // String was a <table>, *may* have spurious <tbody>
+ elem = tag === "table" && !rtbody.test( elem ) ?
+ tmp.firstChild :
+
+ // String was a bare <thead> or <tfoot>
+ wrap[1] === "<table>" && !rtbody.test( elem ) ?
+ tmp :
+ 0;
+
+ j = elem && elem.childNodes.length;
+ while ( j-- ) {
+ if ( jQuery.nodeName( (tbody = elem.childNodes[j]), "tbody" ) && !tbody.childNodes.length ) {
+ elem.removeChild( tbody );
+ }
+ }
+ }
+
+ jQuery.merge( nodes, tmp.childNodes );
+
+ // Fix #12392 for WebKit and IE > 9
+ tmp.textContent = "";
+
+ // Fix #12392 for oldIE
+ while ( tmp.firstChild ) {
+ tmp.removeChild( tmp.firstChild );
+ }
+
+ // Remember the top-level container for proper cleanup
+ tmp = safe.lastChild;
+ }
+ }
+ }
+
+ // Fix #11356: Clear elements from fragment
+ if ( tmp ) {
+ safe.removeChild( tmp );
+ }
+
+ // Reset defaultChecked for any radios and checkboxes
+ // about to be appended to the DOM in IE 6/7 (#8060)
+ if ( !jQuery.support.appendChecked ) {
+ jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked );
+ }
+
+ i = 0;
+ while ( (elem = nodes[ i++ ]) ) {
+
+ // #4087 - If origin and destination elements are the same, and this is
+ // that element, do not do anything
+ if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
+ continue;
+ }
+
+ contains = jQuery.contains( elem.ownerDocument, elem );
+
+ // Append to fragment
+ tmp = getAll( safe.appendChild( elem ), "script" );
+
+ // Preserve script evaluation history
+ if ( contains ) {
+ setGlobalEval( tmp );
+ }
+
+ // Capture executables
+ if ( scripts ) {
+ j = 0;
+ while ( (elem = tmp[ j++ ]) ) {
+ if ( rscriptType.test( elem.type || "" ) ) {
+ scripts.push( elem );
+ }
+ }
+ }
+ }
+
+ tmp = null;
+
+ return safe;
+ },
+
+ cleanData: function( elems, /* internal */ acceptData ) {
+ var elem, type, id, data,
+ i = 0,
+ internalKey = jQuery.expando,
+ cache = jQuery.cache,
+ deleteExpando = jQuery.support.deleteExpando,
+ special = jQuery.event.special;
+
+ for ( ; (elem = elems[i]) != null; i++ ) {
+
+ if ( acceptData || jQuery.acceptData( elem ) ) {
+
+ id = elem[ internalKey ];
+ data = id && cache[ id ];
+
+ if ( data ) {
+ if ( data.events ) {
+ for ( type in data.events ) {
+ if ( special[ type ] ) {
+ jQuery.event.remove( elem, type );
+
+ // This is a shortcut to avoid jQuery.event.remove's overhead
+ } else {
+ jQuery.removeEvent( elem, type, data.handle );
+ }
+ }
+ }
+
+ // Remove cache only if it was not already removed by jQuery.event.remove
+ if ( cache[ id ] ) {
+
+ delete cache[ id ];
+
+ // IE does not allow us to delete expando properties from nodes,
+ // nor does it have a removeAttribute function on Document nodes;
+ // we must handle all of these cases
+ if ( deleteExpando ) {
+ delete elem[ internalKey ];
+
+ } else if ( typeof elem.removeAttribute !== core_strundefined ) {
+ elem.removeAttribute( internalKey );
+
+ } else {
+ elem[ internalKey ] = null;
+ }
+
+ core_deletedIds.push( id );
+ }
+ }
+ }
+ }
+ },
+
+ _evalUrl: function( url ) {
+ return jQuery.ajax({
+ url: url,
+ type: "GET",
+ dataType: "script",
+ async: false,
+ global: false,
+ "throws": true
+ });
+ }
+});
+jQuery.fn.extend({
+ wrapAll: function( html ) {
+ if ( jQuery.isFunction( html ) ) {
+ return this.each(function(i) {
+ jQuery(this).wrapAll( html.call(this, i) );
+ });
+ }
+
+ if ( this[0] ) {
+ // The elements to wrap the target around
+ var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+ if ( this[0].parentNode ) {
+ wrap.insertBefore( this[0] );
+ }
+
+ wrap.map(function() {
+ var elem = this;
+
+ while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+ elem = elem.firstChild;
+ }
+
+ return elem;
+ }).append( this );
+ }
+
+ return this;
+ },
+
+ wrapInner: function( html ) {
+ if ( jQuery.isFunction( html ) ) {
+ return this.each(function(i) {
+ jQuery(this).wrapInner( html.call(this, i) );
+ });
+ }
+
+ return this.each(function() {
+ var self = jQuery( this ),
+ contents = self.contents();
+
+ if ( contents.length ) {
+ contents.wrapAll( html );
+
+ } else {
+ self.append( html );
+ }
+ });
+ },
+
+ wrap: function( html ) {
+ var isFunction = jQuery.isFunction( html );
+
+ return this.each(function(i) {
+ jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
+ });
+ },
+
+ unwrap: function() {
+ return this.parent().each(function() {
+ if ( !jQuery.nodeName( this, "body" ) ) {
+ jQuery( this ).replaceWith( this.childNodes );
+ }
+ }).end();
+ }
+});
+var iframe, getStyles, curCSS,
+ ralpha = /alpha\([^)]*\)/i,
+ ropacity = /opacity\s*=\s*([^)]*)/,
+ rposition = /^(top|right|bottom|left)$/,
+ // swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+ // see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+ rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+ rmargin = /^margin/,
+ rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ),
+ rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ),
+ rrelNum = new RegExp( "^([+-])=(" + core_pnum + ")", "i" ),
+ elemdisplay = { BODY: "block" },
+
+ cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+ cssNormalTransform = {
+ letterSpacing: 0,
+ fontWeight: 400
+ },
+
+ cssExpand = [ "Top", "Right", "Bottom", "Left" ],
+ cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
+
+// return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( style, name ) {
+
+ // shortcut for names that are not vendor prefixed
+ if ( name in style ) {
+ return name;
+ }
+
+ // check for vendor prefixed names
+ var capName = name.charAt(0).toUpperCase() + name.slice(1),
+ origName = name,
+ i = cssPrefixes.length;
+
+ while ( i-- ) {
+ name = cssPrefixes[ i ] + capName;
+ if ( name in style ) {
+ return name;
+ }
+ }
+
+ return origName;
+}
+
+function isHidden( elem, el ) {
+ // isHidden might be called from jQuery#filter function;
+ // in that case, element will be second argument
+ elem = el || elem;
+ return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
+}
+
+function showHide( elements, show ) {
+ var display, elem, hidden,
+ values = [],
+ index = 0,
+ length = elements.length;
+
+ for ( ; index < length; index++ ) {
+ elem = elements[ index ];
+ if ( !elem.style ) {
+ continue;
+ }
+
+ values[ index ] = jQuery._data( elem, "olddisplay" );
+ display = elem.style.display;
+ if ( show ) {
+ // Reset the inline display of this element to learn if it is
+ // being hidden by cascaded rules or not
+ if ( !values[ index ] && display === "none" ) {
+ elem.style.display = "";
+ }
+
+ // Set elements which have been overridden with display: none
+ // in a stylesheet to whatever the default browser style is
+ // for such an element
+ if ( elem.style.display === "" && isHidden( elem ) ) {
+ values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) );
+ }
+ } else {
+
+ if ( !values[ index ] ) {
+ hidden = isHidden( elem );
+
+ if ( display && display !== "none" || !hidden ) {
+ jQuery._data( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
+ }
+ }
+ }
+ }
+
+ // Set the display of most of the elements in a second loop
+ // to avoid the constant reflow
+ for ( index = 0; index < length; index++ ) {
+ elem = elements[ index ];
+ if ( !elem.style ) {
+ continue;
+ }
+ if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+ elem.style.display = show ? values[ index ] || "" : "none";
+ }
+ }
+
+ return elements;
+}
+
+jQuery.fn.extend({
+ css: function( name, value ) {
+ return jQuery.access( this, function( elem, name, value ) {
+ var len, styles,
+ map = {},
+ i = 0;
+
+ if ( jQuery.isArray( name ) ) {
+ styles = getStyles( elem );
+ len = name.length;
+
+ for ( ; i < len; i++ ) {
+ map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+ }
+
+ return map;
+ }
+
+ return value !== undefined ?
+ jQuery.style( elem, name, value ) :
+ jQuery.css( elem, name );
+ }, name, value, arguments.length > 1 );
+ },
+ show: function() {
+ return showHide( this, true );
+ },
+ hide: function() {
+ return showHide( this );
+ },
+ toggle: function( state ) {
+ if ( typeof state === "boolean" ) {
+ return state ? this.show() : this.hide();
+ }
+
+ return this.each(function() {
+ if ( isHidden( this ) ) {
+ jQuery( this ).show();
+ } else {
+ jQuery( this ).hide();
+ }
+ });
+ }
+});
+
+jQuery.extend({
+ // Add in style property hooks for overriding the default
+ // behavior of getting and setting a style property
+ cssHooks: {
+ opacity: {
+ get: function( elem, computed ) {
+ if ( computed ) {
+ // We should always get a number back from opacity
+ var ret = curCSS( elem, "opacity" );
+ return ret === "" ? "1" : ret;
+ }
+ }
+ }
+ },
+
+ // Don't automatically add "px" to these possibly-unitless properties
+ cssNumber: {
+ "columnCount": true,
+ "fillOpacity": true,
+ "fontWeight": true,
+ "lineHeight": true,
+ "opacity": true,
+ "order": true,
+ "orphans": true,
+ "widows": true,
+ "zIndex": true,
+ "zoom": true
+ },
+
+ // Add in properties whose names you wish to fix before
+ // setting or getting the value
+ cssProps: {
+ // normalize float css property
+ "float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
+ },
+
+ // Get and set the style property on a DOM Node
+ style: function( elem, name, value, extra ) {
+ // Don't set styles on text and comment nodes
+ if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+ return;
+ }
+
+ // Make sure that we're working with the right name
+ var ret, type, hooks,
+ origName = jQuery.camelCase( name ),
+ style = elem.style;
+
+ name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
+
+ // gets hook for the prefixed version
+ // followed by the unprefixed version
+ hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+ // Check if we're setting a value
+ if ( value !== undefined ) {
+ type = typeof value;
+
+ // convert relative number strings (+= or -=) to relative numbers. #7345
+ if ( type === "string" && (ret = rrelNum.exec( value )) ) {
+ value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
+ // Fixes bug #9237
+ type = "number";
+ }
+
+ // Make sure that NaN and null values aren't set. See: #7116
+ if ( value == null || type === "number" && isNaN( value ) ) {
+ return;
+ }
+
+ // If a number was passed in, add 'px' to the (except for certain CSS properties)
+ if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
+ value += "px";
+ }
+
+ // Fixes #8908, it can be done more correctly by specifing setters in cssHooks,
+ // but it would mean to define eight (for every problematic property) identical functions
+ if ( !jQuery.support.clearCloneStyle && value === "" && name.indexOf("background") === 0 ) {
+ style[ name ] = "inherit";
+ }
+
+ // If a hook was provided, use that value, otherwise just set the specified value
+ if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
+
+ // Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+ // Fixes bug #5509
+ try {
+ style[ name ] = value;
+ } catch(e) {}
+ }
+
+ } else {
+ // If a hook was provided get the non-computed value from there
+ if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+ return ret;
+ }
+
+ // Otherwise just get the value from the style object
+ return style[ name ];
+ }
+ },
+
+ css: function( elem, name, extra, styles ) {
+ var num, val, hooks,
+ origName = jQuery.camelCase( name );
+
+ // Make sure that we're working with the right name
+ name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
+
+ // gets hook for the prefixed version
+ // followed by the unprefixed version
+ hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+ // If a hook was provided get the computed value from there
+ if ( hooks && "get" in hooks ) {
+ val = hooks.get( elem, true, extra );
+ }
+
+ // Otherwise, if a way to get the computed value exists, use that
+ if ( val === undefined ) {
+ val = curCSS( elem, name, styles );
+ }
+
+ //convert "normal" to computed value
+ if ( val === "normal" && name in cssNormalTransform ) {
+ val = cssNormalTransform[ name ];
+ }
+
+ // Return, converting to number if forced or a qualifier was provided and val looks numeric
+ if ( extra === "" || extra ) {
+ num = parseFloat( val );
+ return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
+ }
+ return val;
+ }
+});
+
+// NOTE: we've included the "window" in window.getComputedStyle
+// because jsdom on node.js will break without it.
+if ( window.getComputedStyle ) {
+ getStyles = function( elem ) {
+ return window.getComputedStyle( elem, null );
+ };
+
+ curCSS = function( elem, name, _computed ) {
+ var width, minWidth, maxWidth,
+ computed = _computed || getStyles( elem ),
+
+ // getPropertyValue is only needed for .css('filter') in IE9, see #12537
+ ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined,
+ style = elem.style;
+
+ if ( computed ) {
+
+ if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
+ ret = jQuery.style( elem, name );
+ }
+
+ // A tribute to the "awesome hack by Dean Edwards"
+ // Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
+ // Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+ // this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+ if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+ // Remember the original values
+ width = style.width;
+ minWidth = style.minWidth;
+ maxWidth = style.maxWidth;
+
+ // Put in the new values to get a computed value out
+ style.minWidth = style.maxWidth = style.width = ret;
+ ret = computed.width;
+
+ // Revert the changed values
+ style.width = width;
+ style.minWidth = minWidth;
+ style.maxWidth = maxWidth;
+ }
+ }
+
+ return ret;
+ };
+} else if ( document.documentElement.currentStyle ) {
+ getStyles = function( elem ) {
+ return elem.currentStyle;
+ };
+
+ curCSS = function( elem, name, _computed ) {
+ var left, rs, rsLeft,
+ computed = _computed || getStyles( elem ),
+ ret = computed ? computed[ name ] : undefined,
+ style = elem.style;
+
+ // Avoid setting ret to empty string here
+ // so we don't default to auto
+ if ( ret == null && style && style[ name ] ) {
+ ret = style[ name ];
+ }
+
+ // From the awesome hack by Dean Edwards
+ // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+ // If we're not dealing with a regular pixel number
+ // but a number that has a weird ending, we need to convert it to pixels
+ // but not position css attributes, as those are proportional to the parent element instead
+ // and we can't measure the parent instead because it might trigger a "stacking dolls" problem
+ if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
+
+ // Remember the original values
+ left = style.left;
+ rs = elem.runtimeStyle;
+ rsLeft = rs && rs.left;
+
+ // Put in the new values to get a computed value out
+ if ( rsLeft ) {
+ rs.left = elem.currentStyle.left;
+ }
+ style.left = name === "fontSize" ? "1em" : ret;
+ ret = style.pixelLeft + "px";
+
+ // Revert the changed values
+ style.left = left;
+ if ( rsLeft ) {
+ rs.left = rsLeft;
+ }
+ }
+
+ return ret === "" ? "auto" : ret;
+ };
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+ var matches = rnumsplit.exec( value );
+ return matches ?
+ // Guard against undefined "subtract", e.g., when used as in cssHooks
+ Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+ value;
+}
+
+function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+ var i = extra === ( isBorderBox ? "border" : "content" ) ?
+ // If we already have the right measurement, avoid augmentation
+ 4 :
+ // Otherwise initialize for horizontal or vertical properties
+ name === "width" ? 1 : 0,
+
+ val = 0;
+
+ for ( ; i < 4; i += 2 ) {
+ // both box models exclude margin, so add it if we want it
+ if ( extra === "margin" ) {
+ val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+ }
+
+ if ( isBorderBox ) {
+ // border-box includes padding, so remove it if we want content
+ if ( extra === "content" ) {
+ val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+ }
+
+ // at this point, extra isn't border nor margin, so remove border
+ if ( extra !== "margin" ) {
+ val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+ }
+ } else {
+ // at this point, extra isn't content, so add padding
+ val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+ // at this point, extra isn't content nor padding, so add border
+ if ( extra !== "padding" ) {
+ val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+ }
+ }
+ }
+
+ return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+ // Start with offset property, which is equivalent to the border-box value
+ var valueIsBorderBox = true,
+ val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+ styles = getStyles( elem ),
+ isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+ // some non-html elements return undefined for offsetWidth, so check for null/undefined
+ // svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+ // MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+ if ( val <= 0 || val == null ) {
+ // Fall back to computed then uncomputed css if necessary
+ val = curCSS( elem, name, styles );
+ if ( val < 0 || val == null ) {
+ val = elem.style[ name ];
+ }
+
+ // Computed unit is not pixels. Stop here and return.
+ if ( rnumnonpx.test(val) ) {
+ return val;
+ }
+
+ // we need the check for style in case a browser which returns unreliable values
+ // for getComputedStyle silently falls back to the reliable elem.style
+ valueIsBorderBox = isBorderBox && ( jQuery.support.boxSizingReliable || val === elem.style[ name ] );
+
+ // Normalize "", auto, and prepare for extra
+ val = parseFloat( val ) || 0;
+ }
+
+ // use the active box-sizing model to add/subtract irrelevant styles
+ return ( val +
+ augmentWidthOrHeight(
+ elem,
+ name,
+ extra || ( isBorderBox ? "border" : "content" ),
+ valueIsBorderBox,
+ styles
+ )
+ ) + "px";
+}
+
+// Try to determine the default display value of an element
+function css_defaultDisplay( nodeName ) {
+ var doc = document,
+ display = elemdisplay[ nodeName ];
+
+ if ( !display ) {
+ display = actualDisplay( nodeName, doc );
+
+ // If the simple way fails, read from inside an iframe
+ if ( display === "none" || !display ) {
+ // Use the already-created iframe if possible
+ iframe = ( iframe ||
+ jQuery("<iframe frameborder='0' width='0' height='0'/>")
+ .css( "cssText", "display:block !important" )
+ ).appendTo( doc.documentElement );
+
+ // Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+ doc = ( iframe[0].contentWindow || iframe[0].contentDocument ).document;
+ doc.write("<!doctype html><html><body>");
+ doc.close();
+
+ display = actualDisplay( nodeName, doc );
+ iframe.detach();
+ }
+
+ // Store the correct default display
+ elemdisplay[ nodeName ] = display;
+ }
+
+ return display;
+}
+
+// Called ONLY from within css_defaultDisplay
+function actualDisplay( name, doc ) {
+ var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+ display = jQuery.css( elem[0], "display" );
+ elem.remove();
+ return display;
+}
+
+jQuery.each([ "height", "width" ], function( i, name ) {
+ jQuery.cssHooks[ name ] = {
+ get: function( elem, computed, extra ) {
+ if ( computed ) {
+ // certain elements can have dimension info if we invisibly show them
+ // however, it must have a current display style that would benefit from this
+ return elem.offsetWidth === 0 && rdisplayswap.test( jQuery.css( elem, "display" ) ) ?
+ jQuery.swap( elem, cssShow, function() {
+ return getWidthOrHeight( elem, name, extra );
+ }) :
+ getWidthOrHeight( elem, name, extra );
+ }
+ },
+
+ set: function( elem, value, extra ) {
+ var styles = extra && getStyles( elem );
+ return setPositiveNumber( elem, value, extra ?
+ augmentWidthOrHeight(
+ elem,
+ name,
+ extra,
+ jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+ styles
+ ) : 0
+ );
+ }
+ };
+});
+
+if ( !jQuery.support.opacity ) {
+ jQuery.cssHooks.opacity = {
+ get: function( elem, computed ) {
+ // IE uses filters for opacity
+ return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
+ ( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
+ computed ? "1" : "";
+ },
+
+ set: function( elem, value ) {
+ var style = elem.style,
+ currentStyle = elem.currentStyle,
+ opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
+ filter = currentStyle && currentStyle.filter || style.filter || "";
+
+ // IE has trouble with opacity if it does not have layout
+ // Force it by setting the zoom level
+ style.zoom = 1;
+
+ // if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
+ // if value === "", then remove inline opacity #12685
+ if ( ( value >= 1 || value === "" ) &&
+ jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
+ style.removeAttribute ) {
+
+ // Setting style.filter to null, "" & " " still leave "filter:" in the cssText
+ // if "filter:" is present at all, clearType is disabled, we want to avoid this
+ // style.removeAttribute is IE Only, but so apparently is this code path...
+ style.removeAttribute( "filter" );
+
+ // if there is no filter style applied in a css rule or unset inline opacity, we are done
+ if ( value === "" || currentStyle && !currentStyle.filter ) {
+ return;
+ }
+ }
+
+ // otherwise, set new filter values
+ style.filter = ralpha.test( filter ) ?
+ filter.replace( ralpha, opacity ) :
+ filter + " " + opacity;
+ }
+ };
+}
+
+// These hooks cannot be added until DOM ready because the support test
+// for it is not run until after DOM ready
+jQuery(function() {
+ if ( !jQuery.support.reliableMarginRight ) {
+ jQuery.cssHooks.marginRight = {
+ get: function( elem, computed ) {
+ if ( computed ) {
+ // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+ // Work around by temporarily setting element display to inline-block
+ return jQuery.swap( elem, { "display": "inline-block" },
+ curCSS, [ elem, "marginRight" ] );
+ }
+ }
+ };
+ }
+
+ // Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+ // getComputedStyle returns percent when specified for top/left/bottom/right
+ // rather than make the css module depend on the offset module, we just check for it here
+ if ( !jQuery.support.pixelPosition && jQuery.fn.position ) {
+ jQuery.each( [ "top", "left" ], function( i, prop ) {
+ jQuery.cssHooks[ prop ] = {
+ get: function( elem, computed ) {
+ if ( computed ) {
+ computed = curCSS( elem, prop );
+ // if curCSS returns percentage, fallback to offset
+ return rnumnonpx.test( computed ) ?
+ jQuery( elem ).position()[ prop ] + "px" :
+ computed;
+ }
+ }
+ };
+ });
+ }
+
+});
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+ jQuery.expr.filters.hidden = function( elem ) {
+ // Support: Opera <= 12.12
+ // Opera reports offsetWidths and offsetHeights less than zero on some elements
+ return elem.offsetWidth <= 0 && elem.offsetHeight <= 0 ||
+ (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
+ };
+
+ jQuery.expr.filters.visible = function( elem ) {
+ return !jQuery.expr.filters.hidden( elem );
+ };
+}
+
+// These hooks are used by animate to expand properties
+jQuery.each({
+ margin: "",
+ padding: "",
+ border: "Width"
+}, function( prefix, suffix ) {
+ jQuery.cssHooks[ prefix + suffix ] = {
+ expand: function( value ) {
+ var i = 0,
+ expanded = {},
+
+ // assumes a single number if not a string
+ parts = typeof value === "string" ? value.split(" ") : [ value ];
+
+ for ( ; i < 4; i++ ) {
+ expanded[ prefix + cssExpand[ i ] + suffix ] =
+ parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+ }
+
+ return expanded;
+ }
+ };
+
+ if ( !rmargin.test( prefix ) ) {
+ jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+ }
+});
+var r20 = /%20/g,
+ rbracket = /\[\]$/,
+ rCRLF = /\r?\n/g,
+ rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+ rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+jQuery.fn.extend({
+ serialize: function() {
+ return jQuery.param( this.serializeArray() );
+ },
+ serializeArray: function() {
+ return this.map(function(){
+ // Can add propHook for "elements" to filter or add form elements
+ var elements = jQuery.prop( this, "elements" );
+ return elements ? jQuery.makeArray( elements ) : this;
+ })
+ .filter(function(){
+ var type = this.type;
+ // Use .is(":disabled") so that fieldset[disabled] works
+ return this.name && !jQuery( this ).is( ":disabled" ) &&
+ rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+ ( this.checked || !manipulation_rcheckableType.test( type ) );
+ })
+ .map(function( i, elem ){
+ var val = jQuery( this ).val();
+
+ return val == null ?
+ null :
+ jQuery.isArray( val ) ?
+ jQuery.map( val, function( val ){
+ return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+ }) :
+ { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+ }).get();
+ }
+});
+
+//Serialize an array of form elements or a set of
+//key/values into a query string
+jQuery.param = function( a, traditional ) {
+ var prefix,
+ s = [],
+ add = function( key, value ) {
+ // If value is a function, invoke it and return its value
+ value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+ s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+ };
+
+ // Set traditional to true for jQuery <= 1.3.2 behavior.
+ if ( traditional === undefined ) {
+ traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+ }
+
+ // If an array was passed in, assume that it is an array of form elements.
+ if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+ // Serialize the form elements
+ jQuery.each( a, function() {
+ add( this.name, this.value );
+ });
+
+ } else {
+ // If traditional, encode the "old" way (the way 1.3.2 or older
+ // did it), otherwise encode params recursively.
+ for ( prefix in a ) {
+ buildParams( prefix, a[ prefix ], traditional, add );
+ }
+ }
+
+ // Return the resulting serialization
+ return s.join( "&" ).replace( r20, "+" );
+};
+
+function buildParams( prefix, obj, traditional, add ) {
+ var name;
+
+ if ( jQuery.isArray( obj ) ) {
+ // Serialize array item.
+ jQuery.each( obj, function( i, v ) {
+ if ( traditional || rbracket.test( prefix ) ) {
+ // Treat each array item as a scalar.
+ add( prefix, v );
+
+ } else {
+ // Item is non-scalar (array or object), encode its numeric index.
+ buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
+ }
+ });
+
+ } else if ( !traditional && jQuery.type( obj ) === "object" ) {
+ // Serialize object item.
+ for ( name in obj ) {
+ buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+ }
+
+ } else {
+ // Serialize scalar item.
+ add( prefix, obj );
+ }
+}
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+ "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+ "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
+
+ // Handle event binding
+ jQuery.fn[ name ] = function( data, fn ) {
+ return arguments.length > 0 ?
+ this.on( name, null, data, fn ) :
+ this.trigger( name );
+ };
+});
+
+jQuery.fn.extend({
+ hover: function( fnOver, fnOut ) {
+ return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+ },
+
+ bind: function( types, data, fn ) {
+ return this.on( types, null, data, fn );
+ },
+ unbind: function( types, fn ) {
+ return this.off( types, null, fn );
+ },
+
+ delegate: function( selector, types, data, fn ) {
+ return this.on( types, selector, data, fn );
+ },
+ undelegate: function( selector, types, fn ) {
+ // ( namespace ) or ( selector, types [, fn] )
+ return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
+ }
+});
+var
+ // Document location
+ ajaxLocParts,
+ ajaxLocation,
+ ajax_nonce = jQuery.now(),
+
+ ajax_rquery = /\?/,
+ rhash = /#.*$/,
+ rts = /([?&])_=[^&]*/,
+ rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+ // #7653, #8125, #8152: local protocol detection
+ rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+ rnoContent = /^(?:GET|HEAD)$/,
+ rprotocol = /^\/\//,
+ rurl = /^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,
+
+ // Keep a copy of the old load method
+ _load = jQuery.fn.load,
+
+ /* Prefilters
+ * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+ * 2) These are called:
+ * - BEFORE asking for a transport
+ * - AFTER param serialization (s.data is a string if s.processData is true)
+ * 3) key is the dataType
+ * 4) the catchall symbol "*" can be used
+ * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+ */
+ prefilters = {},
+
+ /* Transports bindings
+ * 1) key is the dataType
+ * 2) the catchall symbol "*" can be used
+ * 3) selection will start with transport dataType and THEN go to "*" if needed
+ */
+ transports = {},
+
+ // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+ allTypes = "*/".concat("*");
+
+// #8138, IE may throw an exception when accessing
+// a field from window.location if document.domain has been set
+try {
+ ajaxLocation = location.href;
+} catch( e ) {
+ // Use the href attribute of an A element
+ // since IE will modify it given document.location
+ ajaxLocation = document.createElement( "a" );
+ ajaxLocation.href = "";
+ ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+ // dataTypeExpression is optional and defaults to "*"
+ return function( dataTypeExpression, func ) {
+
+ if ( typeof dataTypeExpression !== "string" ) {
+ func = dataTypeExpression;
+ dataTypeExpression = "*";
+ }
+
+ var dataType,
+ i = 0,
+ dataTypes = dataTypeExpression.toLowerCase().match( core_rnotwhite ) || [];
+
+ if ( jQuery.isFunction( func ) ) {
+ // For each dataType in the dataTypeExpression
+ while ( (dataType = dataTypes[i++]) ) {
+ // Prepend if requested
+ if ( dataType[0] === "+" ) {
+ dataType = dataType.slice( 1 ) || "*";
+ (structure[ dataType ] = structure[ dataType ] || []).unshift( func );
+
+ // Otherwise append
+ } else {
+ (structure[ dataType ] = structure[ dataType ] || []).push( func );
+ }
+ }
+ }
+ };
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+ var inspected = {},
+ seekingTransport = ( structure === transports );
+
+ function inspect( dataType ) {
+ var selected;
+ inspected[ dataType ] = true;
+ jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+ var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+ if( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+ options.dataTypes.unshift( dataTypeOrTransport );
+ inspect( dataTypeOrTransport );
+ return false;
+ } else if ( seekingTransport ) {
+ return !( selected = dataTypeOrTransport );
+ }
+ });
+ return selected;
+ }
+
+ return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+ var deep, key,
+ flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+ for ( key in src ) {
+ if ( src[ key ] !== undefined ) {
+ ( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
+ }
+ }
+ if ( deep ) {
+ jQuery.extend( true, target, deep );
+ }
+
+ return target;
+}
+
+jQuery.fn.load = function( url, params, callback ) {
+ if ( typeof url !== "string" && _load ) {
+ return _load.apply( this, arguments );
+ }
+
+ var selector, response, type,
+ self = this,
+ off = url.indexOf(" ");
+
+ if ( off >= 0 ) {
+ selector = url.slice( off, url.length );
+ url = url.slice( 0, off );
+ }
+
+ // If it's a function
+ if ( jQuery.isFunction( params ) ) {
+
+ // We assume that it's the callback
+ callback = params;
+ params = undefined;
+
+ // Otherwise, build a param string
+ } else if ( params && typeof params === "object" ) {
+ type = "POST";
+ }
+
+ // If we have elements to modify, make the request
+ if ( self.length > 0 ) {
+ jQuery.ajax({
+ url: url,
+
+ // if "type" variable is undefined, then "GET" method will be used
+ type: type,
+ dataType: "html",
+ data: params
+ }).done(function( responseText ) {
+
+ // Save response for use in complete callback
+ response = arguments;
+
+ self.html( selector ?
+
+ // If a selector was specified, locate the right elements in a dummy div
+ // Exclude scripts to avoid IE 'Permission Denied' errors
+ jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+ // Otherwise use the full result
+ responseText );
+
+ }).complete( callback && function( jqXHR, status ) {
+ self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+ });
+ }
+
+ return this;
+};
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ){
+ jQuery.fn[ type ] = function( fn ){
+ return this.on( type, fn );
+ };
+});
+
+jQuery.extend({
+
+ // Counter for holding the number of active queries
+ active: 0,
+
+ // Last-Modified header cache for next request
+ lastModified: {},
+ etag: {},
+
+ ajaxSettings: {
+ url: ajaxLocation,
+ type: "GET",
+ isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+ global: true,
+ processData: true,
+ async: true,
+ contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+ /*
+ timeout: 0,
+ data: null,
+ dataType: null,
+ username: null,
+ password: null,
+ cache: null,
+ throws: false,
+ traditional: false,
+ headers: {},
+ */
+
+ accepts: {
+ "*": allTypes,
+ text: "text/plain",
+ html: "text/html",
+ xml: "application/xml, text/xml",
+ json: "application/json, text/javascript"
+ },
+
+ contents: {
+ xml: /xml/,
+ html: /html/,
+ json: /json/
+ },
+
+ responseFields: {
+ xml: "responseXML",
+ text: "responseText",
+ json: "responseJSON"
+ },
+
+ // Data converters
+ // Keys separate source (or catchall "*") and destination types with a single space
+ converters: {
+
+ // Convert anything to text
+ "* text": String,
+
+ // Text to html (true = no transformation)
+ "text html": true,
+
+ // Evaluate text as a json expression
+ "text json": jQuery.parseJSON,
+
+ // Parse text as xml
+ "text xml": jQuery.parseXML
+ },
+
+ // For options that shouldn't be deep extended:
+ // you can add your own custom options here if
+ // and when you create one that shouldn't be
+ // deep extended (see ajaxExtend)
+ flatOptions: {
+ url: true,
+ context: true
+ }
+ },
+
+ // Creates a full fledged settings object into target
+ // with both ajaxSettings and settings fields.
+ // If target is omitted, writes into ajaxSettings.
+ ajaxSetup: function( target, settings ) {
+ return settings ?
+
+ // Building a settings object
+ ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+ // Extending ajaxSettings
+ ajaxExtend( jQuery.ajaxSettings, target );
+ },
+
+ ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+ ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+ // Main method
+ ajax: function( url, options ) {
+
+ // If url is an object, simulate pre-1.5 signature
+ if ( typeof url === "object" ) {
+ options = url;
+ url = undefined;
+ }
+
+ // Force options to be an object
+ options = options || {};
+
+ var // Cross-domain detection vars
+ parts,
+ // Loop variable
+ i,
+ // URL without anti-cache param
+ cacheURL,
+ // Response headers as string
+ responseHeadersString,
+ // timeout handle
+ timeoutTimer,
+
+ // To know if global events are to be dispatched
+ fireGlobals,
+
+ transport,
+ // Response headers
+ responseHeaders,
+ // Create the final options object
+ s = jQuery.ajaxSetup( {}, options ),
+ // Callbacks context
+ callbackContext = s.context || s,
+ // Context for global events is callbackContext if it is a DOM node or jQuery collection
+ globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
+ jQuery( callbackContext ) :
+ jQuery.event,
+ // Deferreds
+ deferred = jQuery.Deferred(),
+ completeDeferred = jQuery.Callbacks("once memory"),
+ // Status-dependent callbacks
+ statusCode = s.statusCode || {},
+ // Headers (they are sent all at once)
+ requestHeaders = {},
+ requestHeadersNames = {},
+ // The jqXHR state
+ state = 0,
+ // Default abort message
+ strAbort = "canceled",
+ // Fake xhr
+ jqXHR = {
+ readyState: 0,
+
+ // Builds headers hashtable if needed
+ getResponseHeader: function( key ) {
+ var match;
+ if ( state === 2 ) {
+ if ( !responseHeaders ) {
+ responseHeaders = {};
+ while ( (match = rheaders.exec( responseHeadersString )) ) {
+ responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+ }
+ }
+ match = responseHeaders[ key.toLowerCase() ];
+ }
+ return match == null ? null : match;
+ },
+
+ // Raw string
+ getAllResponseHeaders: function() {
+ return state === 2 ? responseHeadersString : null;
+ },
+
+ // Caches the header
+ setRequestHeader: function( name, value ) {
+ var lname = name.toLowerCase();
+ if ( !state ) {
+ name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+ requestHeaders[ name ] = value;
+ }
+ return this;
+ },
+
+ // Overrides response content-type header
+ overrideMimeType: function( type ) {
+ if ( !state ) {
+ s.mimeType = type;
+ }
+ return this;
+ },
+
+ // Status-dependent callbacks
+ statusCode: function( map ) {
+ var code;
+ if ( map ) {
+ if ( state < 2 ) {
+ for ( code in map ) {
+ // Lazy-add the new callback in a way that preserves old ones
+ statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+ }
+ } else {
+ // Execute the appropriate callbacks
+ jqXHR.always( map[ jqXHR.status ] );
+ }
+ }
+ return this;
+ },
+
+ // Cancel the request
+ abort: function( statusText ) {
+ var finalText = statusText || strAbort;
+ if ( transport ) {
+ transport.abort( finalText );
+ }
+ done( 0, finalText );
+ return this;
+ }
+ };
+
+ // Attach deferreds
+ deferred.promise( jqXHR ).complete = completeDeferred.add;
+ jqXHR.success = jqXHR.done;
+ jqXHR.error = jqXHR.fail;
+
+ // Remove hash character (#7531: and string promotion)
+ // Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+ // Handle falsy url in the settings object (#10093: consistency with old signature)
+ // We also use the url parameter if available
+ s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+ // Alias method option to type as per ticket #12004
+ s.type = options.method || options.type || s.method || s.type;
+
+ // Extract dataTypes list
+ s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( core_rnotwhite ) || [""];
+
+ // A cross-domain request is in order when we have a protocol:host:port mismatch
+ if ( s.crossDomain == null ) {
+ parts = rurl.exec( s.url.toLowerCase() );
+ s.crossDomain = !!( parts &&
+ ( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+ ( parts[ 3 ] || ( parts[ 1 ] === "http:" ? "80" : "443" ) ) !==
+ ( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? "80" : "443" ) ) )
+ );
+ }
+
+ // Convert data if not already a string
+ if ( s.data && s.processData && typeof s.data !== "string" ) {
+ s.data = jQuery.param( s.data, s.traditional );
+ }
+
+ // Apply prefilters
+ inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+ // If request was aborted inside a prefilter, stop there
+ if ( state === 2 ) {
+ return jqXHR;
+ }
+
+ // We can fire global events as of now if asked to
+ fireGlobals = s.global;
+
+ // Watch for a new set of requests
+ if ( fireGlobals && jQuery.active++ === 0 ) {
+ jQuery.event.trigger("ajaxStart");
+ }
+
+ // Uppercase the type
+ s.type = s.type.toUpperCase();
+
+ // Determine if request has content
+ s.hasContent = !rnoContent.test( s.type );
+
+ // Save the URL in case we're toying with the If-Modified-Since
+ // and/or If-None-Match header later on
+ cacheURL = s.url;
+
+ // More options handling for requests with no content
+ if ( !s.hasContent ) {
+
+ // If data is available, append data to url
+ if ( s.data ) {
+ cacheURL = ( s.url += ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+ // #9682: remove data so that it's not used in an eventual retry
+ delete s.data;
+ }
+
+ // Add anti-cache in url if needed
+ if ( s.cache === false ) {
+ s.url = rts.test( cacheURL ) ?
+
+ // If there is already a '_' parameter, set its value
+ cacheURL.replace( rts, "$1_=" + ajax_nonce++ ) :
+
+ // Otherwise add one to the end
+ cacheURL + ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ajax_nonce++;
+ }
+ }
+
+ // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+ if ( s.ifModified ) {
+ if ( jQuery.lastModified[ cacheURL ] ) {
+ jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+ }
+ if ( jQuery.etag[ cacheURL ] ) {
+ jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+ }
+ }
+
+ // Set the correct header, if data is being sent
+ if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+ jqXHR.setRequestHeader( "Content-Type", s.contentType );
+ }
+
+ // Set the Accepts header for the server, depending on the dataType
+ jqXHR.setRequestHeader(
+ "Accept",
+ s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+ s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+ s.accepts[ "*" ]
+ );
+
+ // Check for headers option
+ for ( i in s.headers ) {
+ jqXHR.setRequestHeader( i, s.headers[ i ] );
+ }
+
+ // Allow custom headers/mimetypes and early abort
+ if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+ // Abort if not done already and return
+ return jqXHR.abort();
+ }
+
+ // aborting is no longer a cancellation
+ strAbort = "abort";
+
+ // Install callbacks on deferreds
+ for ( i in { success: 1, error: 1, complete: 1 } ) {
+ jqXHR[ i ]( s[ i ] );
+ }
+
+ // Get transport
+ transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+ // If no transport, we auto-abort
+ if ( !transport ) {
+ done( -1, "No Transport" );
+ } else {
+ jqXHR.readyState = 1;
+
+ // Send global event
+ if ( fireGlobals ) {
+ globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+ }
+ // Timeout
+ if ( s.async && s.timeout > 0 ) {
+ timeoutTimer = setTimeout(function() {
+ jqXHR.abort("timeout");
+ }, s.timeout );
+ }
+
+ try {
+ state = 1;
+ transport.send( requestHeaders, done );
+ } catch ( e ) {
+ // Propagate exception as error if not done
+ if ( state < 2 ) {
+ done( -1, e );
+ // Simply rethrow otherwise
+ } else {
+ throw e;
+ }
+ }
+ }
+
+ // Callback for when everything is done
+ function done( status, nativeStatusText, responses, headers ) {
+ var isSuccess, success, error, response, modified,
+ statusText = nativeStatusText;
+
+ // Called once
+ if ( state === 2 ) {
+ return;
+ }
+
+ // State is "done" now
+ state = 2;
+
+ // Clear timeout if it exists
+ if ( timeoutTimer ) {
+ clearTimeout( timeoutTimer );
+ }
+
+ // Dereference transport for early garbage collection
+ // (no matter how long the jqXHR object will be used)
+ transport = undefined;
+
+ // Cache response headers
+ responseHeadersString = headers || "";
+
+ // Set readyState
+ jqXHR.readyState = status > 0 ? 4 : 0;
+
+ // Determine if successful
+ isSuccess = status >= 200 && status < 300 || status === 304;
+
+ // Get response data
+ if ( responses ) {
+ response = ajaxHandleResponses( s, jqXHR, responses );
+ }
+
+ // Convert no matter what (that way responseXXX fields are always set)
+ response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+ // If successful, handle type chaining
+ if ( isSuccess ) {
+
+ // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+ if ( s.ifModified ) {
+ modified = jqXHR.getResponseHeader("Last-Modified");
+ if ( modified ) {
+ jQuery.lastModified[ cacheURL ] = modified;
+ }
+ modified = jqXHR.getResponseHeader("etag");
+ if ( modified ) {
+ jQuery.etag[ cacheURL ] = modified;
+ }
+ }
+
+ // if no content
+ if ( status === 204 || s.type === "HEAD" ) {
+ statusText = "nocontent";
+
+ // if not modified
+ } else if ( status === 304 ) {
+ statusText = "notmodified";
+
+ // If we have data, let's convert it
+ } else {
+ statusText = response.state;
+ success = response.data;
+ error = response.error;
+ isSuccess = !error;
+ }
+ } else {
+ // We extract error from statusText
+ // then normalize statusText and status for non-aborts
+ error = statusText;
+ if ( status || !statusText ) {
+ statusText = "error";
+ if ( status < 0 ) {
+ status = 0;
+ }
+ }
+ }
+
+ // Set data for the fake xhr object
+ jqXHR.status = status;
+ jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+ // Success/Error
+ if ( isSuccess ) {
+ deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+ } else {
+ deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+ }
+
+ // Status-dependent callbacks
+ jqXHR.statusCode( statusCode );
+ statusCode = undefined;
+
+ if ( fireGlobals ) {
+ globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+ [ jqXHR, s, isSuccess ? success : error ] );
+ }
+
+ // Complete
+ completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+ if ( fireGlobals ) {
+ globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+ // Handle the global AJAX counter
+ if ( !( --jQuery.active ) ) {
+ jQuery.event.trigger("ajaxStop");
+ }
+ }
+ }
+
+ return jqXHR;
+ },
+
+ getJSON: function( url, data, callback ) {
+ return jQuery.get( url, data, callback, "json" );
+ },
+
+ getScript: function( url, callback ) {
+ return jQuery.get( url, undefined, callback, "script" );
+ }
+});
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+ jQuery[ method ] = function( url, data, callback, type ) {
+ // shift arguments if data argument was omitted
+ if ( jQuery.isFunction( data ) ) {
+ type = type || callback;
+ callback = data;
+ data = undefined;
+ }
+
+ return jQuery.ajax({
+ url: url,
+ type: method,
+ dataType: type,
+ data: data,
+ success: callback
+ });
+ };
+});
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+ var firstDataType, ct, finalDataType, type,
+ contents = s.contents,
+ dataTypes = s.dataTypes;
+
+ // Remove auto dataType and get content-type in the process
+ while( dataTypes[ 0 ] === "*" ) {
+ dataTypes.shift();
+ if ( ct === undefined ) {
+ ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
+ }
+ }
+
+ // Check if we're dealing with a known content-type
+ if ( ct ) {
+ for ( type in contents ) {
+ if ( contents[ type ] && contents[ type ].test( ct ) ) {
+ dataTypes.unshift( type );
+ break;
+ }
+ }
+ }
+
+ // Check to see if we have a response for the expected dataType
+ if ( dataTypes[ 0 ] in responses ) {
+ finalDataType = dataTypes[ 0 ];
+ } else {
+ // Try convertible dataTypes
+ for ( type in responses ) {
+ if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+ finalDataType = type;
+ break;
+ }
+ if ( !firstDataType ) {
+ firstDataType = type;
+ }
+ }
+ // Or just use first one
+ finalDataType = finalDataType || firstDataType;
+ }
+
+ // If we found a dataType
+ // We add the dataType to the list if needed
+ // and return the corresponding response
+ if ( finalDataType ) {
+ if ( finalDataType !== dataTypes[ 0 ] ) {
+ dataTypes.unshift( finalDataType );
+ }
+ return responses[ finalDataType ];
+ }
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+function ajaxConvert( s, response, jqXHR, isSuccess ) {
+ var conv2, current, conv, tmp, prev,
+ converters = {},
+ // Work with a copy of dataTypes in case we need to modify it for conversion
+ dataTypes = s.dataTypes.slice();
+
+ // Create converters map with lowercased keys
+ if ( dataTypes[ 1 ] ) {
+ for ( conv in s.converters ) {
+ converters[ conv.toLowerCase() ] = s.converters[ conv ];
+ }
+ }
+
+ current = dataTypes.shift();
+
+ // Convert to each sequential dataType
+ while ( current ) {
+
+ if ( s.responseFields[ current ] ) {
+ jqXHR[ s.responseFields[ current ] ] = response;
+ }
+
+ // Apply the dataFilter if provided
+ if ( !prev && isSuccess && s.dataFilter ) {
+ response = s.dataFilter( response, s.dataType );
+ }
+
+ prev = current;
+ current = dataTypes.shift();
+
+ if ( current ) {
+
+ // There's only work to do if current dataType is non-auto
+ if ( current === "*" ) {
+
+ current = prev;
+
+ // Convert response if prev dataType is non-auto and differs from current
+ } else if ( prev !== "*" && prev !== current ) {
+
+ // Seek a direct converter
+ conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+ // If none found, seek a pair
+ if ( !conv ) {
+ for ( conv2 in converters ) {
+
+ // If conv2 outputs current
+ tmp = conv2.split( " " );
+ if ( tmp[ 1 ] === current ) {
+
+ // If prev can be converted to accepted input
+ conv = converters[ prev + " " + tmp[ 0 ] ] ||
+ converters[ "* " + tmp[ 0 ] ];
+ if ( conv ) {
+ // Condense equivalence converters
+ if ( conv === true ) {
+ conv = converters[ conv2 ];
+
+ // Otherwise, insert the intermediate dataType
+ } else if ( converters[ conv2 ] !== true ) {
+ current = tmp[ 0 ];
+ dataTypes.unshift( tmp[ 1 ] );
+ }
+ break;
+ }
+ }
+ }
+ }
+
+ // Apply converter (if not an equivalence)
+ if ( conv !== true ) {
+
+ // Unless errors are allowed to bubble, catch and return them
+ if ( conv && s[ "throws" ] ) {
+ response = conv( response );
+ } else {
+ try {
+ response = conv( response );
+ } catch ( e ) {
+ return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
+ }
+ }
+ }
+ }
+ }
+ }
+
+ return { state: "success", data: response };
+}
+// Install script dataType
+jQuery.ajaxSetup({
+ accepts: {
+ script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+ },
+ contents: {
+ script: /(?:java|ecma)script/
+ },
+ converters: {
+ "text script": function( text ) {
+ jQuery.globalEval( text );
+ return text;
+ }
+ }
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+ if ( s.cache === undefined ) {
+ s.cache = false;
+ }
+ if ( s.crossDomain ) {
+ s.type = "GET";
+ s.global = false;
+ }
+});
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+ // This transport only deals with cross domain requests
+ if ( s.crossDomain ) {
+
+ var script,
+ head = document.head || jQuery("head")[0] || document.documentElement;
+
+ return {
+
+ send: function( _, callback ) {
+
+ script = document.createElement("script");
+
+ script.async = true;
+
+ if ( s.scriptCharset ) {
+ script.charset = s.scriptCharset;
+ }
+
+ script.src = s.url;
+
+ // Attach handlers for all browsers
+ script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+ if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+ // Handle memory leak in IE
+ script.onload = script.onreadystatechange = null;
+
+ // Remove the script
+ if ( script.parentNode ) {
+ script.parentNode.removeChild( script );
+ }
+
+ // Dereference the script
+ script = null;
+
+ // Callback if not abort
+ if ( !isAbort ) {
+ callback( 200, "success" );
+ }
+ }
+ };
+
+ // Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending
+ // Use native DOM manipulation to avoid our domManip AJAX trickery
+ head.insertBefore( script, head.firstChild );
+ },
+
+ abort: function() {
+ if ( script ) {
+ script.onload( undefined, true );
+ }
+ }
+ };
+ }
+});
+var oldCallbacks = [],
+ rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+ jsonp: "callback",
+ jsonpCallback: function() {
+ var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( ajax_nonce++ ) );
+ this[ callback ] = true;
+ return callback;
+ }
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+ var callbackName, overwritten, responseContainer,
+ jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+ "url" :
+ typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
+ );
+
+ // Handle iff the expected data type is "jsonp" or we have a parameter to set
+ if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+ // Get callback name, remembering preexisting value associated with it
+ callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+ s.jsonpCallback() :
+ s.jsonpCallback;
+
+ // Insert callback into url or form data
+ if ( jsonProp ) {
+ s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+ } else if ( s.jsonp !== false ) {
+ s.url += ( ajax_rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+ }
+
+ // Use data converter to retrieve json after script execution
+ s.converters["script json"] = function() {
+ if ( !responseContainer ) {
+ jQuery.error( callbackName + " was not called" );
+ }
+ return responseContainer[ 0 ];
+ };
+
+ // force json dataType
+ s.dataTypes[ 0 ] = "json";
+
+ // Install callback
+ overwritten = window[ callbackName ];
+ window[ callbackName ] = function() {
+ responseContainer = arguments;
+ };
+
+ // Clean-up function (fires after converters)
+ jqXHR.always(function() {
+ // Restore preexisting value
+ window[ callbackName ] = overwritten;
+
+ // Save back as free
+ if ( s[ callbackName ] ) {
+ // make sure that re-using the options doesn't screw things around
+ s.jsonpCallback = originalSettings.jsonpCallback;
+
+ // save the callback name for future use
+ oldCallbacks.push( callbackName );
+ }
+
+ // Call if it was a function and we have a response
+ if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+ overwritten( responseContainer[ 0 ] );
+ }
+
+ responseContainer = overwritten = undefined;
+ });
+
+ // Delegate to script
+ return "script";
+ }
+});
+var xhrCallbacks, xhrSupported,
+ xhrId = 0,
+ // #5280: Internet Explorer will keep connections alive if we don't abort on unload
+ xhrOnUnloadAbort = window.ActiveXObject && function() {
+ // Abort all pending requests
+ var key;
+ for ( key in xhrCallbacks ) {
+ xhrCallbacks[ key ]( undefined, true );
+ }
+ };
+
+// Functions to create xhrs
+function createStandardXHR() {
+ try {
+ return new window.XMLHttpRequest();
+ } catch( e ) {}
+}
+
+function createActiveXHR() {
+ try {
+ return new window.ActiveXObject("Microsoft.XMLHTTP");
+ } catch( e ) {}
+}
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject ?
+ /* Microsoft failed to properly
+ * implement the XMLHttpRequest in IE7 (can't request local files),
+ * so we use the ActiveXObject when it is available
+ * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+ * we need a fallback.
+ */
+ function() {
+ return !this.isLocal && createStandardXHR() || createActiveXHR();
+ } :
+ // For all other browsers, use the standard XMLHttpRequest object
+ createStandardXHR;
+
+// Determine support properties
+xhrSupported = jQuery.ajaxSettings.xhr();
+jQuery.support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+xhrSupported = jQuery.support.ajax = !!xhrSupported;
+
+// Create transport if the browser can provide an xhr
+if ( xhrSupported ) {
+
+ jQuery.ajaxTransport(function( s ) {
+ // Cross domain only allowed if supported through XMLHttpRequest
+ if ( !s.crossDomain || jQuery.support.cors ) {
+
+ var callback;
+
+ return {
+ send: function( headers, complete ) {
+
+ // Get a new xhr
+ var handle, i,
+ xhr = s.xhr();
+
+ // Open the socket
+ // Passing null username, generates a login popup on Opera (#2865)
+ if ( s.username ) {
+ xhr.open( s.type, s.url, s.async, s.username, s.password );
+ } else {
+ xhr.open( s.type, s.url, s.async );
+ }
+
+ // Apply custom fields if provided
+ if ( s.xhrFields ) {
+ for ( i in s.xhrFields ) {
+ xhr[ i ] = s.xhrFields[ i ];
+ }
+ }
+
+ // Override mime type if needed
+ if ( s.mimeType && xhr.overrideMimeType ) {
+ xhr.overrideMimeType( s.mimeType );
+ }
+
+ // X-Requested-With header
+ // For cross-domain requests, seeing as conditions for a preflight are
+ // akin to a jigsaw puzzle, we simply never set it to be sure.
+ // (it can always be set on a per-request basis or even using ajaxSetup)
+ // For same-domain requests, won't change header if already provided.
+ if ( !s.crossDomain && !headers["X-Requested-With"] ) {
+ headers["X-Requested-With"] = "XMLHttpRequest";
+ }
+
+ // Need an extra try/catch for cross domain requests in Firefox 3
+ try {
+ for ( i in headers ) {
+ xhr.setRequestHeader( i, headers[ i ] );
+ }
+ } catch( err ) {}
+
+ // Do send the request
+ // This may raise an exception which is actually
+ // handled in jQuery.ajax (so no try/catch here)
+ xhr.send( ( s.hasContent && s.data ) || null );
+
+ // Listener
+ callback = function( _, isAbort ) {
+ var status, responseHeaders, statusText, responses;
+
+ // Firefox throws exceptions when accessing properties
+ // of an xhr when a network error occurred
+ // http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+ try {
+
+ // Was never called and is aborted or complete
+ if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+ // Only called once
+ callback = undefined;
+
+ // Do not keep as active anymore
+ if ( handle ) {
+ xhr.onreadystatechange = jQuery.noop;
+ if ( xhrOnUnloadAbort ) {
+ delete xhrCallbacks[ handle ];
+ }
+ }
+
+ // If it's an abort
+ if ( isAbort ) {
+ // Abort it manually if needed
+ if ( xhr.readyState !== 4 ) {
+ xhr.abort();
+ }
+ } else {
+ responses = {};
+ status = xhr.status;
+ responseHeaders = xhr.getAllResponseHeaders();
+
+ // When requesting binary data, IE6-9 will throw an exception
+ // on any attempt to access responseText (#11426)
+ if ( typeof xhr.responseText === "string" ) {
+ responses.text = xhr.responseText;
+ }
+
+ // Firefox throws an exception when accessing
+ // statusText for faulty cross-domain requests
+ try {
+ statusText = xhr.statusText;
+ } catch( e ) {
+ // We normalize with Webkit giving an empty statusText
+ statusText = "";
+ }
+
+ // Filter status for non standard behaviors
+
+ // If the request is local and we have data: assume a success
+ // (success with no data won't get notified, that's the best we
+ // can do given current implementations)
+ if ( !status && s.isLocal && !s.crossDomain ) {
+ status = responses.text ? 200 : 404;
+ // IE - #1450: sometimes returns 1223 when it should be 204
+ } else if ( status === 1223 ) {
+ status = 204;
+ }
+ }
+ }
+ } catch( firefoxAccessException ) {
+ if ( !isAbort ) {
+ complete( -1, firefoxAccessException );
+ }
+ }
+
+ // Call complete if needed
+ if ( responses ) {
+ complete( status, statusText, responses, responseHeaders );
+ }
+ };
+
+ if ( !s.async ) {
+ // if we're in sync mode we fire the callback
+ callback();
+ } else if ( xhr.readyState === 4 ) {
+ // (IE6 & IE7) if it's in cache and has been
+ // retrieved directly we need to fire the callback
+ setTimeout( callback );
+ } else {
+ handle = ++xhrId;
+ if ( xhrOnUnloadAbort ) {
+ // Create the active xhrs callbacks list if needed
+ // and attach the unload handler
+ if ( !xhrCallbacks ) {
+ xhrCallbacks = {};
+ jQuery( window ).unload( xhrOnUnloadAbort );
+ }
+ // Add to list of active xhrs callbacks
+ xhrCallbacks[ handle ] = callback;
+ }
+ xhr.onreadystatechange = callback;
+ }
+ },
+
+ abort: function() {
+ if ( callback ) {
+ callback( undefined, true );
+ }
+ }
+ };
+ }
+ });
+}
+var fxNow, timerId,
+ rfxtypes = /^(?:toggle|show|hide)$/,
+ rfxnum = new RegExp( "^(?:([+-])=|)(" + core_pnum + ")([a-z%]*)$", "i" ),
+ rrun = /queueHooks$/,
+ animationPrefilters = [ defaultPrefilter ],
+ tweeners = {
+ "*": [function( prop, value ) {
+ var tween = this.createTween( prop, value ),
+ target = tween.cur(),
+ parts = rfxnum.exec( value ),
+ unit = parts && parts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+ // Starting value computation is required for potential unit mismatches
+ start = ( jQuery.cssNumber[ prop ] || unit !== "px" && +target ) &&
+ rfxnum.exec( jQuery.css( tween.elem, prop ) ),
+ scale = 1,
+ maxIterations = 20;
+
+ if ( start && start[ 3 ] !== unit ) {
+ // Trust units reported by jQuery.css
+ unit = unit || start[ 3 ];
+
+ // Make sure we update the tween properties later on
+ parts = parts || [];
+
+ // Iteratively approximate from a nonzero starting point
+ start = +target || 1;
+
+ do {
+ // If previous iteration zeroed out, double until we get *something*
+ // Use a string for doubling factor so we don't accidentally see scale as unchanged below
+ scale = scale || ".5";
+
+ // Adjust and apply
+ start = start / scale;
+ jQuery.style( tween.elem, prop, start + unit );
+
+ // Update scale, tolerating zero or NaN from tween.cur()
+ // And breaking the loop if scale is unchanged or perfect, or if we've just had enough
+ } while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
+ }
+
+ // Update tween properties
+ if ( parts ) {
+ start = tween.start = +start || +target || 0;
+ tween.unit = unit;
+ // If a +=/-= token was provided, we're doing a relative animation
+ tween.end = parts[ 1 ] ?
+ start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :
+ +parts[ 2 ];
+ }
+
+ return tween;
+ }]
+ };
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+ setTimeout(function() {
+ fxNow = undefined;
+ });
+ return ( fxNow = jQuery.now() );
+}
+
+function createTween( value, prop, animation ) {
+ var tween,
+ collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
+ index = 0,
+ length = collection.length;
+ for ( ; index < length; index++ ) {
+ if ( (tween = collection[ index ].call( animation, prop, value )) ) {
+
+ // we're done with this property
+ return tween;
+ }
+ }
+}
+
+function Animation( elem, properties, options ) {
+ var result,
+ stopped,
+ index = 0,
+ length = animationPrefilters.length,
+ deferred = jQuery.Deferred().always( function() {
+ // don't match elem in the :animated selector
+ delete tick.elem;
+ }),
+ tick = function() {
+ if ( stopped ) {
+ return false;
+ }
+ var currentTime = fxNow || createFxNow(),
+ remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+ // archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497)
+ temp = remaining / animation.duration || 0,
+ percent = 1 - temp,
+ index = 0,
+ length = animation.tweens.length;
+
+ for ( ; index < length ; index++ ) {
+ animation.tweens[ index ].run( percent );
+ }
+
+ deferred.notifyWith( elem, [ animation, percent, remaining ]);
+
+ if ( percent < 1 && length ) {
+ return remaining;
+ } else {
+ deferred.resolveWith( elem, [ animation ] );
+ return false;
+ }
+ },
+ animation = deferred.promise({
+ elem: elem,
+ props: jQuery.extend( {}, properties ),
+ opts: jQuery.extend( true, { specialEasing: {} }, options ),
+ originalProperties: properties,
+ originalOptions: options,
+ startTime: fxNow || createFxNow(),
+ duration: options.duration,
+ tweens: [],
+ createTween: function( prop, end ) {
+ var tween = jQuery.Tween( elem, animation.opts, prop, end,
+ animation.opts.specialEasing[ prop ] || animation.opts.easing );
+ animation.tweens.push( tween );
+ return tween;
+ },
+ stop: function( gotoEnd ) {
+ var index = 0,
+ // if we are going to the end, we want to run all the tweens
+ // otherwise we skip this part
+ length = gotoEnd ? animation.tweens.length : 0;
+ if ( stopped ) {
+ return this;
+ }
+ stopped = true;
+ for ( ; index < length ; index++ ) {
+ animation.tweens[ index ].run( 1 );
+ }
+
+ // resolve when we played the last frame
+ // otherwise, reject
+ if ( gotoEnd ) {
+ deferred.resolveWith( elem, [ animation, gotoEnd ] );
+ } else {
+ deferred.rejectWith( elem, [ animation, gotoEnd ] );
+ }
+ return this;
+ }
+ }),
+ props = animation.props;
+
+ propFilter( props, animation.opts.specialEasing );
+
+ for ( ; index < length ; index++ ) {
+ result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
+ if ( result ) {
+ return result;
+ }
+ }
+
+ jQuery.map( props, createTween, animation );
+
+ if ( jQuery.isFunction( animation.opts.start ) ) {
+ animation.opts.start.call( elem, animation );
+ }
+
+ jQuery.fx.timer(
+ jQuery.extend( tick, {
+ elem: elem,
+ anim: animation,
+ queue: animation.opts.queue
+ })
+ );
+
+ // attach callbacks from options
+ return animation.progress( animation.opts.progress )
+ .done( animation.opts.done, animation.opts.complete )
+ .fail( animation.opts.fail )
+ .always( animation.opts.always );
+}
+
+function propFilter( props, specialEasing ) {
+ var index, name, easing, value, hooks;
+
+ // camelCase, specialEasing and expand cssHook pass
+ for ( index in props ) {
+ name = jQuery.camelCase( index );
+ easing = specialEasing[ name ];
+ value = props[ index ];
+ if ( jQuery.isArray( value ) ) {
+ easing = value[ 1 ];
+ value = props[ index ] = value[ 0 ];
+ }
+
+ if ( index !== name ) {
+ props[ name ] = value;
+ delete props[ index ];
+ }
+
+ hooks = jQuery.cssHooks[ name ];
+ if ( hooks && "expand" in hooks ) {
+ value = hooks.expand( value );
+ delete props[ name ];
+
+ // not quite $.extend, this wont overwrite keys already present.
+ // also - reusing 'index' from above because we have the correct "name"
+ for ( index in value ) {
+ if ( !( index in props ) ) {
+ props[ index ] = value[ index ];
+ specialEasing[ index ] = easing;
+ }
+ }
+ } else {
+ specialEasing[ name ] = easing;
+ }
+ }
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+ tweener: function( props, callback ) {
+ if ( jQuery.isFunction( props ) ) {
+ callback = props;
+ props = [ "*" ];
+ } else {
+ props = props.split(" ");
+ }
+
+ var prop,
+ index = 0,
+ length = props.length;
+
+ for ( ; index < length ; index++ ) {
+ prop = props[ index ];
+ tweeners[ prop ] = tweeners[ prop ] || [];
+ tweeners[ prop ].unshift( callback );
+ }
+ },
+
+ prefilter: function( callback, prepend ) {
+ if ( prepend ) {
+ animationPrefilters.unshift( callback );
+ } else {
+ animationPrefilters.push( callback );
+ }
+ }
+});
+
+function defaultPrefilter( elem, props, opts ) {
+ /* jshint validthis: true */
+ var prop, value, toggle, tween, hooks, oldfire,
+ anim = this,
+ orig = {},
+ style = elem.style,
+ hidden = elem.nodeType && isHidden( elem ),
+ dataShow = jQuery._data( elem, "fxshow" );
+
+ // handle queue: false promises
+ if ( !opts.queue ) {
+ hooks = jQuery._queueHooks( elem, "fx" );
+ if ( hooks.unqueued == null ) {
+ hooks.unqueued = 0;
+ oldfire = hooks.empty.fire;
+ hooks.empty.fire = function() {
+ if ( !hooks.unqueued ) {
+ oldfire();
+ }
+ };
+ }
+ hooks.unqueued++;
+
+ anim.always(function() {
+ // doing this makes sure that the complete handler will be called
+ // before this completes
+ anim.always(function() {
+ hooks.unqueued--;
+ if ( !jQuery.queue( elem, "fx" ).length ) {
+ hooks.empty.fire();
+ }
+ });
+ });
+ }
+
+ // height/width overflow pass
+ if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+ // Make sure that nothing sneaks out
+ // Record all 3 overflow attributes because IE does not
+ // change the overflow attribute when overflowX and
+ // overflowY are set to the same value
+ opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+ // Set display property to inline-block for height/width
+ // animations on inline elements that are having width/height animated
+ if ( jQuery.css( elem, "display" ) === "inline" &&
+ jQuery.css( elem, "float" ) === "none" ) {
+
+ // inline-level elements accept inline-block;
+ // block-level elements need to be inline with layout
+ if ( !jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay( elem.nodeName ) === "inline" ) {
+ style.display = "inline-block";
+
+ } else {
+ style.zoom = 1;
+ }
+ }
+ }
+
+ if ( opts.overflow ) {
+ style.overflow = "hidden";
+ if ( !jQuery.support.shrinkWrapBlocks ) {
+ anim.always(function() {
+ style.overflow = opts.overflow[ 0 ];
+ style.overflowX = opts.overflow[ 1 ];
+ style.overflowY = opts.overflow[ 2 ];
+ });
+ }
+ }
+
+
+ // show/hide pass
+ for ( prop in props ) {
+ value = props[ prop ];
+ if ( rfxtypes.exec( value ) ) {
+ delete props[ prop ];
+ toggle = toggle || value === "toggle";
+ if ( value === ( hidden ? "hide" : "show" ) ) {
+ continue;
+ }
+ orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+ }
+ }
+
+ if ( !jQuery.isEmptyObject( orig ) ) {
+ if ( dataShow ) {
+ if ( "hidden" in dataShow ) {
+ hidden = dataShow.hidden;
+ }
+ } else {
+ dataShow = jQuery._data( elem, "fxshow", {} );
+ }
+
+ // store state if its toggle - enables .stop().toggle() to "reverse"
+ if ( toggle ) {
+ dataShow.hidden = !hidden;
+ }
+ if ( hidden ) {
+ jQuery( elem ).show();
+ } else {
+ anim.done(function() {
+ jQuery( elem ).hide();
+ });
+ }
+ anim.done(function() {
+ var prop;
+ jQuery._removeData( elem, "fxshow" );
+ for ( prop in orig ) {
+ jQuery.style( elem, prop, orig[ prop ] );
+ }
+ });
+ for ( prop in orig ) {
+ tween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+
+ if ( !( prop in dataShow ) ) {
+ dataShow[ prop ] = tween.start;
+ if ( hidden ) {
+ tween.end = tween.start;
+ tween.start = prop === "width" || prop === "height" ? 1 : 0;
+ }
+ }
+ }
+ }
+}
+
+function Tween( elem, options, prop, end, easing ) {
+ return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+ constructor: Tween,
+ init: function( elem, options, prop, end, easing, unit ) {
+ this.elem = elem;
+ this.prop = prop;
+ this.easing = easing || "swing";
+ this.options = options;
+ this.start = this.now = this.cur();
+ this.end = end;
+ this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+ },
+ cur: function() {
+ var hooks = Tween.propHooks[ this.prop ];
+
+ return hooks && hooks.get ?
+ hooks.get( this ) :
+ Tween.propHooks._default.get( this );
+ },
+ run: function( percent ) {
+ var eased,
+ hooks = Tween.propHooks[ this.prop ];
+
+ if ( this.options.duration ) {
+ this.pos = eased = jQuery.easing[ this.easing ](
+ percent, this.options.duration * percent, 0, 1, this.options.duration
+ );
+ } else {
+ this.pos = eased = percent;
+ }
+ this.now = ( this.end - this.start ) * eased + this.start;
+
+ if ( this.options.step ) {
+ this.options.step.call( this.elem, this.now, this );
+ }
+
+ if ( hooks && hooks.set ) {
+ hooks.set( this );
+ } else {
+ Tween.propHooks._default.set( this );
+ }
+ return this;
+ }
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+ _default: {
+ get: function( tween ) {
+ var result;
+
+ if ( tween.elem[ tween.prop ] != null &&
+ (!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
+ return tween.elem[ tween.prop ];
+ }
+
+ // passing an empty string as a 3rd parameter to .css will automatically
+ // attempt a parseFloat and fallback to a string if the parse fails
+ // so, simple values such as "10px" are parsed to Float.
+ // complex values such as "rotate(1rad)" are returned as is.
+ result = jQuery.css( tween.elem, tween.prop, "" );
+ // Empty strings, null, undefined and "auto" are converted to 0.
+ return !result || result === "auto" ? 0 : result;
+ },
+ set: function( tween ) {
+ // use step hook for back compat - use cssHook if its there - use .style if its
+ // available and use plain properties where available
+ if ( jQuery.fx.step[ tween.prop ] ) {
+ jQuery.fx.step[ tween.prop ]( tween );
+ } else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
+ jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+ } else {
+ tween.elem[ tween.prop ] = tween.now;
+ }
+ }
+ }
+};
+
+// Support: IE <=9
+// Panic based approach to setting things on disconnected nodes
+
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+ set: function( tween ) {
+ if ( tween.elem.nodeType && tween.elem.parentNode ) {
+ tween.elem[ tween.prop ] = tween.now;
+ }
+ }
+};
+
+jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
+ var cssFn = jQuery.fn[ name ];
+ jQuery.fn[ name ] = function( speed, easing, callback ) {
+ return speed == null || typeof speed === "boolean" ?
+ cssFn.apply( this, arguments ) :
+ this.animate( genFx( name, true ), speed, easing, callback );
+ };
+});
+
+jQuery.fn.extend({
+ fadeTo: function( speed, to, easing, callback ) {
+
+ // show any hidden elements after setting opacity to 0
+ return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+ // animate to the value specified
+ .end().animate({ opacity: to }, speed, easing, callback );
+ },
+ animate: function( prop, speed, easing, callback ) {
+ var empty = jQuery.isEmptyObject( prop ),
+ optall = jQuery.speed( speed, easing, callback ),
+ doAnimation = function() {
+ // Operate on a copy of prop so per-property easing won't be lost
+ var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+
+ // Empty animations, or finishing resolves immediately
+ if ( empty || jQuery._data( this, "finish" ) ) {
+ anim.stop( true );
+ }
+ };
+ doAnimation.finish = doAnimation;
+
+ return empty || optall.queue === false ?
+ this.each( doAnimation ) :
+ this.queue( optall.queue, doAnimation );
+ },
+ stop: function( type, clearQueue, gotoEnd ) {
+ var stopQueue = function( hooks ) {
+ var stop = hooks.stop;
+ delete hooks.stop;
+ stop( gotoEnd );
+ };
+
+ if ( typeof type !== "string" ) {
+ gotoEnd = clearQueue;
+ clearQueue = type;
+ type = undefined;
+ }
+ if ( clearQueue && type !== false ) {
+ this.queue( type || "fx", [] );
+ }
+
+ return this.each(function() {
+ var dequeue = true,
+ index = type != null && type + "queueHooks",
+ timers = jQuery.timers,
+ data = jQuery._data( this );
+
+ if ( index ) {
+ if ( data[ index ] && data[ index ].stop ) {
+ stopQueue( data[ index ] );
+ }
+ } else {
+ for ( index in data ) {
+ if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+ stopQueue( data[ index ] );
+ }
+ }
+ }
+
+ for ( index = timers.length; index--; ) {
+ if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
+ timers[ index ].anim.stop( gotoEnd );
+ dequeue = false;
+ timers.splice( index, 1 );
+ }
+ }
+
+ // start the next in the queue if the last step wasn't forced
+ // timers currently will call their complete callbacks, which will dequeue
+ // but only if they were gotoEnd
+ if ( dequeue || !gotoEnd ) {
+ jQuery.dequeue( this, type );
+ }
+ });
+ },
+ finish: function( type ) {
+ if ( type !== false ) {
+ type = type || "fx";
+ }
+ return this.each(function() {
+ var index,
+ data = jQuery._data( this ),
+ queue = data[ type + "queue" ],
+ hooks = data[ type + "queueHooks" ],
+ timers = jQuery.timers,
+ length = queue ? queue.length : 0;
+
+ // enable finishing flag on private data
+ data.finish = true;
+
+ // empty the queue first
+ jQuery.queue( this, type, [] );
+
+ if ( hooks && hooks.stop ) {
+ hooks.stop.call( this, true );
+ }
+
+ // look for any active animations, and finish them
+ for ( index = timers.length; index--; ) {
+ if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+ timers[ index ].anim.stop( true );
+ timers.splice( index, 1 );
+ }
+ }
+
+ // look for any animations in the old queue and finish them
+ for ( index = 0; index < length; index++ ) {
+ if ( queue[ index ] && queue[ index ].finish ) {
+ queue[ index ].finish.call( this );
+ }
+ }
+
+ // turn off finishing flag
+ delete data.finish;
+ });
+ }
+});
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+ var which,
+ attrs = { height: type },
+ i = 0;
+
+ // if we include width, step value is 1 to do all cssExpand values,
+ // if we don't include width, step value is 2 to skip over Left and Right
+ includeWidth = includeWidth? 1 : 0;
+ for( ; i < 4 ; i += 2 - includeWidth ) {
+ which = cssExpand[ i ];
+ attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+ }
+
+ if ( includeWidth ) {
+ attrs.opacity = attrs.width = type;
+ }
+
+ return attrs;
+}
+
+// Generate shortcuts for custom animations
+jQuery.each({
+ slideDown: genFx("show"),
+ slideUp: genFx("hide"),
+ slideToggle: genFx("toggle"),
+ fadeIn: { opacity: "show" },
+ fadeOut: { opacity: "hide" },
+ fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+ jQuery.fn[ name ] = function( speed, easing, callback ) {
+ return this.animate( props, speed, easing, callback );
+ };
+});
+
+jQuery.speed = function( speed, easing, fn ) {
+ var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+ complete: fn || !fn && easing ||
+ jQuery.isFunction( speed ) && speed,
+ duration: speed,
+ easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+ };
+
+ opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+ opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+ // normalize opt.queue - true/undefined/null -> "fx"
+ if ( opt.queue == null || opt.queue === true ) {
+ opt.queue = "fx";
+ }
+
+ // Queueing
+ opt.old = opt.complete;
+
+ opt.complete = function() {
+ if ( jQuery.isFunction( opt.old ) ) {
+ opt.old.call( this );
+ }
+
+ if ( opt.queue ) {
+ jQuery.dequeue( this, opt.queue );
+ }
+ };
+
+ return opt;
+};
+
+jQuery.easing = {
+ linear: function( p ) {
+ return p;
+ },
+ swing: function( p ) {
+ return 0.5 - Math.cos( p*Math.PI ) / 2;
+ }
+};
+
+jQuery.timers = [];
+jQuery.fx = Tween.prototype.init;
+jQuery.fx.tick = function() {
+ var timer,
+ timers = jQuery.timers,
+ i = 0;
+
+ fxNow = jQuery.now();
+
+ for ( ; i < timers.length; i++ ) {
+ timer = timers[ i ];
+ // Checks the timer has not already been removed
+ if ( !timer() && timers[ i ] === timer ) {
+ timers.splice( i--, 1 );
+ }
+ }
+
+ if ( !timers.length ) {
+ jQuery.fx.stop();
+ }
+ fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+ if ( timer() && jQuery.timers.push( timer ) ) {
+ jQuery.fx.start();
+ }
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+ if ( !timerId ) {
+ timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
+ }
+};
+
+jQuery.fx.stop = function() {
+ clearInterval( timerId );
+ timerId = null;
+};
+
+jQuery.fx.speeds = {
+ slow: 600,
+ fast: 200,
+ // Default speed
+ _default: 400
+};
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+ jQuery.expr.filters.animated = function( elem ) {
+ return jQuery.grep(jQuery.timers, function( fn ) {
+ return elem === fn.elem;
+ }).length;
+ };
+}
+jQuery.fn.offset = function( options ) {
+ if ( arguments.length ) {
+ return options === undefined ?
+ this :
+ this.each(function( i ) {
+ jQuery.offset.setOffset( this, options, i );
+ });
+ }
+
+ var docElem, win,
+ box = { top: 0, left: 0 },
+ elem = this[ 0 ],
+ doc = elem && elem.ownerDocument;
+
+ if ( !doc ) {
+ return;
+ }
+
+ docElem = doc.documentElement;
+
+ // Make sure it's not a disconnected DOM node
+ if ( !jQuery.contains( docElem, elem ) ) {
+ return box;
+ }
+
+ // If we don't have gBCR, just use 0,0 rather than error
+ // BlackBerry 5, iOS 3 (original iPhone)
+ if ( typeof elem.getBoundingClientRect !== core_strundefined ) {
+ box = elem.getBoundingClientRect();
+ }
+ win = getWindow( doc );
+ return {
+ top: box.top + ( win.pageYOffset || docElem.scrollTop ) - ( docElem.clientTop || 0 ),
+ left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+ };
+};
+
+jQuery.offset = {
+
+ setOffset: function( elem, options, i ) {
+ var position = jQuery.css( elem, "position" );
+
+ // set position first, in-case top/left are set even on static elem
+ if ( position === "static" ) {
+ elem.style.position = "relative";
+ }
+
+ var curElem = jQuery( elem ),
+ curOffset = curElem.offset(),
+ curCSSTop = jQuery.css( elem, "top" ),
+ curCSSLeft = jQuery.css( elem, "left" ),
+ calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
+ props = {}, curPosition = {}, curTop, curLeft;
+
+ // need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+ if ( calculatePosition ) {
+ curPosition = curElem.position();
+ curTop = curPosition.top;
+ curLeft = curPosition.left;
+ } else {
+ curTop = parseFloat( curCSSTop ) || 0;
+ curLeft = parseFloat( curCSSLeft ) || 0;
+ }
+
+ if ( jQuery.isFunction( options ) ) {
+ options = options.call( elem, i, curOffset );
+ }
+
+ if ( options.top != null ) {
+ props.top = ( options.top - curOffset.top ) + curTop;
+ }
+ if ( options.left != null ) {
+ props.left = ( options.left - curOffset.left ) + curLeft;
+ }
+
+ if ( "using" in options ) {
+ options.using.call( elem, props );
+ } else {
+ curElem.css( props );
+ }
+ }
+};
+
+
+jQuery.fn.extend({
+
+ position: function() {
+ if ( !this[ 0 ] ) {
+ return;
+ }
+
+ var offsetParent, offset,
+ parentOffset = { top: 0, left: 0 },
+ elem = this[ 0 ];
+
+ // fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is it's only offset parent
+ if ( jQuery.css( elem, "position" ) === "fixed" ) {
+ // we assume that getBoundingClientRect is available when computed position is fixed
+ offset = elem.getBoundingClientRect();
+ } else {
+ // Get *real* offsetParent
+ offsetParent = this.offsetParent();
+
+ // Get correct offsets
+ offset = this.offset();
+ if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+ parentOffset = offsetParent.offset();
+ }
+
+ // Add offsetParent borders
+ parentOffset.top += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+ parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+ }
+
+ // Subtract parent offsets and element margins
+ // note: when an element has margin: auto the offsetLeft and marginLeft
+ // are the same in Safari causing offset.left to incorrectly be 0
+ return {
+ top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+ left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true)
+ };
+ },
+
+ offsetParent: function() {
+ return this.map(function() {
+ var offsetParent = this.offsetParent || docElem;
+ while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position") === "static" ) ) {
+ offsetParent = offsetParent.offsetParent;
+ }
+ return offsetParent || docElem;
+ });
+ }
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( {scrollLeft: "pageXOffset", scrollTop: "pageYOffset"}, function( method, prop ) {
+ var top = /Y/.test( prop );
+
+ jQuery.fn[ method ] = function( val ) {
+ return jQuery.access( this, function( elem, method, val ) {
+ var win = getWindow( elem );
+
+ if ( val === undefined ) {
+ return win ? (prop in win) ? win[ prop ] :
+ win.document.documentElement[ method ] :
+ elem[ method ];
+ }
+
+ if ( win ) {
+ win.scrollTo(
+ !top ? val : jQuery( win ).scrollLeft(),
+ top ? val : jQuery( win ).scrollTop()
+ );
+
+ } else {
+ elem[ method ] = val;
+ }
+ }, method, val, arguments.length, null );
+ };
+});
+
+function getWindow( elem ) {
+ return jQuery.isWindow( elem ) ?
+ elem :
+ elem.nodeType === 9 ?
+ elem.defaultView || elem.parentWindow :
+ false;
+}
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+ jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+ // margin is only for outerHeight, outerWidth
+ jQuery.fn[ funcName ] = function( margin, value ) {
+ var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+ extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+ return jQuery.access( this, function( elem, type, value ) {
+ var doc;
+
+ if ( jQuery.isWindow( elem ) ) {
+ // As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+ // isn't a whole lot we can do. See pull request at this URL for discussion:
+ // https://github.com/jquery/jquery/pull/764
+ return elem.document.documentElement[ "client" + name ];
+ }
+
+ // Get document width or height
+ if ( elem.nodeType === 9 ) {
+ doc = elem.documentElement;
+
+ // Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
+ // unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
+ return Math.max(
+ elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+ elem.body[ "offset" + name ], doc[ "offset" + name ],
+ doc[ "client" + name ]
+ );
+ }
+
+ return value === undefined ?
+ // Get width or height on the element, requesting but not forcing parseFloat
+ jQuery.css( elem, type, extra ) :
+
+ // Set width or height on the element
+ jQuery.style( elem, type, value, extra );
+ }, type, chainable ? margin : undefined, chainable, null );
+ };
+ });
+});
+// Limit scope pollution from any deprecated API
+// (function() {
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+ return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+// })();
+if ( typeof module === "object" && module && typeof module.exports === "object" ) {
+ // Expose jQuery as module.exports in loaders that implement the Node
+ // module pattern (including browserify). Do not create the global, since
+ // the user will be storing it themselves locally, and globals are frowned
+ // upon in the Node module world.
+ module.exports = jQuery;
+} else {
+ // Otherwise expose jQuery to the global object as usual
+ window.jQuery = window.$ = jQuery;
+
+ // Register as a named AMD module, since jQuery can be concatenated with other
+ // files that may use define, but not via a proper concatenation script that
+ // understands anonymous AMD modules. A named AMD is safest and most robust
+ // way to register. Lowercase jquery is used because AMD module names are
+ // derived from file names, and jQuery is normally delivered in a lowercase
+ // file name. Do this after creating the global so that if an AMD module wants
+ // to call noConflict to hide this version of jQuery, it will work.
+ if ( typeof define === "function" && define.amd ) {
+ define( "jquery", [], function () { return jQuery; } );
+ }
+}
+
+})( window );
--- /dev/null
+/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
+//@ sourceMappingURL=jquery-1.10.2.min.map
+*/
+(function(e,t){var n,r,i=typeof t,o=e.location,a=e.document,s=a.documentElement,l=e.jQuery,u=e.$,c={},p=[],f="1.10.2",d=p.concat,h=p.push,g=p.slice,m=p.indexOf,y=c.toString,v=c.hasOwnProperty,b=f.trim,x=function(e,t){return new x.fn.init(e,t,r)},w=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,k=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,E=/^[\],:{}\s]*$/,S=/(?:^|:|,)(?:\s*\[)+/g,A=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,j=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,D=/^-ms-/,L=/-([\da-z])/gi,H=function(e,t){return t.toUpperCase()},q=function(e){(a.addEventListener||"load"===e.type||"complete"===a.readyState)&&(_(),x.ready())},_=function(){a.addEventListener?(a.removeEventListener("DOMContentLoaded",q,!1),e.removeEventListener("load",q,!1)):(a.detachEvent("onreadystatechange",q),e.detachEvent("onload",q))};x.fn=x.prototype={jquery:f,constructor:x,init:function(e,n,r){var i,o;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof x?n[0]:n,x.merge(this,x.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:a,!0)),k.test(i[1])&&x.isPlainObject(n))for(i in n)x.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(o=a.getElementById(i[2]),o&&o.parentNode){if(o.id!==i[2])return r.find(e);this.length=1,this[0]=o}return this.context=a,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return g.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(g.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},l=1,u=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},l=2),"object"==typeof s||x.isFunction(s)||(s={}),u===l&&(s=this,--l);u>l;l++)if(null!=(o=arguments[l]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(x.isPlainObject(r)||(n=x.isArray(r)))?(n?(n=!1,a=e&&x.isArray(e)?e:[]):a=e&&x.isPlainObject(e)?e:{},s[i]=x.extend(c,a,r)):r!==t&&(s[i]=r));return s},x.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=l),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){if(e===!0?!--x.readyWait:!x.isReady){if(!a.body)return setTimeout(x.ready);x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(a,[x]),x.fn.trigger&&x(a).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray||function(e){return"array"===x.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?c[y.call(e)]||"object":typeof e},isPlainObject:function(e){var n;if(!e||"object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!v.call(e,"constructor")&&!v.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}if(x.support.ownLast)for(n in e)return v.call(e,n);for(n in e);return n===t||v.call(e,n)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||a;var r=k.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=x.trim(n),n&&E.test(n.replace(A,"@").replace(j,"]").replace(S,"")))?Function("return "+n)():(x.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||x.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&x.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(D,"ms-").replace(L,H)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:b&&!b.call("\ufeff\u00a0")?function(e){return null==e?"":b.call(e)}:function(e){return null==e?"":(e+"").replace(C,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(m)return m.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return d.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),x.isFunction(e)?(r=g.call(arguments,2),i=function(){return e.apply(n||this,r.concat(g.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):t},access:function(e,n,r,i,o,a,s){var l=0,u=e.length,c=null==r;if("object"===x.type(r)){o=!0;for(l in r)x.access(e,n,l,r[l],!0,a,s)}else if(i!==t&&(o=!0,x.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(x(e),n)})),n))for(;u>l;l++)n(e[l],r,s?i:i.call(e[l],l,n(e[l],r)));return o?e:c?n.call(e):u?n(e[0],r):a},now:function(){return(new Date).getTime()},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),x.ready.promise=function(t){if(!n)if(n=x.Deferred(),"complete"===a.readyState)setTimeout(x.ready);else if(a.addEventListener)a.addEventListener("DOMContentLoaded",q,!1),e.addEventListener("load",q,!1);else{a.attachEvent("onreadystatechange",q),e.attachEvent("onload",q);var r=!1;try{r=null==e.frameElement&&a.documentElement}catch(i){}r&&r.doScroll&&function o(){if(!x.isReady){try{r.doScroll("left")}catch(e){return setTimeout(o,50)}_(),x.ready()}}()}return n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){c["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=x(a),function(e,t){var n,r,i,o,a,s,l,u,c,p,f,d,h,g,m,y,v,b="sizzle"+-new Date,w=e.document,T=0,C=0,N=st(),k=st(),E=st(),S=!1,A=function(e,t){return e===t?(S=!0,0):0},j=typeof t,D=1<<31,L={}.hasOwnProperty,H=[],q=H.pop,_=H.push,M=H.push,O=H.slice,F=H.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},B="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",P="[\\x20\\t\\r\\n\\f]",R="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",W=R.replace("w","w#"),$="\\["+P+"*("+R+")"+P+"*(?:([*^$|!~]?=)"+P+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+W+")|)|)"+P+"*\\]",I=":("+R+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+$.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+P+"+|((?:^|[^\\\\])(?:\\\\.)*)"+P+"+$","g"),X=RegExp("^"+P+"*,"+P+"*"),U=RegExp("^"+P+"*([>+~]|"+P+")"+P+"*"),V=RegExp(P+"*[+~]"),Y=RegExp("="+P+"*([^\\]'\"]*)"+P+"*\\]","g"),J=RegExp(I),G=RegExp("^"+W+"$"),Q={ID:RegExp("^#("+R+")"),CLASS:RegExp("^\\.("+R+")"),TAG:RegExp("^("+R.replace("w","w*")+")"),ATTR:RegExp("^"+$),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+P+"*(even|odd|(([+-]|)(\\d*)n|)"+P+"*(?:([+-]|)"+P+"*(\\d+)|))"+P+"*\\)|)","i"),bool:RegExp("^(?:"+B+")$","i"),needsContext:RegExp("^"+P+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+P+"*((?:-\\d)?\\d*)"+P+"*\\)|)(?=[^-]|$)","i")},K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,et=/^(?:input|select|textarea|button)$/i,tt=/^h\d$/i,nt=/'|\\/g,rt=RegExp("\\\\([\\da-f]{1,6}"+P+"?|("+P+")|.)","ig"),it=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{M.apply(H=O.call(w.childNodes),w.childNodes),H[w.childNodes.length].nodeType}catch(ot){M={apply:H.length?function(e,t){_.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function at(e,t,n,i){var o,a,s,l,u,c,d,m,y,x;if((t?t.ownerDocument||t:w)!==f&&p(t),t=t||f,n=n||[],!e||"string"!=typeof e)return n;if(1!==(l=t.nodeType)&&9!==l)return[];if(h&&!i){if(o=Z.exec(e))if(s=o[1]){if(9===l){if(a=t.getElementById(s),!a||!a.parentNode)return n;if(a.id===s)return n.push(a),n}else if(t.ownerDocument&&(a=t.ownerDocument.getElementById(s))&&v(t,a)&&a.id===s)return n.push(a),n}else{if(o[2])return M.apply(n,t.getElementsByTagName(e)),n;if((s=o[3])&&r.getElementsByClassName&&t.getElementsByClassName)return M.apply(n,t.getElementsByClassName(s)),n}if(r.qsa&&(!g||!g.test(e))){if(m=d=b,y=t,x=9===l&&e,1===l&&"object"!==t.nodeName.toLowerCase()){c=mt(e),(d=t.getAttribute("id"))?m=d.replace(nt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",u=c.length;while(u--)c[u]=m+yt(c[u]);y=V.test(e)&&t.parentNode||t,x=c.join(",")}if(x)try{return M.apply(n,y.querySelectorAll(x)),n}catch(T){}finally{d||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,n,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>o.cacheLength&&delete t[e.shift()],t[n]=r}return t}function lt(e){return e[b]=!0,e}function ut(e){var t=f.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function ct(e,t){var n=e.split("|"),r=e.length;while(r--)o.attrHandle[n[r]]=t}function pt(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function dt(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return lt(function(t){return t=+t,lt(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}s=at.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},r=at.support={},p=at.setDocument=function(e){var n=e?e.ownerDocument||e:w,i=n.defaultView;return n!==f&&9===n.nodeType&&n.documentElement?(f=n,d=n.documentElement,h=!s(n),i&&i.attachEvent&&i!==i.top&&i.attachEvent("onbeforeunload",function(){p()}),r.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),r.getElementsByTagName=ut(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),r.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),r.getById=ut(function(e){return d.appendChild(e).id=b,!n.getElementsByName||!n.getElementsByName(b).length}),r.getById?(o.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){return e.getAttribute("id")===t}}):(delete o.find.ID,o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),o.find.TAG=r.getElementsByTagName?function(e,n){return typeof n.getElementsByTagName!==j?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},o.find.CLASS=r.getElementsByClassName&&function(e,n){return typeof n.getElementsByClassName!==j&&h?n.getElementsByClassName(e):t},m=[],g=[],(r.qsa=K.test(n.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||g.push("\\["+P+"*(?:value|"+B+")"),e.querySelectorAll(":checked").length||g.push(":checked")}),ut(function(e){var t=n.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&g.push("[*^$]="+P+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||g.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),g.push(",.*:")})),(r.matchesSelector=K.test(y=d.webkitMatchesSelector||d.mozMatchesSelector||d.oMatchesSelector||d.msMatchesSelector))&&ut(function(e){r.disconnectedMatch=y.call(e,"div"),y.call(e,"[s!='']:x"),m.push("!=",I)}),g=g.length&&RegExp(g.join("|")),m=m.length&&RegExp(m.join("|")),v=K.test(d.contains)||d.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},A=d.compareDocumentPosition?function(e,t){if(e===t)return S=!0,0;var i=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t);return i?1&i||!r.sortDetached&&t.compareDocumentPosition(e)===i?e===n||v(w,e)?-1:t===n||v(w,t)?1:c?F.call(c,e)-F.call(c,t):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return S=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:c?F.call(c,e)-F.call(c,t):0;if(o===a)return pt(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?pt(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},n):f},at.matches=function(e,t){return at(e,null,null,t)},at.matchesSelector=function(e,t){if((e.ownerDocument||e)!==f&&p(e),t=t.replace(Y,"='$1']"),!(!r.matchesSelector||!h||m&&m.test(t)||g&&g.test(t)))try{var n=y.call(e,t);if(n||r.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(i){}return at(t,f,null,[e]).length>0},at.contains=function(e,t){return(e.ownerDocument||e)!==f&&p(e),v(e,t)},at.attr=function(e,n){(e.ownerDocument||e)!==f&&p(e);var i=o.attrHandle[n.toLowerCase()],a=i&&L.call(o.attrHandle,n.toLowerCase())?i(e,n,!h):t;return a===t?r.attributes||!h?e.getAttribute(n):(a=e.getAttributeNode(n))&&a.specified?a.value:null:a},at.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},at.uniqueSort=function(e){var t,n=[],i=0,o=0;if(S=!r.detectDuplicates,c=!r.sortStable&&e.slice(0),e.sort(A),S){while(t=e[o++])t===e[o]&&(i=n.push(o));while(i--)e.splice(n[i],1)}return e},a=at.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=a(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=a(t);return n},o=at.selectors={cacheLength:50,createPseudo:lt,match:Q,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(rt,it),e[3]=(e[4]||e[5]||"").replace(rt,it),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||at.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&at.error(e[0]),e},PSEUDO:function(e){var n,r=!e[5]&&e[2];return Q.CHILD.test(e[0])?null:(e[3]&&e[4]!==t?e[2]=e[4]:r&&J.test(r)&&(n=mt(r,!0))&&(n=r.indexOf(")",r.length-n)-r.length)&&(e[0]=e[0].slice(0,n),e[2]=r.slice(0,n)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(rt,it).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=N[e+" "];return t||(t=RegExp("(^|"+P+")"+e+"("+P+"|$)"))&&N(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=at.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,l){var u,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!l&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[b]||(m[b]={}),u=c[e]||[],d=u[0]===T&&u[1],f=u[0]===T&&u[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[T,d,f];break}}else if(v&&(u=(t[b]||(t[b]={}))[e])&&u[0]===T)f=u[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[b]||(p[b]={}))[e]=[T,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=o.pseudos[e]||o.setFilters[e.toLowerCase()]||at.error("unsupported pseudo: "+e);return r[b]?r(t):r.length>1?(n=[e,e,"",t],o.setFilters.hasOwnProperty(e.toLowerCase())?lt(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=F.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:lt(function(e){var t=[],n=[],r=l(e.replace(z,"$1"));return r[b]?lt(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:lt(function(e){return function(t){return at(e,t).length>0}}),contains:lt(function(e){return function(t){return(t.textContent||t.innerText||a(t)).indexOf(e)>-1}}),lang:lt(function(e){return G.test(e||"")||at.error("unsupported lang: "+e),e=e.replace(rt,it).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===d},focus:function(e){return e===f.activeElement&&(!f.hasFocus||f.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!o.pseudos.empty(e)},header:function(e){return tt.test(e.nodeName)},input:function(e){return et.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},o.pseudos.nth=o.pseudos.eq;for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})o.pseudos[n]=ft(n);for(n in{submit:!0,reset:!0})o.pseudos[n]=dt(n);function gt(){}gt.prototype=o.filters=o.pseudos,o.setFilters=new gt;function mt(e,t){var n,r,i,a,s,l,u,c=k[e+" "];if(c)return t?0:c.slice(0);s=e,l=[],u=o.preFilter;while(s){(!n||(r=X.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),l.push(i=[])),n=!1,(r=U.exec(s))&&(n=r.shift(),i.push({value:n,type:r[0].replace(z," ")}),s=s.slice(n.length));for(a in o.filter)!(r=Q[a].exec(s))||u[a]&&!(r=u[a](r))||(n=r.shift(),i.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?at.error(e):k(e,l).slice(0)}function yt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function vt(e,t,n){var r=t.dir,o=n&&"parentNode"===r,a=C++;return t.first?function(t,n,i){while(t=t[r])if(1===t.nodeType||o)return e(t,n,i)}:function(t,n,s){var l,u,c,p=T+" "+a;if(s){while(t=t[r])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[r])if(1===t.nodeType||o)if(c=t[b]||(t[b]={}),(u=c[r])&&u[0]===p){if((l=u[1])===!0||l===i)return l===!0}else if(u=c[r]=[p],u[1]=e(t,n,s)||i,u[1]===!0)return!0}}function bt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,a=[],s=0,l=e.length,u=null!=t;for(;l>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),u&&t.push(s));return a}function wt(e,t,n,r,i,o){return r&&!r[b]&&(r=wt(r)),i&&!i[b]&&(i=wt(i,o)),lt(function(o,a,s,l){var u,c,p,f=[],d=[],h=a.length,g=o||Nt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:xt(g,f,e,s,l),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,l),r){u=xt(y,d),r(u,[],s,l),c=u.length;while(c--)(p=u[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){u=[],c=y.length;while(c--)(p=y[c])&&u.push(m[c]=p);i(null,y=[],u,l)}c=y.length;while(c--)(p=y[c])&&(u=i?F.call(o,p):f[c])>-1&&(o[u]=!(a[u]=p))}}else y=xt(y===a?y.splice(h,y.length):y),i?i(null,a,y,l):M.apply(a,y)})}function Tt(e){var t,n,r,i=e.length,a=o.relative[e[0].type],s=a||o.relative[" "],l=a?1:0,c=vt(function(e){return e===t},s,!0),p=vt(function(e){return F.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;i>l;l++)if(n=o.relative[e[l].type])f=[vt(bt(f),n)];else{if(n=o.filter[e[l].type].apply(null,e[l].matches),n[b]){for(r=++l;i>r;r++)if(o.relative[e[r].type])break;return wt(l>1&&bt(f),l>1&&yt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&Tt(e.slice(l,r)),i>r&&Tt(e=e.slice(r)),i>r&&yt(e))}f.push(n)}return bt(f)}function Ct(e,t){var n=0,r=t.length>0,a=e.length>0,s=function(s,l,c,p,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,C=u,N=s||a&&o.find.TAG("*",d&&l.parentNode||l),k=T+=null==C?1:Math.random()||.1;for(w&&(u=l!==f&&l,i=n);null!=(h=N[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,l,c)){p.push(h);break}w&&(T=k,i=++n)}r&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,r&&b!==v){g=0;while(m=t[g++])m(x,y,l,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=q.call(p));y=xt(y)}M.apply(p,y),w&&!s&&y.length>0&&v+t.length>1&&at.uniqueSort(p)}return w&&(T=k,u=C),x};return r?lt(s):s}l=at.compile=function(e,t){var n,r=[],i=[],o=E[e+" "];if(!o){t||(t=mt(e)),n=t.length;while(n--)o=Tt(t[n]),o[b]?r.push(o):i.push(o);o=E(e,Ct(i,r))}return o};function Nt(e,t,n){var r=0,i=t.length;for(;i>r;r++)at(e,t[r],n);return n}function kt(e,t,n,i){var a,s,u,c,p,f=mt(e);if(!i&&1===f.length){if(s=f[0]=f[0].slice(0),s.length>2&&"ID"===(u=s[0]).type&&r.getById&&9===t.nodeType&&h&&o.relative[s[1].type]){if(t=(o.find.ID(u.matches[0].replace(rt,it),t)||[])[0],!t)return n;e=e.slice(s.shift().value.length)}a=Q.needsContext.test(e)?0:s.length;while(a--){if(u=s[a],o.relative[c=u.type])break;if((p=o.find[c])&&(i=p(u.matches[0].replace(rt,it),V.test(s[0].type)&&t.parentNode||t))){if(s.splice(a,1),e=i.length&&yt(s),!e)return M.apply(n,i),n;break}}}return l(e,f)(i,t,!h,n,V.test(e)),n}r.sortStable=b.split("").sort(A).join("")===b,r.detectDuplicates=S,p(),r.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(f.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||ct("type|href|height|width",function(e,n,r){return r?t:e.getAttribute(n,"type"===n.toLowerCase()?1:2)}),r.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||ct("value",function(e,n,r){return r||"input"!==e.nodeName.toLowerCase()?t:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||ct(B,function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&i.specified?i.value:e[n]===!0?n.toLowerCase():null}),x.find=at,x.expr=at.selectors,x.expr[":"]=x.expr.pseudos,x.unique=at.uniqueSort,x.text=at.getText,x.isXMLDoc=at.isXML,x.contains=at.contains}(e);var O={};function F(e){var t=O[e]={};return x.each(e.match(T)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?O[e]||F(e):x.extend({},e);var n,r,i,o,a,s,l=[],u=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=l.length,n=!0;l&&o>a;a++)if(l[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,l&&(u?u.length&&c(u.shift()):r?l=[]:p.disable())},p={add:function(){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this},remove:function(){return l&&x.each(arguments,function(e,t){var r;while((r=x.inArray(t,l,r))>-1)l.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?x.inArray(e,l)>-1:!(!l||!l.length)},empty:function(){return l=[],o=0,this},disable:function(){return l=u=r=t,this},disabled:function(){return!l},lock:function(){return u=t,r||p.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!l||i&&!u||(t=t||[],t=[e,t.slice?t.slice():t],n?u.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var a=o[0],s=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=g.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?g.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,l,u;if(r>1)for(s=Array(r),l=Array(r),u=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(a(t,u,n)).fail(o.reject).progress(a(t,l,s)):--i;return i||o.resolveWith(u,n),o.promise()}}),x.support=function(t){var n,r,o,s,l,u,c,p,f,d=a.createElement("div");if(d.setAttribute("className","t"),d.innerHTML=" <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",n=d.getElementsByTagName("*")||[],r=d.getElementsByTagName("a")[0],!r||!r.style||!n.length)return t;s=a.createElement("select"),u=s.appendChild(a.createElement("option")),o=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t.getSetAttribute="t"!==d.className,t.leadingWhitespace=3===d.firstChild.nodeType,t.tbody=!d.getElementsByTagName("tbody").length,t.htmlSerialize=!!d.getElementsByTagName("link").length,t.style=/top/.test(r.getAttribute("style")),t.hrefNormalized="/a"===r.getAttribute("href"),t.opacity=/^0.5/.test(r.style.opacity),t.cssFloat=!!r.style.cssFloat,t.checkOn=!!o.value,t.optSelected=u.selected,t.enctype=!!a.createElement("form").enctype,t.html5Clone="<:nav></:nav>"!==a.createElement("nav").cloneNode(!0).outerHTML,t.inlineBlockNeedsLayout=!1,t.shrinkWrapBlocks=!1,t.pixelPosition=!1,t.deleteExpando=!0,t.noCloneEvent=!0,t.reliableMarginRight=!0,t.boxSizingReliable=!0,o.checked=!0,t.noCloneChecked=o.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!u.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}o=a.createElement("input"),o.setAttribute("value",""),t.input=""===o.getAttribute("value"),o.value="t",o.setAttribute("type","radio"),t.radioValue="t"===o.value,o.setAttribute("checked","t"),o.setAttribute("name","t"),l=a.createDocumentFragment(),l.appendChild(o),t.appendChecked=o.checked,t.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip;for(f in x(t))break;return t.ownLast="0"!==f,x(function(){var n,r,o,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",l=a.getElementsByTagName("body")[0];l&&(n=a.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",l.appendChild(n).appendChild(d),d.innerHTML="<table><tr><td></td><td>t</td></tr></table>",o=d.getElementsByTagName("td"),o[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===o[0].offsetHeight,o[0].style.display="",o[1].style.display="none",t.reliableHiddenOffsets=p&&0===o[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",x.swap(l,null!=l.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===d.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(a.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="<div></div>",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(l.style.zoom=1)),l.removeChild(n),n=d=o=r=null)}),n=s=l=u=r=o=null,t
+}({});var B=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;function R(e,n,r,i){if(x.acceptData(e)){var o,a,s=x.expando,l=e.nodeType,u=l?x.cache:e,c=l?e[s]:e[s]&&s;if(c&&u[c]&&(i||u[c].data)||r!==t||"string"!=typeof n)return c||(c=l?e[s]=p.pop()||x.guid++:s),u[c]||(u[c]=l?{}:{toJSON:x.noop}),("object"==typeof n||"function"==typeof n)&&(i?u[c]=x.extend(u[c],n):u[c].data=x.extend(u[c].data,n)),a=u[c],i||(a.data||(a.data={}),a=a.data),r!==t&&(a[x.camelCase(n)]=r),"string"==typeof n?(o=a[n],null==o&&(o=a[x.camelCase(n)])):o=a,o}}function W(e,t,n){if(x.acceptData(e)){var r,i,o=e.nodeType,a=o?x.cache:e,s=o?e[x.expando]:x.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){x.isArray(t)?t=t.concat(x.map(t,x.camelCase)):t in r?t=[t]:(t=x.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;while(i--)delete r[t[i]];if(n?!I(r):!x.isEmptyObject(r))return}(n||(delete a[s].data,I(a[s])))&&(o?x.cleanData([e],!0):x.support.deleteExpando||a!=a.window?delete a[s]:a[s]=null)}}}x.extend({cache:{},noData:{applet:!0,embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(e){return e=e.nodeType?x.cache[e[x.expando]]:e[x.expando],!!e&&!I(e)},data:function(e,t,n){return R(e,t,n)},removeData:function(e,t){return W(e,t)},_data:function(e,t,n){return R(e,t,n,!0)},_removeData:function(e,t){return W(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&x.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),x.fn.extend({data:function(e,n){var r,i,o=null,a=0,s=this[0];if(e===t){if(this.length&&(o=x.data(s),1===s.nodeType&&!x._data(s,"parsedAttrs"))){for(r=s.attributes;r.length>a;a++)i=r[a].name,0===i.indexOf("data-")&&(i=x.camelCase(i.slice(5)),$(s,i,o[i]));x._data(s,"parsedAttrs",!0)}return o}return"object"==typeof e?this.each(function(){x.data(this,e)}):arguments.length>1?this.each(function(){x.data(this,e,n)}):s?$(s,e,x.data(s,e)):null},removeData:function(e){return this.each(function(){x.removeData(this,e)})}});function $(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(P,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:B.test(r)?x.parseJSON(r):r}catch(o){}x.data(e,n,r)}else r=t}return r}function I(e){var t;for(t in e)if(("data"!==t||!x.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}x.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=x._data(e,n),r&&(!i||x.isArray(r)?i=x._data(e,n,x.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),a=function(){x.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return x._data(e,n)||x._data(e,n,{empty:x.Callbacks("once memory").add(function(){x._removeData(e,t+"queue"),x._removeData(e,n)})})}}),x.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?x.queue(this[0],e):n===t?this:this.each(function(){var t=x.queue(this,e,n);x._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=x.Deferred(),a=this,s=this.length,l=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=x._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(l));return l(),o.promise(n)}});var z,X,U=/[\t\r\n\f]/g,V=/\r/g,Y=/^(?:input|select|textarea|button|object)$/i,J=/^(?:a|area)$/i,G=/^(?:checked|selected)$/i,Q=x.support.getSetAttribute,K=x.support.input;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return e=x.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,l="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,l=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,r=0,o=x(this),a=e.match(T)||[];while(t=a[r++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===i||"boolean"===n)&&(this.className&&x._data(this,"__className__",this.className),this.className=this.className||e===!1?"":x._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(U," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=x.isFunction(e),this.each(function(n){var o;1===this.nodeType&&(o=i?e.call(this,n,x(this).val()):e,null==o?o="":"number"==typeof o?o+="":x.isArray(o)&&(o=x.map(o,function(e){return null==e?"":e+""})),r=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=x.valHooks[o.type]||x.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(V,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=x.find.attr(e,"value");return null!=t?t:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,l=0>i?s:o?i:0;for(;s>l;l++)if(n=r[l],!(!n.selected&&l!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),a=i.length;while(a--)r=i[a],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,n,r){var o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===i?x.prop(e,n,r):(1===s&&x.isXMLDoc(e)||(n=n.toLowerCase(),o=x.attrHooks[n]||(x.expr.match.bool.test(n)?X:z)),r===t?o&&"get"in o&&null!==(a=o.get(e,n))?a:(a=x.find.attr(e,n),null==a?t:a):null!==r?o&&"set"in o&&(a=o.set(e,r,n))!==t?a:(e.setAttribute(n,r+""),r):(x.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(T);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)?K&&Q||!G.test(n)?e[r]=!1:e[x.camelCase("default-"+n)]=e[r]=!1:x.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!x.isXMLDoc(e),a&&(n=x.propFix[n]||n,o=x.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var t=x.find.attr(e,"tabindex");return t?parseInt(t,10):Y.test(e.nodeName)||J.test(e.nodeName)&&e.href?0:-1}}}}),X={set:function(e,t,n){return t===!1?x.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&x.propFix[n]||n,n):e[x.camelCase("default-"+n)]=e[n]=!0,n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,n){var r=x.expr.attrHandle[n]||x.find.attr;x.expr.attrHandle[n]=K&&Q||!G.test(n)?function(e,n,i){var o=x.expr.attrHandle[n],a=i?t:(x.expr.attrHandle[n]=t)!=r(e,n,i)?n.toLowerCase():null;return x.expr.attrHandle[n]=o,a}:function(e,n,r){return r?t:e[x.camelCase("default-"+n)]?n.toLowerCase():null}}),K&&Q||(x.attrHooks.value={set:function(e,n,r){return x.nodeName(e,"input")?(e.defaultValue=n,t):z&&z.set(e,n,r)}}),Q||(z={set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},x.expr.attrHandle.id=x.expr.attrHandle.name=x.expr.attrHandle.coords=function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&""!==i.value?i.value:null},x.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&r.specified?r.value:t},set:z.set},x.attrHooks.contenteditable={set:function(e,t,n){z.set(e,""===t?!1:t,n)}},x.each(["width","height"],function(e,n){x.attrHooks[n]={set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}}})),x.support.hrefNormalized||x.each(["href","src"],function(e,t){x.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}}),x.support.style||(x.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.support.enctype||(x.propFix.enctype="encoding"),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,n){return x.isArray(n)?e.checked=x.inArray(x(e).val(),n)>=0:t}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}function at(){try{return a.activeElement}catch(e){}}x.event={global:{},add:function(e,n,r,o,a){var s,l,u,c,p,f,d,h,g,m,y,v=x._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=x.guid++),(l=v.events)||(l=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof x===i||e&&x.event.triggered===e.type?t:x.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(T)||[""],u=n.length;while(u--)s=rt.exec(n[u])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),g&&(p=x.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=x.event.special[g]||{},d=x.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&x.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=l[g])||(h=l[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),x.event.global[g]=!0);e=null}},remove:function(e,t,n,r,i){var o,a,s,l,u,c,p,f,d,h,g,m=x.hasData(e)&&x._data(e);if(m&&(c=m.events)){t=(t||"").match(T)||[""],u=t.length;while(u--)if(s=rt.exec(t[u])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=x.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),l=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));l&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||x.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)x.event.remove(e,d+t[u],n,r,!0);x.isEmptyObject(c)&&(delete m.handle,x._removeData(e,"events"))}},trigger:function(n,r,i,o){var s,l,u,c,p,f,d,h=[i||a],g=v.call(n,"type")?n.type:n,m=v.call(n,"namespace")?n.namespace.split("."):[];if(u=f=i=i||a,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+x.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),l=0>g.indexOf(":")&&"on"+g,n=n[x.expando]?n:new x.Event(g,"object"==typeof n&&n),n.isTrigger=o?2:3,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:x.makeArray(r,[n]),p=x.event.special[g]||{},o||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!o&&!p.noBubble&&!x.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(u=u.parentNode);u;u=u.parentNode)h.push(u),f=u;f===(i.ownerDocument||a)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((u=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(x._data(u,"events")||{})[n.type]&&x._data(u,"handle"),s&&s.apply(u,r),s=l&&u[l],s&&x.acceptData(u)&&s.apply&&s.apply(u,r)===!1&&n.preventDefault();if(n.type=g,!o&&!n.isDefaultPrevented()&&(!p._default||p._default.apply(h.pop(),r)===!1)&&x.acceptData(i)&&l&&i[g]&&!x.isWindow(i)){f=i[l],f&&(i[l]=null),x.event.triggered=g;try{i[g]()}catch(y){}x.event.triggered=t,f&&(i[l]=f)}return n.result}},dispatch:function(e){e=x.event.fix(e);var n,r,i,o,a,s=[],l=g.call(arguments),u=(x._data(this,"events")||{})[e.type]||[],c=x.event.special[e.type]||{};if(l[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((x.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,l),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],l=n.delegateCount,u=e.target;if(l&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!=this;u=u.parentNode||this)if(1===u.nodeType&&(u.disabled!==!0||"click"!==e.type)){for(o=[],a=0;l>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?x(r,this).index(u)>=0:x.find(r,this,null,[u]).length),o[r]&&o.push(i);o.length&&s.push({elem:u,handlers:o})}return n.length>l&&s.push({elem:this,handlers:n.slice(l)}),s},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,o=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new x.Event(o),t=r.length;while(t--)n=r[t],e[n]=o[n];return e.target||(e.target=o.srcElement||a),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,o):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,o,s=n.button,l=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||a,o=i.documentElement,r=i.body,e.pageX=n.clientX+(o&&o.scrollLeft||r&&r.scrollLeft||0)-(o&&o.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(o&&o.scrollTop||r&&r.scrollTop||0)-(o&&o.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&l&&(e.relatedTarget=l===e.target?n.toElement:l),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==at()&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===at()&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},click:{trigger:function(){return x.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=a.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},x.Event=function(e,n){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&x.extend(this,n),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,t):new x.Event(e,n)},x.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.submitBubbles||(x.event.special.submit={setup:function(){return x.nodeName(this,"form")?!1:(x.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=x.nodeName(n,"input")||x.nodeName(n,"button")?n.form:t;r&&!x._data(r,"submitBubbles")&&(x.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),x._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&x.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return x.nodeName(this,"form")?!1:(x.event.remove(this,"._submit"),t)}}),x.support.changeBubbles||(x.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(x.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),x.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),x.event.simulate("change",this,e,!0)})),!1):(x.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!x._data(t,"changeBubbles")&&(x.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||x.event.simulate("change",this.parentNode,e,!0)}),x._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return x.event.remove(this,"._change"),!Z.test(this.nodeName)}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&a.addEventListener(e,r,!0)},teardown:function(){0===--n&&a.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return x().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=x.guid++)),this.each(function(){x.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,x(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){x.event.remove(this,e,r,n)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?x.event.trigger(e,n,r,!0):t}});var st=/^.[^:#\[\.,]*$/,lt=/^(?:parents|prev(?:Until|All))/,ut=x.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t,n=x(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(x.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e||[],!0))},filter:function(e){return this.pushStack(ft(this,e||[],!1))},is:function(e){return!!ft(this,"string"==typeof e&&ut.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],a=ut.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(a?a.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?x.inArray(this[0],x(e)):x.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return x.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(ct[e]||(i=x.unique(i)),lt.test(e)&&(i=i.reverse())),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!x(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(st.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return x.inArray(e,t)>=0!==n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/<tbody/i,wt=/<|&#?\w+;/,Tt=/<(?:script|style|link)/i,Ct=/^(?:checkbox|radio)$/i,Nt=/checked\s*(?:[^=]|=\s*.checked.)/i,kt=/^$|\/(?:java|ecma)script/i,Et=/^true\/(.*)/,St=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,At={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:x.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},jt=dt(a),Dt=jt.appendChild(a.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===t?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||a).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(Ft(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&_t(Ft(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&x.cleanData(Ft(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&x.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!x.support.htmlSerialize&&mt.test(e)||!x.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(x.cleanData(Ft(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=d.apply([],e);var r,i,o,a,s,l,u=0,c=this.length,p=this,f=c-1,h=e[0],g=x.isFunction(h);if(g||!(1>=c||"string"!=typeof h||x.support.checkClone)&&Nt.test(h))return this.each(function(r){var i=p.eq(r);g&&(e[0]=h.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(l=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),r=l.firstChild,1===l.childNodes.length&&(l=r),r)){for(a=x.map(Ft(l,"script"),Ht),o=a.length;c>u;u++)i=l,u!==f&&(i=x.clone(i,!0,!0),o&&x.merge(a,Ft(i,"script"))),t.call(this[u],i,u);if(o)for(s=a[a.length-1].ownerDocument,x.map(a,qt),u=0;o>u;u++)i=a[u],kt.test(i.type||"")&&!x._data(i,"globalEval")&&x.contains(s,i)&&(i.src?x._evalUrl(i.src):x.globalEval((i.text||i.textContent||i.innerHTML||"").replace(St,"")));l=r=null}return this}});function Lt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function Ht(e){return e.type=(null!==x.find.attr(e,"type"))+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function _t(e,t){var n,r=0;for(;null!=(n=e[r]);r++)x._data(n,"globalEval",!t||x._data(t[r],"globalEval"))}function Mt(e,t){if(1===t.nodeType&&x.hasData(e)){var n,r,i,o=x._data(e),a=x._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)x.event.add(t,n,s[n][r])}a.data&&(a.data=x.extend({},a.data))}}function Ot(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!x.support.noCloneEvent&&t[x.expando]){i=x._data(t);for(r in i.events)x.removeEvent(t,r,i.handle);t.removeAttribute(x.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),x.support.html5Clone&&e.innerHTML&&!x.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Ct.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=0,i=[],o=x(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),x(o[r])[t](n),h.apply(i,n.get());return this.pushStack(i)}});function Ft(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||x.nodeName(o,n)?s.push(o):x.merge(s,Ft(o,n));return n===t||n&&x.nodeName(e,n)?x.merge([e],s):s}function Bt(e){Ct.test(e.type)&&(e.defaultChecked=e.checked)}x.extend({clone:function(e,t,n){var r,i,o,a,s,l=x.contains(e.ownerDocument,e);if(x.support.html5Clone||x.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(x.support.noCloneEvent&&x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(r=Ft(o),s=Ft(e),a=0;null!=(i=s[a]);++a)r[a]&&Ot(i,r[a]);if(t)if(n)for(s=s||Ft(e),r=r||Ft(o),a=0;null!=(i=s[a]);a++)Mt(i,r[a]);else Mt(e,o);return r=Ft(o,"script"),r.length>0&&_t(r,!l&&Ft(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,l,u,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===x.type(o))x.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),l=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[l]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1></$2>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!x.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!x.support.tbody){o="table"!==l||xt.test(o)?"<table>"!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)x.nodeName(u=o.childNodes[i],"tbody")&&!u.childNodes.length&&o.removeChild(u)}x.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),x.support.appendChecked||x.grep(Ft(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===x.inArray(o,r))&&(a=x.contains(o.ownerDocument,o),s=Ft(f.appendChild(o),"script"),a&&_t(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,l=x.expando,u=x.cache,c=x.support.deleteExpando,f=x.event.special;for(;null!=(n=e[s]);s++)if((t||x.acceptData(n))&&(o=n[l],a=o&&u[o])){if(a.events)for(r in a.events)f[r]?x.event.remove(n,r):x.removeEvent(n,r,a.handle);
+u[o]&&(delete u[o],c?delete n[l]:typeof n.removeAttribute!==i?n.removeAttribute(l):n[l]=null,p.push(o))}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}}),x.fn.extend({wrapAll:function(e){if(x.isFunction(e))return this.each(function(t){x(this).wrapAll(e.call(this,t))});if(this[0]){var t=x(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+w+")(.*)$","i"),Yt=RegExp("^("+w+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+w+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=x._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=x._data(r,"olddisplay",ln(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&x._data(r,"olddisplay",i?n:x.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}x.fn.extend({css:function(e,n){return x.access(this,function(e,n,r){var i,o,a={},s=0;if(x.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=x.css(e,n[s],!1,o);return a}return r!==t?x.style(e,n,r):x.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){nn(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":x.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,l=x.camelCase(n),u=e.style;if(n=x.cssProps[l]||(x.cssProps[l]=tn(u,l)),s=x.cssHooks[n]||x.cssHooks[l],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:u[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(x.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||x.cssNumber[l]||(r+="px"),x.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(u[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{u[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,l=x.camelCase(n);return n=x.cssProps[l]||(x.cssProps[l]=tn(e.style,l)),s=x.cssHooks[n]||x.cssHooks[l],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||x.isNumeric(o)?o||0:a):a}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s.getPropertyValue(n)||s[n]:t,u=e.style;return s&&(""!==l||x.contains(e.ownerDocument,e)||(l=x.style(e,n)),Yt.test(l)&&Ut.test(n)&&(i=u.width,o=u.minWidth,a=u.maxWidth,u.minWidth=u.maxWidth=u.width=l,l=s.width,u.width=i,u.minWidth=o,u.maxWidth=a)),l}):a.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s[n]:t,u=e.style;return null==l&&u&&u[n]&&(l=u[n]),Yt.test(l)&&!zt.test(n)&&(i=u.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),u.left="fontSize"===n?"1em":l,l=u.pixelLeft+"px",u.left=i,a&&(o.left=a)),""===l?"auto":l});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=x.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=x.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=x.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=x.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=x.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function ln(e){var t=a,n=Gt[e];return n||(n=un(e,t),"none"!==n&&n||(Pt=(Pt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(Pt[0].contentWindow||Pt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=un(e,t),Pt.detach()),Gt[e]=n),n}function un(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,n){x.cssHooks[n]={get:function(e,r,i){return r?0===e.offsetWidth&&Xt.test(x.css(e,"display"))?x.swap(e,Qt,function(){return sn(e,n,i)}):sn(e,n,i):t},set:function(e,t,r){var i=r&&Rt(e);return on(e,t,r?an(e,n,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x.support.opacity||(x.cssHooks.opacity={get:function(e,t){return It.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=x.isNumeric(t)?"alpha(opacity="+100*t+")":"",o=r&&r.filter||n.filter||"";n.zoom=1,(t>=1||""===t)&&""===x.trim(o.replace($t,""))&&n.removeAttribute&&(n.removeAttribute("filter"),""===t||r&&!r.filter)||(n.filter=$t.test(o)?o.replace($t,i):o+" "+i)}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,n){return n?x.swap(e,{display:"inline-block"},Wt,[e,"marginRight"]):t}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,n){x.cssHooks[n]={get:function(e,r){return r?(r=Wt(e,n),Yt.test(r)?x(e).position()[n]+"px":r):t}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight||!x.support.reliableHiddenOffsets&&"none"===(e.style&&e.style.display||x.css(e,"display"))},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+Zt[r]+t]=o[r]||o[r-2]||o[0];return i}},Ut.test(e)||(x.cssHooks[e+t].set=on)});var cn=/%20/g,pn=/\[\]$/,fn=/\r?\n/g,dn=/^(?:submit|button|image|reset|file)$/i,hn=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&hn.test(this.nodeName)&&!dn.test(e)&&(this.checked||!Ct.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(fn,"\r\n")}}):{name:t.name,value:n.replace(fn,"\r\n")}}).get()}}),x.param=function(e,n){var r,i=[],o=function(e,t){t=x.isFunction(t)?t():null==t?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(n===t&&(n=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){o(this.name,this.value)});else for(r in e)gn(r,e[r],n,o);return i.join("&").replace(cn,"+")};function gn(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||pn.test(e)?r(e,i):gn(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)gn(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var mn,yn,vn=x.now(),bn=/\?/,xn=/#.*$/,wn=/([?&])_=[^&]*/,Tn=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Cn=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Nn=/^(?:GET|HEAD)$/,kn=/^\/\//,En=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,Sn=x.fn.load,An={},jn={},Dn="*/".concat("*");try{yn=o.href}catch(Ln){yn=a.createElement("a"),yn.href="",yn=yn.href}mn=En.exec(yn.toLowerCase())||[];function Hn(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(T)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function qn(e,n,r,i){var o={},a=e===jn;function s(l){var u;return o[l]=!0,x.each(e[l]||[],function(e,l){var c=l(n,r,i);return"string"!=typeof c||a||o[c]?a?!(u=c):t:(n.dataTypes.unshift(c),s(c),!1)}),u}return s(n.dataTypes[0])||!o["*"]&&s("*")}function _n(e,n){var r,i,o=x.ajaxSettings.flatOptions||{};for(i in n)n[i]!==t&&((o[i]?e:r||(r={}))[i]=n[i]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,n,r){if("string"!=typeof e&&Sn)return Sn.apply(this,arguments);var i,o,a,s=this,l=e.indexOf(" ");return l>=0&&(i=e.slice(l,e.length),e=e.slice(0,l)),x.isFunction(n)?(r=n,n=t):n&&"object"==typeof n&&(a="POST"),s.length>0&&x.ajax({url:e,type:a,dataType:"html",data:n}).done(function(e){o=arguments,s.html(i?x("<div>").append(x.parseHTML(e)).find(i):e)}).complete(r&&function(e,t){s.each(r,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:yn,type:"GET",isLocal:Cn.test(mn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Dn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?_n(_n(e,x.ajaxSettings),t):_n(x.ajaxSettings,e)},ajaxPrefilter:Hn(An),ajaxTransport:Hn(jn),ajax:function(e,n){"object"==typeof e&&(n=e,e=t),n=n||{};var r,i,o,a,s,l,u,c,p=x.ajaxSetup({},n),f=p.context||p,d=p.context&&(f.nodeType||f.jquery)?x(f):x.event,h=x.Deferred(),g=x.Callbacks("once memory"),m=p.statusCode||{},y={},v={},b=0,w="canceled",C={readyState:0,getResponseHeader:function(e){var t;if(2===b){if(!c){c={};while(t=Tn.exec(a))c[t[1].toLowerCase()]=t[2]}t=c[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===b?a:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return b||(e=v[n]=v[n]||e,y[e]=t),this},overrideMimeType:function(e){return b||(p.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>b)for(t in e)m[t]=[m[t],e[t]];else C.always(e[C.status]);return this},abort:function(e){var t=e||w;return u&&u.abort(t),k(0,t),this}};if(h.promise(C).complete=g.add,C.success=C.done,C.error=C.fail,p.url=((e||p.url||yn)+"").replace(xn,"").replace(kn,mn[1]+"//"),p.type=n.method||n.type||p.method||p.type,p.dataTypes=x.trim(p.dataType||"*").toLowerCase().match(T)||[""],null==p.crossDomain&&(r=En.exec(p.url.toLowerCase()),p.crossDomain=!(!r||r[1]===mn[1]&&r[2]===mn[2]&&(r[3]||("http:"===r[1]?"80":"443"))===(mn[3]||("http:"===mn[1]?"80":"443")))),p.data&&p.processData&&"string"!=typeof p.data&&(p.data=x.param(p.data,p.traditional)),qn(An,p,n,C),2===b)return C;l=p.global,l&&0===x.active++&&x.event.trigger("ajaxStart"),p.type=p.type.toUpperCase(),p.hasContent=!Nn.test(p.type),o=p.url,p.hasContent||(p.data&&(o=p.url+=(bn.test(o)?"&":"?")+p.data,delete p.data),p.cache===!1&&(p.url=wn.test(o)?o.replace(wn,"$1_="+vn++):o+(bn.test(o)?"&":"?")+"_="+vn++)),p.ifModified&&(x.lastModified[o]&&C.setRequestHeader("If-Modified-Since",x.lastModified[o]),x.etag[o]&&C.setRequestHeader("If-None-Match",x.etag[o])),(p.data&&p.hasContent&&p.contentType!==!1||n.contentType)&&C.setRequestHeader("Content-Type",p.contentType),C.setRequestHeader("Accept",p.dataTypes[0]&&p.accepts[p.dataTypes[0]]?p.accepts[p.dataTypes[0]]+("*"!==p.dataTypes[0]?", "+Dn+"; q=0.01":""):p.accepts["*"]);for(i in p.headers)C.setRequestHeader(i,p.headers[i]);if(p.beforeSend&&(p.beforeSend.call(f,C,p)===!1||2===b))return C.abort();w="abort";for(i in{success:1,error:1,complete:1})C[i](p[i]);if(u=qn(jn,p,n,C)){C.readyState=1,l&&d.trigger("ajaxSend",[C,p]),p.async&&p.timeout>0&&(s=setTimeout(function(){C.abort("timeout")},p.timeout));try{b=1,u.send(y,k)}catch(N){if(!(2>b))throw N;k(-1,N)}}else k(-1,"No Transport");function k(e,n,r,i){var c,y,v,w,T,N=n;2!==b&&(b=2,s&&clearTimeout(s),u=t,a=i||"",C.readyState=e>0?4:0,c=e>=200&&300>e||304===e,r&&(w=Mn(p,C,r)),w=On(p,w,C,c),c?(p.ifModified&&(T=C.getResponseHeader("Last-Modified"),T&&(x.lastModified[o]=T),T=C.getResponseHeader("etag"),T&&(x.etag[o]=T)),204===e||"HEAD"===p.type?N="nocontent":304===e?N="notmodified":(N=w.state,y=w.data,v=w.error,c=!v)):(v=N,(e||!N)&&(N="error",0>e&&(e=0))),C.status=e,C.statusText=(n||N)+"",c?h.resolveWith(f,[y,N,C]):h.rejectWith(f,[C,N,v]),C.statusCode(m),m=t,l&&d.trigger(c?"ajaxSuccess":"ajaxError",[C,p,c?y:v]),g.fireWith(f,[C,N]),l&&(d.trigger("ajaxComplete",[C,p]),--x.active||x.event.trigger("ajaxStop")))}return C},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,n){return x.get(e,t,n,"script")}}),x.each(["get","post"],function(e,n){x[n]=function(e,r,i,o){return x.isFunction(r)&&(o=o||i,i=r,r=t),x.ajax({url:e,type:n,dataType:o,data:r,success:i})}});function Mn(e,n,r){var i,o,a,s,l=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),o===t&&(o=e.mimeType||n.getResponseHeader("Content-Type"));if(o)for(s in l)if(l[s]&&l[s].test(o)){u.unshift(s);break}if(u[0]in r)a=u[0];else{for(s in r){if(!u[0]||e.converters[s+" "+u[0]]){a=s;break}i||(i=s)}a=a||i}return a?(a!==u[0]&&u.unshift(a),r[a]):t}function On(e,t,n,r){var i,o,a,s,l,u={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)u[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!l&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),l=o,o=c.shift())if("*"===o)o=l;else if("*"!==l&&l!==o){if(a=u[l+" "+o]||u["* "+o],!a)for(i in u)if(s=i.split(" "),s[1]===o&&(a=u[l+" "+s[0]]||u["* "+s[0]])){a===!0?a=u[i]:u[i]!==!0&&(o=s[0],c.unshift(s[1]));break}if(a!==!0)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(p){return{state:"parsererror",error:a?p:"No conversion from "+l+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),x.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=a.head||x("head")[0]||a.documentElement;return{send:function(t,i){n=a.createElement("script"),n.async=!0,e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,t){(t||!n.readyState||/loaded|complete/.test(n.readyState))&&(n.onload=n.onreadystatechange=null,n.parentNode&&n.parentNode.removeChild(n),n=null,t||i(200,"success"))},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(t,!0)}}}});var Fn=[],Bn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Fn.pop()||x.expando+"_"+vn++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(n,r,i){var o,a,s,l=n.jsonp!==!1&&(Bn.test(n.url)?"url":"string"==typeof n.data&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Bn.test(n.data)&&"data");return l||"jsonp"===n.dataTypes[0]?(o=n.jsonpCallback=x.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,l?n[l]=n[l].replace(Bn,"$1"+o):n.jsonp!==!1&&(n.url+=(bn.test(n.url)?"&":"?")+n.jsonp+"="+o),n.converters["script json"]=function(){return s||x.error(o+" was not called"),s[0]},n.dataTypes[0]="json",a=e[o],e[o]=function(){s=arguments},i.always(function(){e[o]=a,n[o]&&(n.jsonpCallback=r.jsonpCallback,Fn.push(o)),s&&x.isFunction(a)&&a(s[0]),s=a=t}),"script"):t});var Pn,Rn,Wn=0,$n=e.ActiveXObject&&function(){var e;for(e in Pn)Pn[e](t,!0)};function In(){try{return new e.XMLHttpRequest}catch(t){}}function zn(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}x.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&In()||zn()}:In,Rn=x.ajaxSettings.xhr(),x.support.cors=!!Rn&&"withCredentials"in Rn,Rn=x.support.ajax=!!Rn,Rn&&x.ajaxTransport(function(n){if(!n.crossDomain||x.support.cors){var r;return{send:function(i,o){var a,s,l=n.xhr();if(n.username?l.open(n.type,n.url,n.async,n.username,n.password):l.open(n.type,n.url,n.async),n.xhrFields)for(s in n.xhrFields)l[s]=n.xhrFields[s];n.mimeType&&l.overrideMimeType&&l.overrideMimeType(n.mimeType),n.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");try{for(s in i)l.setRequestHeader(s,i[s])}catch(u){}l.send(n.hasContent&&n.data||null),r=function(e,i){var s,u,c,p;try{if(r&&(i||4===l.readyState))if(r=t,a&&(l.onreadystatechange=x.noop,$n&&delete Pn[a]),i)4!==l.readyState&&l.abort();else{p={},s=l.status,u=l.getAllResponseHeaders(),"string"==typeof l.responseText&&(p.text=l.responseText);try{c=l.statusText}catch(f){c=""}s||!n.isLocal||n.crossDomain?1223===s&&(s=204):s=p.text?200:404}}catch(d){i||o(-1,d)}p&&o(s,c,p,u)},n.async?4===l.readyState?setTimeout(r):(a=++Wn,$n&&(Pn||(Pn={},x(e).unload($n)),Pn[a]=r),l.onreadystatechange=r):r()},abort:function(){r&&r(t,!0)}}}});var Xn,Un,Vn=/^(?:toggle|show|hide)$/,Yn=RegExp("^(?:([+-])=|)("+w+")([a-z%]*)$","i"),Jn=/queueHooks$/,Gn=[nr],Qn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Yn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),a=(x.cssNumber[e]||"px"!==o&&+r)&&Yn.exec(x.css(n.elem,e)),s=1,l=20;if(a&&a[3]!==o){o=o||a[3],i=i||[],a=+r||1;do s=s||".5",a/=s,x.style(n.elem,e,a+o);while(s!==(s=n.cur()/r)&&1!==s&&--l)}return i&&(a=n.start=+a||+r||0,n.unit=o,n.end=i[1]?a+(i[1]+1)*i[2]:+i[2]),n}]};function Kn(){return setTimeout(function(){Xn=t}),Xn=x.now()}function Zn(e,t,n){var r,i=(Qn[t]||[]).concat(Qn["*"]),o=0,a=i.length;for(;a>o;o++)if(r=i[o].call(n,t,e))return r}function er(e,t,n){var r,i,o=0,a=Gn.length,s=x.Deferred().always(function(){delete l.elem}),l=function(){if(i)return!1;var t=Xn||Kn(),n=Math.max(0,u.startTime+u.duration-t),r=n/u.duration||0,o=1-r,a=0,l=u.tweens.length;for(;l>a;a++)u.tweens[a].run(o);return s.notifyWith(e,[u,o,n]),1>o&&l?n:(s.resolveWith(e,[u]),!1)},u=s.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:Xn||Kn(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,u.opts,t,n,u.opts.specialEasing[t]||u.opts.easing);return u.tweens.push(r),r},stop:function(t){var n=0,r=t?u.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)u.tweens[n].run(1);return t?s.resolveWith(e,[u,t]):s.rejectWith(e,[u,t]),this}}),c=u.props;for(tr(c,u.opts.specialEasing);a>o;o++)if(r=Gn[o].call(u,e,c,u.opts))return r;return x.map(c,Zn,u),x.isFunction(u.opts.start)&&u.opts.start.call(e,u),x.fx.timer(x.extend(l,{elem:e,anim:u,queue:u.opts.queue})),u.progress(u.opts.progress).done(u.opts.done,u.opts.complete).fail(u.opts.fail).always(u.opts.always)}function tr(e,t){var n,r,i,o,a;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),a=x.cssHooks[r],a&&"expand"in a){o=a.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(er,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Qn[n]=Qn[n]||[],Qn[n].unshift(t)},prefilter:function(e,t){t?Gn.unshift(e):Gn.push(e)}});function nr(e,t,n){var r,i,o,a,s,l,u=this,c={},p=e.style,f=e.nodeType&&nn(e),d=x._data(e,"fxshow");n.queue||(s=x._queueHooks(e,"fx"),null==s.unqueued&&(s.unqueued=0,l=s.empty.fire,s.empty.fire=function(){s.unqueued||l()}),s.unqueued++,u.always(function(){u.always(function(){s.unqueued--,x.queue(e,"fx").length||s.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(x.support.inlineBlockNeedsLayout&&"inline"!==ln(e.nodeName)?p.zoom=1:p.display="inline-block")),n.overflow&&(p.overflow="hidden",x.support.shrinkWrapBlocks||u.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],Vn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show"))continue;c[r]=d&&d[r]||x.style(e,r)}if(!x.isEmptyObject(c)){d?"hidden"in d&&(f=d.hidden):d=x._data(e,"fxshow",{}),o&&(d.hidden=!f),f?x(e).show():u.done(function(){x(e).hide()}),u.done(function(){var t;x._removeData(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)a=Zn(f?d[r]:0,r,u),r in d||(d[r]=a.start,f&&(a.end=a.start,a.start="width"===r||"height"===r?1:0))}}function rr(e,t,n,r,i){return new rr.prototype.init(e,t,n,r,i)}x.Tween=rr,rr.prototype={constructor:rr,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=rr.propHooks[this.prop];return e&&e.get?e.get(this):rr.propHooks._default.get(this)},run:function(e){var t,n=rr.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):rr.propHooks._default.set(this),this}},rr.prototype.init.prototype=rr.prototype,rr.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},rr.propHooks.scrollTop=rr.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(ir(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(nn).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),a=function(){var t=er(this,x.extend({},e),o);(i||x._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,n,r){var i=function(e){var t=e.stop;delete e.stop,t(r)};return"string"!=typeof e&&(r=n,n=e,e=t),n&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,n=null!=e&&e+"queueHooks",o=x.timers,a=x._data(this);if(n)a[n]&&a[n].stop&&i(a[n]);else for(n in a)a[n]&&a[n].stop&&Jn.test(n)&&i(a[n]);for(n=o.length;n--;)o[n].elem!==this||null!=e&&o[n].queue!==e||(o[n].anim.stop(r),t=!1,o.splice(n,1));(t||!r)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=x._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,a=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;a>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function ir(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=Zt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:ir("show"),slideUp:ir("hide"),slideToggle:ir("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=rr.prototype.init,x.fx.tick=function(){var e,n=x.timers,r=0;for(Xn=x.now();n.length>r;r++)e=n[r],e()||n[r]!==e||n.splice(r--,1);n.length||x.fx.stop(),Xn=t},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){Un||(Un=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(Un),Un=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===t?this:this.each(function(t){x.offset.setOffset(this,e,t)});var n,r,o={top:0,left:0},a=this[0],s=a&&a.ownerDocument;if(s)return n=s.documentElement,x.contains(n,a)?(typeof a.getBoundingClientRect!==i&&(o=a.getBoundingClientRect()),r=or(s),{top:o.top+(r.pageYOffset||n.scrollTop)-(n.clientTop||0),left:o.left+(r.pageXOffset||n.scrollLeft)-(n.clientLeft||0)}):o},x.offset={setOffset:function(e,t,n){var r=x.css(e,"position");"static"===r&&(e.style.position="relative");var i=x(e),o=i.offset(),a=x.css(e,"top"),s=x.css(e,"left"),l=("absolute"===r||"fixed"===r)&&x.inArray("auto",[a,s])>-1,u={},c={},p,f;l?(c=i.position(),p=c.top,f=c.left):(p=parseFloat(a)||0,f=parseFloat(s)||0),x.isFunction(t)&&(t=t.call(e,n,o)),null!=t.top&&(u.top=t.top-o.top+p),null!=t.left&&(u.left=t.left-o.left+f),"using"in t?t.using.call(e,u):i.css(u)}},x.fn.extend({position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===x.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(n=e.offset()),n.top+=x.css(e[0],"borderTopWidth",!0),n.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-x.css(r,"marginTop",!0),left:t.left-n.left-x.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);x.fn[e]=function(i){return x.access(this,function(e,i,o){var a=or(e);return o===t?a?n in a?a[n]:a.document.documentElement[i]:e[i]:(a?a.scrollTo(r?x(a).scrollLeft():o,r?o:x(a).scrollTop()):e[i]=o,t)},e,i,arguments.length,null)}});function or(e){return x.isWindow(e)?e:9===e.nodeType?e.defaultView||e.parentWindow:!1}x.each({Height:"height",Width:"width"},function(e,n){x.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){x.fn[i]=function(i,o){var a=arguments.length&&(r||"boolean"!=typeof i),s=r||(i===!0||o===!0?"margin":"border");return x.access(this,function(n,r,i){var o;return x.isWindow(n)?n.document.documentElement["client"+e]:9===n.nodeType?(o=n.documentElement,Math.max(n.body["scroll"+e],o["scroll"+e],n.body["offset"+e],o["offset"+e],o["client"+e])):i===t?x.css(n,r,s):x.style(n,r,i,s)},n,a?i:t,a,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:(e.jQuery=e.$=x,"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}))})(window);
\ No newline at end of file
--- /dev/null
+{"version":3,"file":"jquery-1.10.2.min.js","sources":["jquery-1.10.2.js"],"names":["window","undefined","readyList","rootjQuery","core_strundefined","location","document","docElem","documentElement","_jQuery","jQuery","_$","$","class2type","core_deletedIds","core_version","core_concat","concat","core_push","push","core_slice","slice","core_indexOf","indexOf","core_toString","toString","core_hasOwn","hasOwnProperty","core_trim","trim","selector","context","fn","init","core_pnum","source","core_rnotwhite","rtrim","rquickExpr","rsingleTag","rvalidchars","rvalidbraces","rvalidescape","rvalidtokens","rmsPrefix","rdashAlpha","fcamelCase","all","letter","toUpperCase","completed","event","addEventListener","type","readyState","detach","ready","removeEventListener","detachEvent","prototype","jquery","constructor","match","elem","this","charAt","length","exec","find","merge","parseHTML","nodeType","ownerDocument","test","isPlainObject","isFunction","attr","getElementById","parentNode","id","makeArray","toArray","call","get","num","pushStack","elems","ret","prevObject","each","callback","args","promise","done","apply","arguments","first","eq","last","i","len","j","map","end","sort","splice","extend","src","copyIsArray","copy","name","options","clone","target","deep","isArray","expando","Math","random","replace","noConflict","isReady","readyWait","holdReady","hold","wait","body","setTimeout","resolveWith","trigger","off","obj","Array","isWindow","isNumeric","isNaN","parseFloat","isFinite","String","key","e","support","ownLast","isEmptyObject","error","msg","Error","data","keepScripts","parsed","scripts","createElement","buildFragment","remove","childNodes","parseJSON","JSON","parse","Function","parseXML","xml","tmp","DOMParser","parseFromString","ActiveXObject","async","loadXML","getElementsByTagName","noop","globalEval","execScript","camelCase","string","nodeName","toLowerCase","value","isArraylike","text","arr","results","Object","inArray","max","second","l","grep","inv","retVal","arg","guid","proxy","access","chainable","emptyGet","raw","bulk","now","Date","getTime","swap","old","style","Deferred","attachEvent","top","frameElement","doScroll","doScrollCheck","split","cachedruns","Expr","getText","isXML","compile","outermostContext","sortInput","setDocument","documentIsHTML","rbuggyQSA","rbuggyMatches","matches","contains","preferredDoc","dirruns","classCache","createCache","tokenCache","compilerCache","hasDuplicate","sortOrder","a","b","strundefined","MAX_NEGATIVE","hasOwn","pop","push_native","booleans","whitespace","characterEncoding","identifier","attributes","pseudos","RegExp","rcomma","rcombinators","rsibling","rattributeQuotes","rpseudo","ridentifier","matchExpr","ID","CLASS","TAG","ATTR","PSEUDO","CHILD","bool","needsContext","rnative","rinputs","rheader","rescape","runescape","funescape","_","escaped","escapedWhitespace","high","fromCharCode","els","Sizzle","seed","m","groups","nid","newContext","newSelector","getElementsByClassName","qsa","tokenize","getAttribute","setAttribute","toSelector","join","querySelectorAll","qsaError","removeAttribute","select","keys","cache","cacheLength","shift","markFunction","assert","div","removeChild","addHandle","attrs","handler","attrHandle","siblingCheck","cur","diff","sourceIndex","nextSibling","createInputPseudo","createButtonPseudo","createPositionalPseudo","argument","matchIndexes","node","doc","parent","defaultView","className","appendChild","createComment","innerHTML","firstChild","getById","getElementsByName","filter","attrId","getAttributeNode","tag","input","matchesSelector","webkitMatchesSelector","mozMatchesSelector","oMatchesSelector","msMatchesSelector","disconnectedMatch","compareDocumentPosition","adown","bup","compare","sortDetached","aup","ap","bp","unshift","expr","elements","val","specified","uniqueSort","duplicates","detectDuplicates","sortStable","textContent","nodeValue","selectors","createPseudo","relative",">","dir"," ","+","~","preFilter","excess","unquoted","nodeNameSelector","pattern","operator","check","result","what","simple","forward","ofType","outerCache","nodeIndex","start","useCache","lastChild","pseudo","setFilters","idx","matched","not","matcher","unmatched","has","innerText","lang","elemLang","hash","root","focus","activeElement","hasFocus","href","tabIndex","enabled","disabled","checked","selected","selectedIndex","empty","header","button","even","odd","lt","gt","radio","checkbox","file","password","image","submit","reset","filters","parseOnly","tokens","soFar","preFilters","cached","addCombinator","combinator","base","checkNonElements","doneName","dirkey","elementMatcher","matchers","condense","newUnmatched","mapped","setMatcher","postFilter","postFinder","postSelector","temp","preMap","postMap","preexisting","multipleContexts","matcherIn","matcherOut","matcherFromTokens","checkContext","leadingRelative","implicitRelative","matchContext","matchAnyContext","matcherFromGroupMatchers","elementMatchers","setMatchers","matcherCachedRuns","bySet","byElement","superMatcher","expandContext","setMatched","matchedCount","outermost","contextBackup","dirrunsUnique","group","contexts","token","div1","defaultValue","unique","isXMLDoc","optionsCache","createOptions","object","flag","Callbacks","firing","memory","fired","firingLength","firingIndex","firingStart","list","stack","once","fire","stopOnFalse","self","disable","add","index","lock","locked","fireWith","func","tuples","state","always","deferred","fail","then","fns","newDefer","tuple","action","returned","resolve","reject","progress","notify","pipe","stateString","when","subordinate","resolveValues","remaining","updateFunc","values","progressValues","notifyWith","progressContexts","resolveContexts","fragment","opt","eventName","isSupported","cssText","getSetAttribute","leadingWhitespace","tbody","htmlSerialize","hrefNormalized","opacity","cssFloat","checkOn","optSelected","enctype","html5Clone","cloneNode","outerHTML","inlineBlockNeedsLayout","shrinkWrapBlocks","pixelPosition","deleteExpando","noCloneEvent","reliableMarginRight","boxSizingReliable","noCloneChecked","optDisabled","radioValue","createDocumentFragment","appendChecked","checkClone","click","change","focusin","backgroundClip","clearCloneStyle","container","marginDiv","tds","divReset","offsetHeight","display","reliableHiddenOffsets","zoom","boxSizing","offsetWidth","getComputedStyle","width","marginRight","rbrace","rmultiDash","internalData","pvt","acceptData","thisCache","internalKey","isNode","toJSON","internalRemoveData","isEmptyDataObject","cleanData","noData","applet","embed","hasData","removeData","_data","_removeData","dataAttr","queue","dequeue","startLength","hooks","_queueHooks","next","stop","setter","delay","time","fx","speeds","timeout","clearTimeout","clearQueue","count","defer","nodeHook","boolHook","rclass","rreturn","rfocusable","rclickable","ruseDefault","getSetInput","removeAttr","prop","removeProp","propFix","addClass","classes","clazz","proceed","removeClass","toggleClass","stateVal","classNames","hasClass","valHooks","set","option","one","optionSet","nType","attrHooks","propName","attrNames","for","class","notxml","propHooks","tabindex","parseInt","getter","setAttributeNode","createAttribute","coords","contenteditable","rformElems","rkeyEvent","rmouseEvent","rfocusMorph","rtypenamespace","returnTrue","returnFalse","safeActiveElement","err","global","types","events","t","handleObjIn","special","eventHandle","handleObj","handlers","namespaces","origType","elemData","handle","triggered","dispatch","delegateType","bindType","namespace","delegateCount","setup","mappedTypes","origCount","teardown","removeEvent","onlyHandlers","ontype","bubbleType","eventPath","Event","isTrigger","namespace_re","noBubble","parentWindow","isPropagationStopped","preventDefault","isDefaultPrevented","_default","fix","handlerQueue","delegateTarget","preDispatch","currentTarget","isImmediatePropagationStopped","stopPropagation","postDispatch","sel","originalEvent","fixHook","fixHooks","mouseHooks","keyHooks","props","srcElement","metaKey","original","which","charCode","keyCode","eventDoc","fromElement","pageX","clientX","scrollLeft","clientLeft","pageY","clientY","scrollTop","clientTop","relatedTarget","toElement","load","blur","beforeunload","returnValue","simulate","bubble","isSimulated","defaultPrevented","getPreventDefault","timeStamp","cancelBubble","stopImmediatePropagation","mouseenter","mouseleave","orig","related","submitBubbles","form","_submit_bubble","changeBubbles","propertyName","_just_changed","focusinBubbles","attaches","on","origFn","triggerHandler","isSimple","rparentsprev","rneedsContext","guaranteedUnique","children","contents","prev","targets","winnow","is","closest","pos","prevAll","addBack","sibling","parents","parentsUntil","until","nextAll","nextUntil","prevUntil","siblings","contentDocument","contentWindow","reverse","n","r","qualifier","createSafeFragment","nodeNames","safeFrag","rinlinejQuery","rnoshimcache","rleadingWhitespace","rxhtmlTag","rtagName","rtbody","rhtml","rnoInnerhtml","manipulation_rcheckableType","rchecked","rscriptType","rscriptTypeMasked","rcleanScript","wrapMap","legend","area","param","thead","tr","col","td","safeFragment","fragmentDiv","optgroup","tfoot","colgroup","caption","th","append","createTextNode","domManip","manipulationTarget","prepend","insertBefore","before","after","keepData","getAll","setGlobalEval","dataAndEvents","deepDataAndEvents","html","replaceWith","allowIntersection","hasScripts","iNoClone","disableScript","restoreScript","_evalUrl","content","refElements","cloneCopyEvent","dest","oldData","curData","fixCloneNodeIssues","defaultChecked","defaultSelected","appendTo","prependTo","insertAfter","replaceAll","insert","found","fixDefaultChecked","destElements","srcElements","inPage","selection","wrap","safe","nodes","url","ajax","dataType","throws","wrapAll","wrapInner","unwrap","iframe","getStyles","curCSS","ralpha","ropacity","rposition","rdisplayswap","rmargin","rnumsplit","rnumnonpx","rrelNum","elemdisplay","BODY","cssShow","position","visibility","cssNormalTransform","letterSpacing","fontWeight","cssExpand","cssPrefixes","vendorPropName","capName","origName","isHidden","el","css","showHide","show","hidden","css_defaultDisplay","styles","hide","toggle","cssHooks","computed","cssNumber","columnCount","fillOpacity","lineHeight","order","orphans","widows","zIndex","cssProps","float","extra","_computed","minWidth","maxWidth","getPropertyValue","currentStyle","left","rs","rsLeft","runtimeStyle","pixelLeft","setPositiveNumber","subtract","augmentWidthOrHeight","isBorderBox","getWidthOrHeight","valueIsBorderBox","actualDisplay","write","close","$1","visible","margin","padding","border","prefix","suffix","expand","expanded","parts","r20","rbracket","rCRLF","rsubmitterTypes","rsubmittable","serialize","serializeArray","traditional","s","encodeURIComponent","ajaxSettings","buildParams","v","hover","fnOver","fnOut","bind","unbind","delegate","undelegate","ajaxLocParts","ajaxLocation","ajax_nonce","ajax_rquery","rhash","rts","rheaders","rlocalProtocol","rnoContent","rprotocol","rurl","_load","prefilters","transports","allTypes","addToPrefiltersOrTransports","structure","dataTypeExpression","dataTypes","inspectPrefiltersOrTransports","originalOptions","jqXHR","inspected","seekingTransport","inspect","prefilterOrFactory","dataTypeOrTransport","ajaxExtend","flatOptions","params","response","responseText","complete","status","active","lastModified","etag","isLocal","processData","contentType","accepts","*","json","responseFields","converters","* text","text html","text json","text xml","ajaxSetup","settings","ajaxPrefilter","ajaxTransport","cacheURL","responseHeadersString","timeoutTimer","fireGlobals","transport","responseHeaders","callbackContext","globalEventContext","completeDeferred","statusCode","requestHeaders","requestHeadersNames","strAbort","getResponseHeader","getAllResponseHeaders","setRequestHeader","lname","overrideMimeType","mimeType","code","abort","statusText","finalText","success","method","crossDomain","hasContent","ifModified","headers","beforeSend","send","nativeStatusText","responses","isSuccess","modified","ajaxHandleResponses","ajaxConvert","rejectWith","getJSON","getScript","firstDataType","ct","finalDataType","conv2","current","conv","dataFilter","script","text script","head","scriptCharset","charset","onload","onreadystatechange","isAbort","oldCallbacks","rjsonp","jsonp","jsonpCallback","originalSettings","callbackName","overwritten","responseContainer","jsonProp","xhrCallbacks","xhrSupported","xhrId","xhrOnUnloadAbort","createStandardXHR","XMLHttpRequest","createActiveXHR","xhr","cors","username","open","xhrFields","firefoxAccessException","unload","fxNow","timerId","rfxtypes","rfxnum","rrun","animationPrefilters","defaultPrefilter","tweeners","tween","createTween","unit","scale","maxIterations","createFxNow","animation","collection","Animation","properties","stopped","tick","currentTime","startTime","duration","percent","tweens","run","opts","specialEasing","originalProperties","Tween","easing","gotoEnd","propFilter","timer","anim","tweener","prefilter","oldfire","dataShow","unqueued","overflow","overflowX","overflowY","eased","step","cssFn","speed","animate","genFx","fadeTo","to","optall","doAnimation","finish","stopQueue","timers","includeWidth","height","slideDown","slideUp","slideToggle","fadeIn","fadeOut","fadeToggle","linear","p","swing","cos","PI","interval","setInterval","clearInterval","slow","fast","animated","offset","setOffset","win","box","getBoundingClientRect","getWindow","pageYOffset","pageXOffset","curElem","curOffset","curCSSTop","curCSSLeft","calculatePosition","curPosition","curTop","curLeft","using","offsetParent","parentOffset","scrollTo","Height","Width","defaultExtra","funcName","size","andSelf","module","exports","define","amd"],"mappings":";;;CAaA,SAAWA,EAAQC,GAOnB,GAECC,GAGAC,EAIAC,QAA2BH,GAG3BI,EAAWL,EAAOK,SAClBC,EAAWN,EAAOM,SAClBC,EAAUD,EAASE,gBAGnBC,EAAUT,EAAOU,OAGjBC,EAAKX,EAAOY,EAGZC,KAGAC,KAEAC,EAAe,SAGfC,EAAcF,EAAgBG,OAC9BC,EAAYJ,EAAgBK,KAC5BC,EAAaN,EAAgBO,MAC7BC,EAAeR,EAAgBS,QAC/BC,EAAgBX,EAAWY,SAC3BC,EAAcb,EAAWc,eACzBC,EAAYb,EAAac,KAGzBnB,EAAS,SAAUoB,EAAUC,GAE5B,MAAO,IAAIrB,GAAOsB,GAAGC,KAAMH,EAAUC,EAAS5B,IAI/C+B,EAAY,sCAAsCC,OAGlDC,EAAiB,OAGjBC,EAAQ,qCAKRC,EAAa,sCAGbC,EAAa,6BAGbC,EAAc,gBACdC,EAAe,uBACfC,EAAe,qCACfC,EAAe,kEAGfC,EAAY,QACZC,EAAa,eAGbC,EAAa,SAAUC,EAAKC,GAC3B,MAAOA,GAAOC,eAIfC,EAAY,SAAUC,IAGhB7C,EAAS8C,kBAAmC,SAAfD,EAAME,MAA2C,aAAxB/C,EAASgD,cACnEC,IACA7C,EAAO8C,UAITD,EAAS,WACHjD,EAAS8C,kBACb9C,EAASmD,oBAAqB,mBAAoBP,GAAW,GAC7DlD,EAAOyD,oBAAqB,OAAQP,GAAW,KAG/C5C,EAASoD,YAAa,qBAAsBR,GAC5ClD,EAAO0D,YAAa,SAAUR,IAIjCxC,GAAOsB,GAAKtB,EAAOiD,WAElBC,OAAQ7C,EAER8C,YAAanD,EACbuB,KAAM,SAAUH,EAAUC,EAAS5B,GAClC,GAAI2D,GAAOC,CAGX,KAAMjC,EACL,MAAOkC,KAIR,IAAyB,gBAAblC,GAAwB,CAUnC,GAPCgC,EAF2B,MAAvBhC,EAASmC,OAAO,IAAyD,MAA3CnC,EAASmC,OAAQnC,EAASoC,OAAS,IAAepC,EAASoC,QAAU,GAE7F,KAAMpC,EAAU,MAGlBQ,EAAW6B,KAAMrC,IAIrBgC,IAAUA,EAAM,IAAO/B,EAqDrB,OAAMA,GAAWA,EAAQ6B,QACtB7B,GAAW5B,GAAaiE,KAAMtC,GAKhCkC,KAAKH,YAAa9B,GAAUqC,KAAMtC,EAxDzC,IAAKgC,EAAM,GAAK,CAWf,GAVA/B,EAAUA,YAAmBrB,GAASqB,EAAQ,GAAKA,EAGnDrB,EAAO2D,MAAOL,KAAMtD,EAAO4D,UAC1BR,EAAM,GACN/B,GAAWA,EAAQwC,SAAWxC,EAAQyC,eAAiBzC,EAAUzB,GACjE,IAIIiC,EAAWkC,KAAMX,EAAM,KAAQpD,EAAOgE,cAAe3C,GACzD,IAAM+B,IAAS/B,GAETrB,EAAOiE,WAAYX,KAAMF,IAC7BE,KAAMF,GAAS/B,EAAS+B,IAIxBE,KAAKY,KAAMd,EAAO/B,EAAS+B,GAK9B,OAAOE,MAQP,GAJAD,EAAOzD,EAASuE,eAAgBf,EAAM,IAIjCC,GAAQA,EAAKe,WAAa,CAG9B,GAAKf,EAAKgB,KAAOjB,EAAM,GACtB,MAAO3D,GAAWiE,KAAMtC,EAIzBkC,MAAKE,OAAS,EACdF,KAAK,GAAKD,EAKX,MAFAC,MAAKjC,QAAUzB,EACf0D,KAAKlC,SAAWA,EACTkC,KAcH,MAAKlC,GAASyC,UACpBP,KAAKjC,QAAUiC,KAAK,GAAKlC,EACzBkC,KAAKE,OAAS,EACPF,MAIItD,EAAOiE,WAAY7C,GACvB3B,EAAWqD,MAAO1B,IAGrBA,EAASA,WAAa7B,IAC1B+D,KAAKlC,SAAWA,EAASA,SACzBkC,KAAKjC,QAAUD,EAASC,SAGlBrB,EAAOsE,UAAWlD,EAAUkC,QAIpClC,SAAU,GAGVoC,OAAQ,EAERe,QAAS,WACR,MAAO7D,GAAW8D,KAAMlB,OAKzBmB,IAAK,SAAUC,GACd,MAAc,OAAPA,EAGNpB,KAAKiB,UAGG,EAANG,EAAUpB,KAAMA,KAAKE,OAASkB,GAAQpB,KAAMoB,IAKhDC,UAAW,SAAUC,GAGpB,GAAIC,GAAM7E,EAAO2D,MAAOL,KAAKH,cAAeyB,EAO5C,OAJAC,GAAIC,WAAaxB,KACjBuB,EAAIxD,QAAUiC,KAAKjC,QAGZwD,GAMRE,KAAM,SAAUC,EAAUC,GACzB,MAAOjF,GAAO+E,KAAMzB,KAAM0B,EAAUC,IAGrCnC,MAAO,SAAUxB,GAIhB,MAFAtB,GAAO8C,MAAMoC,UAAUC,KAAM7D,GAEtBgC,MAGR3C,MAAO,WACN,MAAO2C,MAAKqB,UAAWjE,EAAW0E,MAAO9B,KAAM+B,aAGhDC,MAAO,WACN,MAAOhC,MAAKiC,GAAI,IAGjBC,KAAM,WACL,MAAOlC,MAAKiC,GAAI,KAGjBA,GAAI,SAAUE,GACb,GAAIC,GAAMpC,KAAKE,OACdmC,GAAKF,GAAU,EAAJA,EAAQC,EAAM,EAC1B,OAAOpC,MAAKqB,UAAWgB,GAAK,GAASD,EAAJC,GAAYrC,KAAKqC,SAGnDC,IAAK,SAAUZ,GACd,MAAO1B,MAAKqB,UAAW3E,EAAO4F,IAAItC,KAAM,SAAUD,EAAMoC,GACvD,MAAOT,GAASR,KAAMnB,EAAMoC,EAAGpC,OAIjCwC,IAAK,WACJ,MAAOvC,MAAKwB,YAAcxB,KAAKH,YAAY,OAK5C1C,KAAMD,EACNsF,QAASA,KACTC,UAAWA,QAIZ/F,EAAOsB,GAAGC,KAAK0B,UAAYjD,EAAOsB,GAElCtB,EAAOgG,OAAShG,EAAOsB,GAAG0E,OAAS,WAClC,GAAIC,GAAKC,EAAaC,EAAMC,EAAMC,EAASC,EAC1CC,EAASlB,UAAU,OACnBI,EAAI,EACJjC,EAAS6B,UAAU7B,OACnBgD,GAAO,CAqBR,KAlBuB,iBAAXD,KACXC,EAAOD,EACPA,EAASlB,UAAU,OAEnBI,EAAI,GAIkB,gBAAXc,IAAwBvG,EAAOiE,WAAWsC,KACrDA,MAII/C,IAAWiC,IACfc,EAASjD,OACPmC,GAGSjC,EAAJiC,EAAYA,IAEnB,GAAmC,OAA7BY,EAAUhB,UAAWI,IAE1B,IAAMW,IAAQC,GACbJ,EAAMM,EAAQH,GACdD,EAAOE,EAASD,GAGXG,IAAWJ,IAKXK,GAAQL,IAAUnG,EAAOgE,cAAcmC,KAAUD,EAAclG,EAAOyG,QAAQN,MAC7ED,GACJA,GAAc,EACdI,EAAQL,GAAOjG,EAAOyG,QAAQR,GAAOA,MAGrCK,EAAQL,GAAOjG,EAAOgE,cAAciC,GAAOA,KAI5CM,EAAQH,GAASpG,EAAOgG,OAAQQ,EAAMF,EAAOH,IAGlCA,IAAS5G,IACpBgH,EAAQH,GAASD,GAOrB,OAAOI,IAGRvG,EAAOgG,QAGNU,QAAS,UAAarG,EAAesG,KAAKC,UAAWC,QAAS,MAAO,IAErEC,WAAY,SAAUN,GASrB,MARKlH,GAAOY,IAAMF,IACjBV,EAAOY,EAAID,GAGPuG,GAAQlH,EAAOU,SAAWA,IAC9BV,EAAOU,OAASD,GAGVC,GAIR+G,SAAS,EAITC,UAAW,EAGXC,UAAW,SAAUC,GACfA,EACJlH,EAAOgH,YAEPhH,EAAO8C,OAAO,IAKhBA,MAAO,SAAUqE,GAGhB,GAAKA,KAAS,KAASnH,EAAOgH,WAAYhH,EAAO+G,QAAjD,CAKA,IAAMnH,EAASwH,KACd,MAAOC,YAAYrH,EAAO8C,MAI3B9C,GAAO+G,SAAU,EAGZI,KAAS,KAAUnH,EAAOgH,UAAY,IAK3CxH,EAAU8H,YAAa1H,GAAYI,IAG9BA,EAAOsB,GAAGiG,SACdvH,EAAQJ,GAAW2H,QAAQ,SAASC,IAAI,YAO1CvD,WAAY,SAAUwD,GACrB,MAA4B,aAArBzH,EAAO2C,KAAK8E,IAGpBhB,QAASiB,MAAMjB,SAAW,SAAUgB,GACnC,MAA4B,UAArBzH,EAAO2C,KAAK8E,IAGpBE,SAAU,SAAUF,GAEnB,MAAc,OAAPA,GAAeA,GAAOA,EAAInI,QAGlCsI,UAAW,SAAUH,GACpB,OAAQI,MAAOC,WAAWL,KAAUM,SAAUN,IAG/C9E,KAAM,SAAU8E,GACf,MAAY,OAAPA,EACWA,EAARO,GAEc,gBAARP,IAAmC,kBAARA,GACxCtH,EAAYW,EAAc0D,KAAKiD,KAAU,eAClCA,IAGTzD,cAAe,SAAUyD,GACxB,GAAIQ,EAKJ,KAAMR,GAA4B,WAArBzH,EAAO2C,KAAK8E,IAAqBA,EAAI5D,UAAY7D,EAAO2H,SAAUF,GAC9E,OAAO,CAGR,KAEC,GAAKA,EAAItE,cACPnC,EAAYwD,KAAKiD,EAAK,iBACtBzG,EAAYwD,KAAKiD,EAAItE,YAAYF,UAAW,iBAC7C,OAAO,EAEP,MAAQiF,GAET,OAAO,EAKR,GAAKlI,EAAOmI,QAAQC,QACnB,IAAMH,IAAOR,GACZ,MAAOzG,GAAYwD,KAAMiD,EAAKQ,EAMhC,KAAMA,IAAOR,IAEb,MAAOQ,KAAQ1I,GAAayB,EAAYwD,KAAMiD,EAAKQ,IAGpDI,cAAe,SAAUZ,GACxB,GAAIrB,EACJ,KAAMA,IAAQqB,GACb,OAAO,CAER,QAAO,GAGRa,MAAO,SAAUC,GAChB,KAAUC,OAAOD,IAMlB3E,UAAW,SAAU6E,EAAMpH,EAASqH,GACnC,IAAMD,GAAwB,gBAATA,GACpB,MAAO,KAEgB,kBAAZpH,KACXqH,EAAcrH,EACdA,GAAU,GAEXA,EAAUA,GAAWzB,CAErB,IAAI+I,GAAS9G,EAAW4B,KAAMgF,GAC7BG,GAAWF,KAGZ,OAAKC,IACKtH,EAAQwH,cAAeF,EAAO,MAGxCA,EAAS3I,EAAO8I,eAAiBL,GAAQpH,EAASuH,GAC7CA,GACJ5I,EAAQ4I,GAAUG,SAEZ/I,EAAO2D,SAAWgF,EAAOK,cAGjCC,UAAW,SAAUR,GAEpB,MAAKnJ,GAAO4J,MAAQ5J,EAAO4J,KAAKC,MACxB7J,EAAO4J,KAAKC,MAAOV,GAGb,OAATA,EACGA,EAGa,gBAATA,KAGXA,EAAOzI,EAAOmB,KAAMsH,GAEfA,GAGC3G,EAAYiC,KAAM0E,EAAK5B,QAAS7E,EAAc,KACjD6E,QAAS5E,EAAc,KACvB4E,QAAS9E,EAAc,MAEXqH,SAAU,UAAYX,MAKtCzI,EAAOsI,MAAO,iBAAmBG,GAAjCzI,IAIDqJ,SAAU,SAAUZ,GACnB,GAAIa,GAAKC,CACT,KAAMd,GAAwB,gBAATA,GACpB,MAAO,KAER,KACMnJ,EAAOkK,WACXD,EAAM,GAAIC,WACVF,EAAMC,EAAIE,gBAAiBhB,EAAO,cAElCa,EAAM,GAAII,eAAe,oBACzBJ,EAAIK,MAAQ,QACZL,EAAIM,QAASnB,IAEb,MAAOP,GACRoB,EAAM/J,EAKP,MAHM+J,IAAQA,EAAIxJ,kBAAmBwJ,EAAIO,qBAAsB,eAAgBrG,QAC9ExD,EAAOsI,MAAO,gBAAkBG,GAE1Ba,GAGRQ,KAAM,aAKNC,WAAY,SAAUtB,GAChBA,GAAQzI,EAAOmB,KAAMsH,KAIvBnJ,EAAO0K,YAAc,SAAUvB,GAChCnJ,EAAe,KAAEkF,KAAMlF,EAAQmJ,KAC3BA,IAMPwB,UAAW,SAAUC,GACpB,MAAOA,GAAOrD,QAAS3E,EAAW,OAAQ2E,QAAS1E,EAAYC,IAGhE+H,SAAU,SAAU9G,EAAM+C,GACzB,MAAO/C,GAAK8G,UAAY9G,EAAK8G,SAASC,gBAAkBhE,EAAKgE,eAI9DrF,KAAM,SAAU0C,EAAKzC,EAAUC,GAC9B,GAAIoF,GACH5E,EAAI,EACJjC,EAASiE,EAAIjE,OACbiD,EAAU6D,EAAa7C,EAExB,IAAKxC,GACJ,GAAKwB,GACJ,KAAYjD,EAAJiC,EAAYA,IAGnB,GAFA4E,EAAQrF,EAASI,MAAOqC,EAAKhC,GAAKR,GAE7BoF,KAAU,EACd,UAIF,KAAM5E,IAAKgC,GAGV,GAFA4C,EAAQrF,EAASI,MAAOqC,EAAKhC,GAAKR,GAE7BoF,KAAU,EACd,UAOH,IAAK5D,GACJ,KAAYjD,EAAJiC,EAAYA,IAGnB,GAFA4E,EAAQrF,EAASR,KAAMiD,EAAKhC,GAAKA,EAAGgC,EAAKhC,IAEpC4E,KAAU,EACd,UAIF,KAAM5E,IAAKgC,GAGV,GAFA4C,EAAQrF,EAASR,KAAMiD,EAAKhC,GAAKA,EAAGgC,EAAKhC,IAEpC4E,KAAU,EACd,KAMJ,OAAO5C,IAIRtG,KAAMD,IAAcA,EAAUsD,KAAK,gBAClC,SAAU+F,GACT,MAAe,OAARA,EACN,GACArJ,EAAUsD,KAAM+F,IAIlB,SAAUA,GACT,MAAe,OAARA,EACN,IACEA,EAAO,IAAK1D,QAASlF,EAAO,KAIjC2C,UAAW,SAAUkG,EAAKC,GACzB,GAAI5F,GAAM4F,KAaV,OAXY,OAAPD,IACCF,EAAaI,OAAOF,IACxBxK,EAAO2D,MAAOkB,EACE,gBAAR2F,IACLA,GAAQA,GAGXhK,EAAUgE,KAAMK,EAAK2F,IAIhB3F,GAGR8F,QAAS,SAAUtH,EAAMmH,EAAK/E,GAC7B,GAAIC,EAEJ,IAAK8E,EAAM,CACV,GAAK5J,EACJ,MAAOA,GAAa4D,KAAMgG,EAAKnH,EAAMoC,EAMtC,KAHAC,EAAM8E,EAAIhH,OACViC,EAAIA,EAAQ,EAAJA,EAAQkB,KAAKiE,IAAK,EAAGlF,EAAMD,GAAMA,EAAI,EAEjCC,EAAJD,EAASA,IAEhB,GAAKA,IAAK+E,IAAOA,EAAK/E,KAAQpC,EAC7B,MAAOoC,GAKV,MAAO,IAGR9B,MAAO,SAAU2B,EAAOuF,GACvB,GAAIC,GAAID,EAAOrH,OACdiC,EAAIH,EAAM9B,OACVmC,EAAI,CAEL,IAAkB,gBAANmF,GACX,KAAYA,EAAJnF,EAAOA,IACdL,EAAOG,KAAQoF,EAAQlF,OAGxB,OAAQkF,EAAOlF,KAAOpG,EACrB+F,EAAOG,KAAQoF,EAAQlF,IAMzB,OAFAL,GAAM9B,OAASiC,EAERH,GAGRyF,KAAM,SAAUnG,EAAOI,EAAUgG,GAChC,GAAIC,GACHpG,KACAY,EAAI,EACJjC,EAASoB,EAAMpB,MAKhB,KAJAwH,IAAQA,EAIIxH,EAAJiC,EAAYA,IACnBwF,IAAWjG,EAAUJ,EAAOa,GAAKA,GAC5BuF,IAAQC,GACZpG,EAAIpE,KAAMmE,EAAOa,GAInB,OAAOZ,IAIRe,IAAK,SAAUhB,EAAOI,EAAUkG,GAC/B,GAAIb,GACH5E,EAAI,EACJjC,EAASoB,EAAMpB,OACfiD,EAAU6D,EAAa1F,GACvBC,IAGD,IAAK4B,EACJ,KAAYjD,EAAJiC,EAAYA,IACnB4E,EAAQrF,EAAUJ,EAAOa,GAAKA,EAAGyF,GAEnB,MAATb,IACJxF,EAAKA,EAAIrB,QAAW6G,OAMtB,KAAM5E,IAAKb,GACVyF,EAAQrF,EAAUJ,EAAOa,GAAKA,EAAGyF,GAEnB,MAATb,IACJxF,EAAKA,EAAIrB,QAAW6G,EAMvB,OAAO/J,GAAY8E,SAAWP,IAI/BsG,KAAM,EAINC,MAAO,SAAU9J,EAAID,GACpB,GAAI4D,GAAMmG,EAAO7B,CAUjB,OARwB,gBAAZlI,KACXkI,EAAMjI,EAAID,GACVA,EAAUC,EACVA,EAAKiI,GAKAvJ,EAAOiE,WAAY3C,IAKzB2D,EAAOvE,EAAW8D,KAAMa,UAAW,GACnC+F,EAAQ,WACP,MAAO9J,GAAG8D,MAAO/D,GAAWiC,KAAM2B,EAAK1E,OAAQG,EAAW8D,KAAMa,cAIjE+F,EAAMD,KAAO7J,EAAG6J,KAAO7J,EAAG6J,MAAQnL,EAAOmL,OAElCC,GAZC7L,GAiBT8L,OAAQ,SAAUzG,EAAOtD,EAAI2G,EAAKoC,EAAOiB,EAAWC,EAAUC,GAC7D,GAAI/F,GAAI,EACPjC,EAASoB,EAAMpB,OACfiI,EAAc,MAAPxD,CAGR,IAA4B,WAAvBjI,EAAO2C,KAAMsF,GAAqB,CACtCqD,GAAY,CACZ,KAAM7F,IAAKwC,GACVjI,EAAOqL,OAAQzG,EAAOtD,EAAImE,EAAGwC,EAAIxC,IAAI,EAAM8F,EAAUC,OAIhD,IAAKnB,IAAU9K,IACrB+L,GAAY,EAENtL,EAAOiE,WAAYoG,KACxBmB,GAAM,GAGFC,IAECD,GACJlK,EAAGkD,KAAMI,EAAOyF,GAChB/I,EAAK,OAILmK,EAAOnK,EACPA,EAAK,SAAU+B,EAAM4E,EAAKoC,GACzB,MAAOoB,GAAKjH,KAAMxE,EAAQqD,GAAQgH,MAKhC/I,GACJ,KAAYkC,EAAJiC,EAAYA,IACnBnE,EAAIsD,EAAMa,GAAIwC,EAAKuD,EAAMnB,EAAQA,EAAM7F,KAAMI,EAAMa,GAAIA,EAAGnE,EAAIsD,EAAMa,GAAIwC,IAK3E,OAAOqD,GACN1G,EAGA6G,EACCnK,EAAGkD,KAAMI,GACTpB,EAASlC,EAAIsD,EAAM,GAAIqD,GAAQsD,GAGlCG,IAAK,WACJ,OAAO,GAAMC,OAASC,WAMvBC,KAAM,SAAUxI,EAAMgD,EAASrB,EAAUC,GACxC,GAAIJ,GAAKuB,EACR0F,IAGD,KAAM1F,IAAQC,GACbyF,EAAK1F,GAAS/C,EAAK0I,MAAO3F,GAC1B/C,EAAK0I,MAAO3F,GAASC,EAASD,EAG/BvB,GAAMG,EAASI,MAAO/B,EAAM4B,MAG5B,KAAMmB,IAAQC,GACbhD,EAAK0I,MAAO3F,GAAS0F,EAAK1F,EAG3B,OAAOvB,MAIT7E,EAAO8C,MAAMoC,QAAU,SAAUuC,GAChC,IAAMjI,EAOL,GALAA,EAAYQ,EAAOgM,WAKU,aAAxBpM,EAASgD,WAEbyE,WAAYrH,EAAO8C,WAGb,IAAKlD,EAAS8C,iBAEpB9C,EAAS8C,iBAAkB,mBAAoBF,GAAW,GAG1DlD,EAAOoD,iBAAkB,OAAQF,GAAW,OAGtC,CAEN5C,EAASqM,YAAa,qBAAsBzJ,GAG5ClD,EAAO2M,YAAa,SAAUzJ,EAI9B,IAAI0J,IAAM,CAEV,KACCA,EAA6B,MAAvB5M,EAAO6M,cAAwBvM,EAASE,gBAC7C,MAAMoI,IAEHgE,GAAOA,EAAIE,UACf,QAAUC,KACT,IAAMrM,EAAO+G,QAAU,CAEtB,IAGCmF,EAAIE,SAAS,QACZ,MAAMlE,GACP,MAAOb,YAAYgF,EAAe,IAInCxJ,IAGA7C,EAAO8C,YAMZ,MAAOtD,GAAU0F,QAASuC,IAI3BzH,EAAO+E,KAAK,gEAAgEuH,MAAM,KAAM,SAAS7G,EAAGW,GACnGjG,EAAY,WAAaiG,EAAO,KAAQA,EAAKgE,eAG9C,SAASE,GAAa7C,GACrB,GAAIjE,GAASiE,EAAIjE,OAChBb,EAAO3C,EAAO2C,KAAM8E,EAErB,OAAKzH,GAAO2H,SAAUF,IACd,EAGc,IAAjBA,EAAI5D,UAAkBL,GACnB,EAGQ,UAATb,GAA6B,aAATA,IACb,IAAXa,GACgB,gBAAXA,IAAuBA,EAAS,GAAOA,EAAS,IAAOiE,IAIhEhI,EAAaO,EAAOJ,GAWpB,SAAWN,EAAQC,GAEnB,GAAIkG,GACH0C,EACAoE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAGAC,EACAlN,EACAC,EACAkN,EACAC,EACAC,EACAC,EACAC,EAGAzG,EAAU,UAAY,GAAKiF,MAC3ByB,EAAe9N,EAAOM,SACtByN,EAAU,EACVlI,EAAO,EACPmI,EAAaC,KACbC,EAAaD,KACbE,EAAgBF,KAChBG,GAAe,EACfC,EAAY,SAAUC,EAAGC,GACxB,MAAKD,KAAMC,GACVH,GAAe,EACR,GAED,GAIRI,QAAsBvO,GACtBwO,EAAe,GAAK,GAGpBC,KAAc/M,eACduJ,KACAyD,EAAMzD,EAAIyD,IACVC,EAAc1D,EAAI/J,KAClBA,EAAO+J,EAAI/J,KACXE,EAAQ6J,EAAI7J,MAEZE,EAAU2J,EAAI3J,SAAW,SAAUwC,GAClC,GAAIoC,GAAI,EACPC,EAAMpC,KAAKE,MACZ,MAAYkC,EAAJD,EAASA,IAChB,GAAKnC,KAAKmC,KAAOpC,EAChB,MAAOoC,EAGT,OAAO,IAGR0I,EAAW,6HAKXC,EAAa,sBAEbC,EAAoB,mCAKpBC,EAAaD,EAAkBxH,QAAS,IAAK,MAG7C0H,EAAa,MAAQH,EAAa,KAAOC,EAAoB,IAAMD,EAClE,mBAAqBA,EAAa,wCAA0CE,EAAa,QAAUF,EAAa,OAQjHI,EAAU,KAAOH,EAAoB,mEAAqEE,EAAW1H,QAAS,EAAG,GAAM,eAGvIlF,EAAY8M,OAAQ,IAAML,EAAa,8BAAgCA,EAAa,KAAM,KAE1FM,EAAaD,OAAQ,IAAML,EAAa,KAAOA,EAAa,KAC5DO,EAAmBF,OAAQ,IAAML,EAAa,WAAaA,EAAa,IAAMA,EAAa,KAE3FQ,EAAeH,OAAQL,EAAa,SACpCS,EAAuBJ,OAAQ,IAAML,EAAa,gBAAkBA,EAAa,OAAQ,KAEzFU,EAAcL,OAAQD,GACtBO,EAAkBN,OAAQ,IAAMH,EAAa,KAE7CU,GACCC,GAAUR,OAAQ,MAAQJ,EAAoB,KAC9Ca,MAAaT,OAAQ,QAAUJ,EAAoB,KACnDc,IAAWV,OAAQ,KAAOJ,EAAkBxH,QAAS,IAAK,MAAS,KACnEuI,KAAYX,OAAQ,IAAMF,GAC1Bc,OAAcZ,OAAQ,IAAMD,GAC5Bc,MAAab,OAAQ,yDAA2DL,EAC/E,+BAAiCA,EAAa,cAAgBA,EAC9D,aAAeA,EAAa,SAAU,KACvCmB,KAAYd,OAAQ,OAASN,EAAW,KAAM,KAG9CqB,aAAoBf,OAAQ,IAAML,EAAa,mDAC9CA,EAAa,mBAAqBA,EAAa,mBAAoB,MAGrEqB,EAAU,yBAGV7N,EAAa,mCAEb8N,GAAU,sCACVC,GAAU,SAEVC,GAAU,QAGVC,GAAgBpB,OAAQ,qBAAuBL,EAAa,MAAQA,EAAa,OAAQ,MACzF0B,GAAY,SAAUC,EAAGC,EAASC,GACjC,GAAIC,GAAO,KAAOF,EAAU,KAI5B,OAAOE,KAASA,GAAQD,EACvBD,EAEO,EAAPE,EACClI,OAAOmI,aAAcD,EAAO,OAE5BlI,OAAOmI,aAA2B,MAAbD,GAAQ,GAA4B,MAAR,KAAPA,GAI9C,KACCzP,EAAK2E,MACHoF,EAAM7J,EAAM6D,KAAM4I,EAAapE,YAChCoE,EAAapE,YAIdwB,EAAK4C,EAAapE,WAAWxF,QAASK,SACrC,MAAQqE,IACTzH,GAAS2E,MAAOoF,EAAIhH,OAGnB,SAAU+C,EAAQ6J,GACjBlC,EAAY9I,MAAOmB,EAAQ5F,EAAM6D,KAAK4L,KAKvC,SAAU7J,EAAQ6J,GACjB,GAAIzK,GAAIY,EAAO/C,OACdiC,EAAI,CAEL,OAASc,EAAOZ,KAAOyK,EAAI3K,MAC3Bc,EAAO/C,OAASmC,EAAI,IAKvB,QAAS0K,IAAQjP,EAAUC,EAASoJ,EAAS6F,GAC5C,GAAIlN,GAAOC,EAAMkN,EAAG1M,EAEnB4B,EAAG+K,EAAQ1E,EAAK2E,EAAKC,EAAYC,CASlC,KAPOtP,EAAUA,EAAQyC,eAAiBzC,EAAU+L,KAAmBxN,GACtEkN,EAAazL,GAGdA,EAAUA,GAAWzB,EACrB6K,EAAUA,OAEJrJ,GAAgC,gBAAbA,GACxB,MAAOqJ,EAGR,IAAuC,KAAjC5G,EAAWxC,EAAQwC,WAAgC,IAAbA,EAC3C,QAGD,IAAKkJ,IAAmBuD,EAAO,CAG9B,GAAMlN,EAAQxB,EAAW6B,KAAMrC,GAE9B,GAAMmP,EAAInN,EAAM,IACf,GAAkB,IAAbS,EAAiB,CAIrB,GAHAR,EAAOhC,EAAQ8C,eAAgBoM,IAG1BlN,IAAQA,EAAKe,WAQjB,MAAOqG,EALP,IAAKpH,EAAKgB,KAAOkM,EAEhB,MADA9F,GAAQhK,KAAM4C,GACPoH,MAOT,IAAKpJ,EAAQyC,gBAAkBT,EAAOhC,EAAQyC,cAAcK,eAAgBoM,KAC3EpD,EAAU9L,EAASgC,IAAUA,EAAKgB,KAAOkM,EAEzC,MADA9F,GAAQhK,KAAM4C,GACPoH,MAKH,CAAA,GAAKrH,EAAM,GAEjB,MADA3C,GAAK2E,MAAOqF,EAASpJ,EAAQwI,qBAAsBzI,IAC5CqJ,CAGD,KAAM8F,EAAInN,EAAM,KAAO+E,EAAQyI,wBAA0BvP,EAAQuP,uBAEvE,MADAnQ,GAAK2E,MAAOqF,EAASpJ,EAAQuP,uBAAwBL,IAC9C9F,EAKT,GAAKtC,EAAQ0I,OAAS7D,IAAcA,EAAUjJ,KAAM3C,IAAc,CASjE,GARAqP,EAAM3E,EAAMpF,EACZgK,EAAarP,EACbsP,EAA2B,IAAb9M,GAAkBzC,EAMd,IAAbyC,GAAqD,WAAnCxC,EAAQ8I,SAASC,cAA6B,CACpEoG,EAASM,GAAU1P,IAEb0K,EAAMzK,EAAQ0P,aAAa,OAChCN,EAAM3E,EAAIjF,QAAS+I,GAAS,QAE5BvO,EAAQ2P,aAAc,KAAMP,GAE7BA,EAAM,QAAUA,EAAM,MAEtBhL,EAAI+K,EAAOhN,MACX,OAAQiC,IACP+K,EAAO/K,GAAKgL,EAAMQ,GAAYT,EAAO/K,GAEtCiL,GAAa9B,EAAS7K,KAAM3C,IAAcC,EAAQ+C,YAAc/C,EAChEsP,EAAcH,EAAOU,KAAK,KAG3B,GAAKP,EACJ,IAIC,MAHAlQ,GAAK2E,MAAOqF,EACXiG,EAAWS,iBAAkBR,IAEvBlG,EACN,MAAM2G,IACN,QACKtF,GACLzK,EAAQgQ,gBAAgB,QAQ7B,MAAOC,IAAQlQ,EAASyF,QAASlF,EAAO,MAAQN,EAASoJ,EAAS6F,GASnE,QAAS/C,MACR,GAAIgE,KAEJ,SAASC,GAAOvJ,EAAKoC,GAMpB,MAJKkH,GAAK9Q,KAAMwH,GAAO,KAAQuE,EAAKiF,mBAE5BD,GAAOD,EAAKG,SAEZF,EAAOvJ,GAAQoC,EAExB,MAAOmH,GAOR,QAASG,IAAcrQ,GAEtB,MADAA,GAAIoF,IAAY,EACTpF,EAOR,QAASsQ,IAAQtQ,GAChB,GAAIuQ,GAAMjS,EAASiJ,cAAc,MAEjC,KACC,QAASvH,EAAIuQ,GACZ,MAAO3J,GACR,OAAO,EACN,QAEI2J,EAAIzN,YACRyN,EAAIzN,WAAW0N,YAAaD,GAG7BA,EAAM,MASR,QAASE,IAAWC,EAAOC,GAC1B,GAAIzH,GAAMwH,EAAM1F,MAAM,KACrB7G,EAAIuM,EAAMxO,MAEX,OAAQiC,IACP+G,EAAK0F,WAAY1H,EAAI/E,IAAOwM,EAU9B,QAASE,IAAcvE,EAAGC,GACzB,GAAIuE,GAAMvE,GAAKD,EACdyE,EAAOD,GAAsB,IAAfxE,EAAE/J,UAAiC,IAAfgK,EAAEhK,YAChCgK,EAAEyE,aAAevE,KACjBH,EAAE0E,aAAevE,EAGtB,IAAKsE,EACJ,MAAOA,EAIR,IAAKD,EACJ,MAASA,EAAMA,EAAIG,YAClB,GAAKH,IAAQvE,EACZ,MAAO,EAKV,OAAOD,GAAI,EAAI,GAOhB,QAAS4E,IAAmB7P,GAC3B,MAAO,UAAUU,GAChB,GAAI+C,GAAO/C,EAAK8G,SAASC,aACzB,OAAgB,UAAThE,GAAoB/C,EAAKV,OAASA,GAQ3C,QAAS8P,IAAoB9P,GAC5B,MAAO,UAAUU,GAChB,GAAI+C,GAAO/C,EAAK8G,SAASC,aACzB,QAAiB,UAAThE,GAA6B,WAATA,IAAsB/C,EAAKV,OAASA,GAQlE,QAAS+P,IAAwBpR,GAChC,MAAOqQ,IAAa,SAAUgB,GAE7B,MADAA,IAAYA,EACLhB,GAAa,SAAUrB,EAAMpD,GACnC,GAAIvH,GACHiN,EAAetR,KAAQgP,EAAK9M,OAAQmP,GACpClN,EAAImN,EAAapP,MAGlB,OAAQiC,IACF6K,EAAO3K,EAAIiN,EAAanN,MAC5B6K,EAAK3K,KAAOuH,EAAQvH,GAAK2K,EAAK3K,SAWnC+G,EAAQ2D,GAAO3D,MAAQ,SAAUrJ,GAGhC,GAAIvD,GAAkBuD,IAASA,EAAKS,eAAiBT,GAAMvD,eAC3D,OAAOA,GAA+C,SAA7BA,EAAgBqK,UAAsB,GAIhEhC,EAAUkI,GAAOlI,WAOjB2E,EAAcuD,GAAOvD,YAAc,SAAU+F,GAC5C,GAAIC,GAAMD,EAAOA,EAAK/O,eAAiB+O,EAAOzF,EAC7C2F,EAASD,EAAIE,WAGd,OAAKF,KAAQlT,GAA6B,IAAjBkT,EAAIjP,UAAmBiP,EAAIhT,iBAKpDF,EAAWkT,EACXjT,EAAUiT,EAAIhT,gBAGdiN,GAAkBL,EAAOoG,GAMpBC,GAAUA,EAAO9G,aAAe8G,IAAWA,EAAO7G,KACtD6G,EAAO9G,YAAa,iBAAkB,WACrCa,MASF3E,EAAQoG,WAAaqD,GAAO,SAAUC,GAErC,MADAA,GAAIoB,UAAY,KACRpB,EAAId,aAAa,eAO1B5I,EAAQ0B,qBAAuB+H,GAAO,SAAUC,GAE/C,MADAA,GAAIqB,YAAaJ,EAAIK,cAAc,MAC3BtB,EAAIhI,qBAAqB,KAAKrG,SAIvC2E,EAAQyI,uBAAyBgB,GAAO,SAAUC,GAQjD,MAPAA,GAAIuB,UAAY,+CAIhBvB,EAAIwB,WAAWJ,UAAY,IAGuB,IAA3CpB,EAAIjB,uBAAuB,KAAKpN,SAOxC2E,EAAQmL,QAAU1B,GAAO,SAAUC,GAElC,MADAhS,GAAQqT,YAAarB,GAAMxN,GAAKqC,GACxBoM,EAAIS,oBAAsBT,EAAIS,kBAAmB7M,GAAUlD,SAI/D2E,EAAQmL,SACZ9G,EAAK9I,KAAS,GAAI,SAAUW,EAAIhD,GAC/B,SAAYA,GAAQ8C,iBAAmB2J,GAAgBf,EAAiB,CACvE,GAAIwD,GAAIlP,EAAQ8C,eAAgBE,EAGhC,OAAOkM,IAAKA,EAAEnM,YAAcmM,QAG9B/D,EAAKgH,OAAW,GAAI,SAAUnP,GAC7B,GAAIoP,GAASpP,EAAGwC,QAASgJ,GAAWC,GACpC,OAAO,UAAUzM,GAChB,MAAOA,GAAK0N,aAAa,QAAU0C,YAM9BjH,GAAK9I,KAAS,GAErB8I,EAAKgH,OAAW,GAAK,SAAUnP,GAC9B,GAAIoP,GAASpP,EAAGwC,QAASgJ,GAAWC,GACpC,OAAO,UAAUzM,GAChB,GAAIwP,SAAcxP,GAAKqQ,mBAAqB5F,GAAgBzK,EAAKqQ,iBAAiB,KAClF,OAAOb,IAAQA,EAAKxI,QAAUoJ,KAMjCjH,EAAK9I,KAAU,IAAIyE,EAAQ0B,qBAC1B,SAAU8J,EAAKtS,GACd,aAAYA,GAAQwI,uBAAyBiE,EACrCzM,EAAQwI,qBAAsB8J,GADtC,GAID,SAAUA,EAAKtS,GACd,GAAIgC,GACHkG,KACA9D,EAAI,EACJgF,EAAUpJ,EAAQwI,qBAAsB8J,EAGzC,IAAa,MAARA,EAAc,CAClB,MAAStQ,EAAOoH,EAAQhF,KACA,IAAlBpC,EAAKQ,UACT0F,EAAI9I,KAAM4C,EAIZ,OAAOkG,GAER,MAAOkB,IAIT+B,EAAK9I,KAAY,MAAIyE,EAAQyI,wBAA0B,SAAUqC,EAAW5R,GAC3E,aAAYA,GAAQuP,yBAA2B9C,GAAgBf,EACvD1L,EAAQuP,uBAAwBqC,GADxC,GAWDhG,KAOAD,MAEM7E,EAAQ0I,IAAMpB,EAAQ1L,KAAM+O,EAAI3B,qBAGrCS,GAAO,SAAUC,GAMhBA,EAAIuB,UAAY,iDAIVvB,EAAIV,iBAAiB,cAAc3N,QACxCwJ,EAAUvM,KAAM,MAAQ2N,EAAa,aAAeD,EAAW,KAM1D0D,EAAIV,iBAAiB,YAAY3N,QACtCwJ,EAAUvM,KAAK,cAIjBmR,GAAO,SAAUC,GAOhB,GAAI+B,GAAQd,EAAIjK,cAAc,QAC9B+K,GAAM5C,aAAc,OAAQ,UAC5Ba,EAAIqB,YAAaU,GAAQ5C,aAAc,IAAK,IAEvCa,EAAIV,iBAAiB,WAAW3N,QACpCwJ,EAAUvM,KAAM,SAAW2N,EAAa,gBAKnCyD,EAAIV,iBAAiB,YAAY3N,QACtCwJ,EAAUvM,KAAM,WAAY,aAI7BoR,EAAIV,iBAAiB,QACrBnE,EAAUvM,KAAK,YAIX0H,EAAQ0L,gBAAkBpE,EAAQ1L,KAAOmJ,EAAUrN,EAAQiU,uBAChEjU,EAAQkU,oBACRlU,EAAQmU,kBACRnU,EAAQoU,qBAERrC,GAAO,SAAUC,GAGhB1J,EAAQ+L,kBAAoBhH,EAAQ1I,KAAMqN,EAAK,OAI/C3E,EAAQ1I,KAAMqN,EAAK,aACnB5E,EAAcxM,KAAM,KAAM+N,KAI5BxB,EAAYA,EAAUxJ,QAAciL,OAAQzB,EAAUkE,KAAK,MAC3DjE,EAAgBA,EAAczJ,QAAciL,OAAQxB,EAAciE,KAAK,MAQvE/D,EAAWsC,EAAQ1L,KAAMlE,EAAQsN,WAActN,EAAQsU,wBACtD,SAAUvG,EAAGC,GACZ,GAAIuG,GAAuB,IAAfxG,EAAE/J,SAAiB+J,EAAE9N,gBAAkB8N,EAClDyG,EAAMxG,GAAKA,EAAEzJ,UACd,OAAOwJ,KAAMyG,MAAWA,GAAwB,IAAjBA,EAAIxQ,YAClCuQ,EAAMjH,SACLiH,EAAMjH,SAAUkH,GAChBzG,EAAEuG,yBAA8D,GAAnCvG,EAAEuG,wBAAyBE,MAG3D,SAAUzG,EAAGC,GACZ,GAAKA,EACJ,MAASA,EAAIA,EAAEzJ,WACd,GAAKyJ,IAAMD,EACV,OAAO,CAIV,QAAO,GAOTD,EAAY9N,EAAQsU,wBACpB,SAAUvG,EAAGC,GAGZ,GAAKD,IAAMC,EAEV,MADAH,IAAe,EACR,CAGR,IAAI4G,GAAUzG,EAAEsG,yBAA2BvG,EAAEuG,yBAA2BvG,EAAEuG,wBAAyBtG,EAEnG,OAAKyG,GAEW,EAAVA,IACFnM,EAAQoM,cAAgB1G,EAAEsG,wBAAyBvG,KAAQ0G,EAGxD1G,IAAMkF,GAAO3F,EAASC,EAAcQ,GACjC,GAEHC,IAAMiF,GAAO3F,EAASC,EAAcS,GACjC,EAIDhB,EACJhM,EAAQ2D,KAAMqI,EAAWe,GAAM/M,EAAQ2D,KAAMqI,EAAWgB,GAC1D,EAGe,EAAVyG,EAAc,GAAK,EAIpB1G,EAAEuG,wBAA0B,GAAK,GAEzC,SAAUvG,EAAGC,GACZ,GAAIuE,GACH3M,EAAI,EACJ+O,EAAM5G,EAAExJ,WACRiQ,EAAMxG,EAAEzJ,WACRqQ,GAAO7G,GACP8G,GAAO7G,EAGR,IAAKD,IAAMC,EAEV,MADAH,IAAe,EACR,CAGD,KAAM8G,IAAQH,EACpB,MAAOzG,KAAMkF,EAAM,GAClBjF,IAAMiF,EAAM,EACZ0B,EAAM,GACNH,EAAM,EACNxH,EACEhM,EAAQ2D,KAAMqI,EAAWe,GAAM/M,EAAQ2D,KAAMqI,EAAWgB,GAC1D,CAGK,IAAK2G,IAAQH,EACnB,MAAOlC,IAAcvE,EAAGC,EAIzBuE,GAAMxE,CACN,OAASwE,EAAMA,EAAIhO,WAClBqQ,EAAGE,QAASvC,EAEbA,GAAMvE,CACN,OAASuE,EAAMA,EAAIhO,WAClBsQ,EAAGC,QAASvC,EAIb,OAAQqC,EAAGhP,KAAOiP,EAAGjP,GACpBA,GAGD,OAAOA,GAEN0M,GAAcsC,EAAGhP,GAAIiP,EAAGjP,IAGxBgP,EAAGhP,KAAO2H,EAAe,GACzBsH,EAAGjP,KAAO2H,EAAe,EACzB,GAGK0F,GA1UClT,GA6UTyQ,GAAOnD,QAAU,SAAU0H,EAAMC,GAChC,MAAOxE,IAAQuE,EAAM,KAAM,KAAMC,IAGlCxE,GAAOwD,gBAAkB,SAAUxQ,EAAMuR,GASxC,IAPOvR,EAAKS,eAAiBT,KAAWzD,GACvCkN,EAAazJ,GAIduR,EAAOA,EAAK/N,QAASgI,EAAkB,aAElC1G,EAAQ0L,kBAAmB9G,GAC5BE,GAAkBA,EAAclJ,KAAM6Q,IACtC5H,GAAkBA,EAAUjJ,KAAM6Q,IAErC,IACC,GAAI/P,GAAMqI,EAAQ1I,KAAMnB,EAAMuR,EAG9B,IAAK/P,GAAOsD,EAAQ+L,mBAGlB7Q,EAAKzD,UAAuC,KAA3ByD,EAAKzD,SAASiE,SAChC,MAAOgB,GAEP,MAAMqD,IAGT,MAAOmI,IAAQuE,EAAMhV,EAAU,MAAOyD,IAAQG,OAAS,GAGxD6M,GAAOlD,SAAW,SAAU9L,EAASgC,GAKpC,OAHOhC,EAAQyC,eAAiBzC,KAAczB,GAC7CkN,EAAazL,GAEP8L,EAAU9L,EAASgC,IAG3BgN,GAAOnM,KAAO,SAAUb,EAAM+C,IAEtB/C,EAAKS,eAAiBT,KAAWzD,GACvCkN,EAAazJ,EAGd,IAAI/B,GAAKkL,EAAK0F,WAAY9L,EAAKgE,eAE9B0K,EAAMxT,GAAM0M,EAAOxJ,KAAMgI,EAAK0F,WAAY9L,EAAKgE,eAC9C9I,EAAI+B,EAAM+C,GAAO2G,GACjBxN,CAEF,OAAOuV,KAAQvV,EACd4I,EAAQoG,aAAexB,EACtB1J,EAAK0N,aAAc3K,IAClB0O,EAAMzR,EAAKqQ,iBAAiBtN,KAAU0O,EAAIC,UAC1CD,EAAIzK,MACJ,KACFyK,GAGFzE,GAAO/H,MAAQ,SAAUC,GACxB,KAAUC,OAAO,0CAA4CD,IAO9D8H,GAAO2E,WAAa,SAAUvK,GAC7B,GAAIpH,GACH4R,KACAtP,EAAI,EACJF,EAAI,CAOL,IAJAiI,GAAgBvF,EAAQ+M,iBACxBrI,GAAa1E,EAAQgN,YAAc1K,EAAQ9J,MAAO,GAClD8J,EAAQ3E,KAAM6H,GAETD,EAAe,CACnB,MAASrK,EAAOoH,EAAQhF,KAClBpC,IAASoH,EAAShF,KACtBE,EAAIsP,EAAWxU,KAAMgF,GAGvB,OAAQE,IACP8E,EAAQ1E,OAAQkP,EAAYtP,GAAK,GAInC,MAAO8E,IAORgC,EAAU4D,GAAO5D,QAAU,SAAUpJ,GACpC,GAAIwP,GACHhO,EAAM,GACNY,EAAI,EACJ5B,EAAWR,EAAKQ,QAEjB,IAAMA,GAMC,GAAkB,IAAbA,GAA+B,IAAbA,GAA+B,KAAbA,EAAkB,CAGjE,GAAiC,gBAArBR,GAAK+R,YAChB,MAAO/R,GAAK+R,WAGZ,KAAM/R,EAAOA,EAAKgQ,WAAYhQ,EAAMA,EAAOA,EAAKkP,YAC/C1N,GAAO4H,EAASpJ,OAGZ,IAAkB,IAAbQ,GAA+B,IAAbA,EAC7B,MAAOR,GAAKgS,cAhBZ,MAASxC,EAAOxP,EAAKoC,GAAKA,IAEzBZ,GAAO4H,EAASoG,EAkBlB,OAAOhO,IAGR2H,EAAO6D,GAAOiF,WAGb7D,YAAa,GAEb8D,aAAc5D,GAEdvO,MAAO4L,EAEPkD,cAEAxO,QAEA8R,UACCC,KAAOC,IAAK,aAAcpQ,OAAO,GACjCqQ,KAAOD,IAAK,cACZE,KAAOF,IAAK,kBAAmBpQ,OAAO,GACtCuQ,KAAOH,IAAK,oBAGbI,WACC1G,KAAQ,SAAUhM,GAUjB,MATAA,GAAM,GAAKA,EAAM,GAAGyD,QAASgJ,GAAWC,IAGxC1M,EAAM,IAAOA,EAAM,IAAMA,EAAM,IAAM,IAAKyD,QAASgJ,GAAWC,IAE5C,OAAb1M,EAAM,KACVA,EAAM,GAAK,IAAMA,EAAM,GAAK,KAGtBA,EAAMzC,MAAO,EAAG,IAGxB2O,MAAS,SAAUlM,GA6BlB,MAlBAA,GAAM,GAAKA,EAAM,GAAGgH,cAEY,QAA3BhH,EAAM,GAAGzC,MAAO,EAAG,IAEjByC,EAAM,IACXiN,GAAO/H,MAAOlF,EAAM,IAKrBA,EAAM,KAAQA,EAAM,GAAKA,EAAM,IAAMA,EAAM,IAAM,GAAK,GAAmB,SAAbA,EAAM,IAA8B,QAAbA,EAAM,KACzFA,EAAM,KAAUA,EAAM,GAAKA,EAAM,IAAqB,QAAbA,EAAM,KAGpCA,EAAM,IACjBiN,GAAO/H,MAAOlF,EAAM,IAGdA,GAGRiM,OAAU,SAAUjM,GACnB,GAAI2S,GACHC,GAAY5S,EAAM,IAAMA,EAAM,EAE/B,OAAK4L,GAAiB,MAAEjL,KAAMX,EAAM,IAC5B,MAIHA,EAAM,IAAMA,EAAM,KAAO7D,EAC7B6D,EAAM,GAAKA,EAAM,GAGN4S,GAAYlH,EAAQ/K,KAAMiS,KAEpCD,EAASjF,GAAUkF,GAAU,MAE7BD,EAASC,EAASnV,QAAS,IAAKmV,EAASxS,OAASuS,GAAWC,EAASxS,UAGvEJ,EAAM,GAAKA,EAAM,GAAGzC,MAAO,EAAGoV,GAC9B3S,EAAM,GAAK4S,EAASrV,MAAO,EAAGoV,IAIxB3S,EAAMzC,MAAO,EAAG,MAIzB6S,QAECrE,IAAO,SAAU8G,GAChB,GAAI9L,GAAW8L,EAAiBpP,QAASgJ,GAAWC,IAAY1F,aAChE,OAA4B,MAArB6L,EACN,WAAa,OAAO,GACpB,SAAU5S,GACT,MAAOA,GAAK8G,UAAY9G,EAAK8G,SAASC,gBAAkBD,IAI3D+E,MAAS,SAAU+D,GAClB,GAAIiD,GAAU5I,EAAY2F,EAAY,IAEtC,OAAOiD,KACLA,EAAczH,OAAQ,MAAQL,EAAa,IAAM6E,EAAY,IAAM7E,EAAa,SACjFd,EAAY2F,EAAW,SAAU5P,GAChC,MAAO6S,GAAQnS,KAAgC,gBAAnBV,GAAK4P,WAA0B5P,EAAK4P,iBAAoB5P,GAAK0N,eAAiBjD,GAAgBzK,EAAK0N,aAAa,UAAY,OAI3J3B,KAAQ,SAAUhJ,EAAM+P,EAAUC,GACjC,MAAO,UAAU/S,GAChB,GAAIgT,GAAShG,GAAOnM,KAAMb,EAAM+C,EAEhC,OAAe,OAAViQ,EACgB,OAAbF,EAEFA,GAINE,GAAU,GAEU,MAAbF,EAAmBE,IAAWD,EACvB,OAAbD,EAAoBE,IAAWD,EAClB,OAAbD,EAAoBC,GAAqC,IAA5BC,EAAOxV,QAASuV,GAChC,OAAbD,EAAoBC,GAASC,EAAOxV,QAASuV,GAAU,GAC1C,OAAbD,EAAoBC,GAASC,EAAO1V,OAAQyV,EAAM5S,UAAa4S,EAClD,OAAbD,GAAsB,IAAME,EAAS,KAAMxV,QAASuV,GAAU,GACjD,OAAbD,EAAoBE,IAAWD,GAASC,EAAO1V,MAAO,EAAGyV,EAAM5S,OAAS,KAAQ4S,EAAQ,KACxF,IAZO,IAgBV9G,MAAS,SAAU3M,EAAM2T,EAAM3D,EAAUrN,EAAOE,GAC/C,GAAI+Q,GAAgC,QAAvB5T,EAAKhC,MAAO,EAAG,GAC3B6V,EAA+B,SAArB7T,EAAKhC,MAAO,IACtB8V,EAAkB,YAATH,CAEV,OAAiB,KAAVhR,GAAwB,IAATE,EAGrB,SAAUnC,GACT,QAASA,EAAKe,YAGf,SAAUf,EAAMhC,EAASiI,GACxB,GAAIkI,GAAOkF,EAAY7D,EAAMR,EAAMsE,EAAWC,EAC7ClB,EAAMa,IAAWC,EAAU,cAAgB,kBAC3CzD,EAAS1P,EAAKe,WACdgC,EAAOqQ,GAAUpT,EAAK8G,SAASC,cAC/ByM,GAAYvN,IAAQmN,CAErB,IAAK1D,EAAS,CAGb,GAAKwD,EAAS,CACb,MAAQb,EAAM,CACb7C,EAAOxP,CACP,OAASwP,EAAOA,EAAM6C,GACrB,GAAKe,EAAS5D,EAAK1I,SAASC,gBAAkBhE,EAAyB,IAAlByM,EAAKhP,SACzD,OAAO,CAIT+S,GAAQlB,EAAe,SAAT/S,IAAoBiU,GAAS,cAE5C,OAAO,EAMR,GAHAA,GAAUJ,EAAUzD,EAAOM,WAAaN,EAAO+D,WAG1CN,GAAWK,EAAW,CAE1BH,EAAa3D,EAAQrM,KAAcqM,EAAQrM,OAC3C8K,EAAQkF,EAAY/T,OACpBgU,EAAYnF,EAAM,KAAOnE,GAAWmE,EAAM,GAC1Ca,EAAOb,EAAM,KAAOnE,GAAWmE,EAAM,GACrCqB,EAAO8D,GAAa5D,EAAO/J,WAAY2N,EAEvC,OAAS9D,IAAS8D,GAAa9D,GAAQA,EAAM6C,KAG3CrD,EAAOsE,EAAY,IAAMC,EAAM3I,MAGhC,GAAuB,IAAlB4E,EAAKhP,YAAoBwO,GAAQQ,IAASxP,EAAO,CACrDqT,EAAY/T,IAAW0K,EAASsJ,EAAWtE,EAC3C,YAKI,IAAKwE,IAAarF,GAASnO,EAAMqD,KAAcrD,EAAMqD,QAAkB/D,KAAW6O,EAAM,KAAOnE,EACrGgF,EAAOb,EAAM,OAKb,OAASqB,IAAS8D,GAAa9D,GAAQA,EAAM6C,KAC3CrD,EAAOsE,EAAY,IAAMC,EAAM3I,MAEhC,IAAOwI,EAAS5D,EAAK1I,SAASC,gBAAkBhE,EAAyB,IAAlByM,EAAKhP,aAAsBwO,IAE5EwE,KACHhE,EAAMnM,KAAcmM,EAAMnM,QAAkB/D,IAAW0K,EAASgF,IAG7DQ,IAASxP,GACb,KAQJ,OADAgP,IAAQ7M,EACD6M,IAAS/M,GAA4B,IAAjB+M,EAAO/M,GAAe+M,EAAO/M,GAAS,KAKrE+J,OAAU,SAAU0H,EAAQpE,GAK3B,GAAI1N,GACH3D,EAAKkL,EAAKgC,QAASuI,IAAYvK,EAAKwK,WAAYD,EAAO3M,gBACtDiG,GAAO/H,MAAO,uBAAyByO,EAKzC,OAAKzV,GAAIoF,GACDpF,EAAIqR,GAIPrR,EAAGkC,OAAS,GAChByB,GAAS8R,EAAQA,EAAQ,GAAIpE,GACtBnG,EAAKwK,WAAW/V,eAAgB8V,EAAO3M,eAC7CuH,GAAa,SAAUrB,EAAMpD,GAC5B,GAAI+J,GACHC,EAAU5V,EAAIgP,EAAMqC,GACpBlN,EAAIyR,EAAQ1T,MACb,OAAQiC,IACPwR,EAAMpW,EAAQ2D,KAAM8L,EAAM4G,EAAQzR,IAClC6K,EAAM2G,KAAW/J,EAAS+J,GAAQC,EAAQzR,MAG5C,SAAUpC,GACT,MAAO/B,GAAI+B,EAAM,EAAG4B,KAIhB3D,IAITkN,SAEC2I,IAAOxF,GAAa,SAAUvQ,GAI7B,GAAIwS,MACHnJ,KACA2M,EAAUzK,EAASvL,EAASyF,QAASlF,EAAO,MAE7C,OAAOyV,GAAS1Q,GACfiL,GAAa,SAAUrB,EAAMpD,EAAS7L,EAASiI,GAC9C,GAAIjG,GACHgU,EAAYD,EAAS9G,EAAM,KAAMhH,MACjC7D,EAAI6K,EAAK9M,MAGV,OAAQiC,KACDpC,EAAOgU,EAAU5R,MACtB6K,EAAK7K,KAAOyH,EAAQzH,GAAKpC,MAI5B,SAAUA,EAAMhC,EAASiI,GAGxB,MAFAsK,GAAM,GAAKvQ,EACX+T,EAASxD,EAAO,KAAMtK,EAAKmB,IACnBA,EAAQwD,SAInBqJ,IAAO3F,GAAa,SAAUvQ,GAC7B,MAAO,UAAUiC,GAChB,MAAOgN,IAAQjP,EAAUiC,GAAOG,OAAS,KAI3C2J,SAAYwE,GAAa,SAAUpH,GAClC,MAAO,UAAUlH,GAChB,OAASA,EAAK+R,aAAe/R,EAAKkU,WAAa9K,EAASpJ,IAASxC,QAAS0J,GAAS,MAWrFiN,KAAQ7F,GAAc,SAAU6F,GAM/B,MAJMzI,GAAYhL,KAAKyT,GAAQ,KAC9BnH,GAAO/H,MAAO,qBAAuBkP,GAEtCA,EAAOA,EAAK3Q,QAASgJ,GAAWC,IAAY1F,cACrC,SAAU/G,GAChB,GAAIoU,EACJ,GACC,IAAMA,EAAW1K,EAChB1J,EAAKmU,KACLnU,EAAK0N,aAAa,aAAe1N,EAAK0N,aAAa,QAGnD,MADA0G,GAAWA,EAASrN,cACbqN,IAAaD,GAA2C,IAAnCC,EAAS5W,QAAS2W,EAAO,YAE5CnU,EAAOA,EAAKe,aAAiC,IAAlBf,EAAKQ,SAC3C,QAAO,KAKT0C,OAAU,SAAUlD,GACnB,GAAIqU,GAAOpY,EAAOK,UAAYL,EAAOK,SAAS+X,IAC9C,OAAOA,IAAQA,EAAK/W,MAAO,KAAQ0C,EAAKgB,IAGzCsT,KAAQ,SAAUtU,GACjB,MAAOA,KAASxD,GAGjB+X,MAAS,SAAUvU,GAClB,MAAOA,KAASzD,EAASiY,iBAAmBjY,EAASkY,UAAYlY,EAASkY,gBAAkBzU,EAAKV,MAAQU,EAAK0U,OAAS1U,EAAK2U,WAI7HC,QAAW,SAAU5U,GACpB,MAAOA,GAAK6U,YAAa,GAG1BA,SAAY,SAAU7U,GACrB,MAAOA,GAAK6U,YAAa,GAG1BC,QAAW,SAAU9U,GAGpB,GAAI8G,GAAW9G,EAAK8G,SAASC,aAC7B,OAAqB,UAAbD,KAA0B9G,EAAK8U,SAA0B,WAAbhO,KAA2B9G,EAAK+U,UAGrFA,SAAY,SAAU/U,GAOrB,MAJKA,GAAKe,YACTf,EAAKe,WAAWiU,cAGVhV,EAAK+U,YAAa,GAI1BE,MAAS,SAAUjV,GAMlB,IAAMA,EAAOA,EAAKgQ,WAAYhQ,EAAMA,EAAOA,EAAKkP,YAC/C,GAAKlP,EAAK8G,SAAW,KAAyB,IAAlB9G,EAAKQ,UAAoC,IAAlBR,EAAKQ,SACvD,OAAO,CAGT,QAAO,GAGRkP,OAAU,SAAU1P,GACnB,OAAQmJ,EAAKgC,QAAe,MAAGnL,IAIhCkV,OAAU,SAAUlV,GACnB,MAAOsM,IAAQ5L,KAAMV,EAAK8G,WAG3ByJ,MAAS,SAAUvQ,GAClB,MAAOqM,IAAQ3L,KAAMV,EAAK8G,WAG3BqO,OAAU,SAAUnV,GACnB,GAAI+C,GAAO/C,EAAK8G,SAASC,aACzB,OAAgB,UAAThE,GAAkC,WAAd/C,EAAKV,MAA8B,WAATyD,GAGtDmE,KAAQ,SAAUlH,GACjB,GAAIa,EAGJ,OAAuC,UAAhCb,EAAK8G,SAASC,eACN,SAAd/G,EAAKV,OACmC,OAArCuB,EAAOb,EAAK0N,aAAa,UAAoB7M,EAAKkG,gBAAkB/G,EAAKV,OAI9E2C,MAASoN,GAAuB,WAC/B,OAAS,KAGVlN,KAAQkN,GAAuB,SAAUE,EAAcpP,GACtD,OAASA,EAAS,KAGnB+B,GAAMmN,GAAuB,SAAUE,EAAcpP,EAAQmP,GAC5D,OAAoB,EAAXA,EAAeA,EAAWnP,EAASmP,KAG7C8F,KAAQ/F,GAAuB,SAAUE,EAAcpP,GACtD,GAAIiC,GAAI,CACR,MAAYjC,EAAJiC,EAAYA,GAAK,EACxBmN,EAAanS,KAAMgF,EAEpB,OAAOmN,KAGR8F,IAAOhG,GAAuB,SAAUE,EAAcpP,GACrD,GAAIiC,GAAI,CACR,MAAYjC,EAAJiC,EAAYA,GAAK,EACxBmN,EAAanS,KAAMgF,EAEpB,OAAOmN,KAGR+F,GAAMjG,GAAuB,SAAUE,EAAcpP,EAAQmP,GAC5D,GAAIlN,GAAe,EAAXkN,EAAeA,EAAWnP,EAASmP,CAC3C,QAAUlN,GAAK,GACdmN,EAAanS,KAAMgF,EAEpB,OAAOmN,KAGRgG,GAAMlG,GAAuB,SAAUE,EAAcpP,EAAQmP,GAC5D,GAAIlN,GAAe,EAAXkN,EAAeA,EAAWnP,EAASmP,CAC3C,MAAcnP,IAAJiC,GACTmN,EAAanS,KAAMgF,EAEpB,OAAOmN,OAKVpG,EAAKgC,QAAa,IAAIhC,EAAKgC,QAAY,EAGvC,KAAM/I,KAAOoT,OAAO,EAAMC,UAAU,EAAMC,MAAM,EAAMC,UAAU,EAAMC,OAAO,GAC5EzM,EAAKgC,QAAS/I,GAAM+M,GAAmB/M,EAExC,KAAMA,KAAOyT,QAAQ,EAAMC,OAAO,GACjC3M,EAAKgC,QAAS/I,GAAMgN,GAAoBhN,EAIzC,SAASuR,OACTA,GAAW/T,UAAYuJ,EAAK4M,QAAU5M,EAAKgC,QAC3ChC,EAAKwK,WAAa,GAAIA,GAEtB,SAASlG,IAAU1P,EAAUiY,GAC5B,GAAInC,GAAS9T,EAAOkW,EAAQ3W,EAC3B4W,EAAO/I,EAAQgJ,EACfC,EAASjM,EAAYpM,EAAW,IAEjC,IAAKqY,EACJ,MAAOJ,GAAY,EAAII,EAAO9Y,MAAO,EAGtC4Y,GAAQnY,EACRoP,KACAgJ,EAAahN,EAAKsJ,SAElB,OAAQyD,EAAQ,GAGTrC,IAAY9T,EAAQsL,EAAOjL,KAAM8V,OACjCnW,IAEJmW,EAAQA,EAAM5Y,MAAOyC,EAAM,GAAGI,SAAY+V,GAE3C/I,EAAO/P,KAAM6Y,OAGdpC,GAAU,GAGJ9T,EAAQuL,EAAalL,KAAM8V,MAChCrC,EAAU9T,EAAMsO,QAChB4H,EAAO7Y,MACN4J,MAAO6M,EAEPvU,KAAMS,EAAM,GAAGyD,QAASlF,EAAO,OAEhC4X,EAAQA,EAAM5Y,MAAOuW,EAAQ1T,QAI9B,KAAMb,IAAQ6J,GAAKgH,SACZpQ,EAAQ4L,EAAWrM,GAAOc,KAAM8V,KAAcC,EAAY7W,MAC9DS,EAAQoW,EAAY7W,GAAQS,MAC7B8T,EAAU9T,EAAMsO,QAChB4H,EAAO7Y,MACN4J,MAAO6M,EACPvU,KAAMA,EACNuK,QAAS9J,IAEVmW,EAAQA,EAAM5Y,MAAOuW,EAAQ1T,QAI/B,KAAM0T,EACL,MAOF,MAAOmC,GACNE,EAAM/V,OACN+V,EACClJ,GAAO/H,MAAOlH,GAEdoM,EAAYpM,EAAUoP,GAAS7P,MAAO,GAGzC,QAASsQ,IAAYqI,GACpB,GAAI7T,GAAI,EACPC,EAAM4T,EAAO9V,OACbpC,EAAW,EACZ,MAAYsE,EAAJD,EAASA,IAChBrE,GAAYkY,EAAO7T,GAAG4E,KAEvB,OAAOjJ,GAGR,QAASsY,IAAetC,EAASuC,EAAYC,GAC5C,GAAIlE,GAAMiE,EAAWjE,IACpBmE,EAAmBD,GAAgB,eAARlE,EAC3BoE,EAAW3U,GAEZ,OAAOwU,GAAWrU,MAEjB,SAAUjC,EAAMhC,EAASiI,GACxB,MAASjG,EAAOA,EAAMqS,GACrB,GAAuB,IAAlBrS,EAAKQ,UAAkBgW,EAC3B,MAAOzC,GAAS/T,EAAMhC,EAASiI,IAMlC,SAAUjG,EAAMhC,EAASiI,GACxB,GAAIb,GAAM+I,EAAOkF,EAChBqD,EAAS1M,EAAU,IAAMyM,CAG1B,IAAKxQ,GACJ,MAASjG,EAAOA,EAAMqS,GACrB,IAAuB,IAAlBrS,EAAKQ,UAAkBgW,IACtBzC,EAAS/T,EAAMhC,EAASiI,GAC5B,OAAO,MAKV,OAASjG,EAAOA,EAAMqS,GACrB,GAAuB,IAAlBrS,EAAKQ,UAAkBgW,EAE3B,GADAnD,EAAarT,EAAMqD,KAAcrD,EAAMqD,QACjC8K,EAAQkF,EAAYhB,KAAUlE,EAAM,KAAOuI,GAChD,IAAMtR,EAAO+I,EAAM,OAAQ,GAAQ/I,IAAS8D,EAC3C,MAAO9D,MAAS,MAKjB,IAFA+I,EAAQkF,EAAYhB,IAAUqE,GAC9BvI,EAAM,GAAK4F,EAAS/T,EAAMhC,EAASiI,IAASiD,EACvCiF,EAAM,MAAO,EACjB,OAAO,GASf,QAASwI,IAAgBC,GACxB,MAAOA,GAASzW,OAAS,EACxB,SAAUH,EAAMhC,EAASiI,GACxB,GAAI7D,GAAIwU,EAASzW,MACjB,OAAQiC,IACP,IAAMwU,EAASxU,GAAIpC,EAAMhC,EAASiI,GACjC,OAAO,CAGT,QAAO,GAER2Q,EAAS,GAGX,QAASC,IAAU7C,EAAWzR,EAAK4N,EAAQnS,EAASiI,GACnD,GAAIjG,GACH8W,KACA1U,EAAI,EACJC,EAAM2R,EAAU7T,OAChB4W,EAAgB,MAAPxU,CAEV,MAAYF,EAAJD,EAASA,KACVpC,EAAOgU,EAAU5R,OAChB+N,GAAUA,EAAQnQ,EAAMhC,EAASiI,MACtC6Q,EAAa1Z,KAAM4C,GACd+W,GACJxU,EAAInF,KAAMgF,GAMd,OAAO0U,GAGR,QAASE,IAAYvE,EAAW1U,EAAUgW,EAASkD,EAAYC,EAAYC,GAO1E,MANKF,KAAeA,EAAY5T,KAC/B4T,EAAaD,GAAYC,IAErBC,IAAeA,EAAY7T,KAC/B6T,EAAaF,GAAYE,EAAYC,IAE/B7I,GAAa,SAAUrB,EAAM7F,EAASpJ,EAASiI,GACrD,GAAImR,GAAMhV,EAAGpC,EACZqX,KACAC,KACAC,EAAcnQ,EAAQjH,OAGtBoB,EAAQ0L,GAAQuK,GAAkBzZ,GAAY,IAAKC,EAAQwC,UAAaxC,GAAYA,MAGpFyZ,GAAYhF,IAAexF,GAASlP,EAEnCwD,EADAsV,GAAUtV,EAAO8V,EAAQ5E,EAAWzU,EAASiI,GAG9CyR,EAAa3D,EAEZmD,IAAgBjK,EAAOwF,EAAY8E,GAAeN,MAMjD7P,EACDqQ,CAQF,IALK1D,GACJA,EAAS0D,EAAWC,EAAY1Z,EAASiI,GAIrCgR,EAAa,CACjBG,EAAOP,GAAUa,EAAYJ,GAC7BL,EAAYG,KAAUpZ,EAASiI,GAG/B7D,EAAIgV,EAAKjX,MACT,OAAQiC,KACDpC,EAAOoX,EAAKhV,MACjBsV,EAAYJ,EAAQlV,MAASqV,EAAWH,EAAQlV,IAAOpC,IAK1D,GAAKiN,GACJ,GAAKiK,GAAczE,EAAY,CAC9B,GAAKyE,EAAa,CAEjBE,KACAhV,EAAIsV,EAAWvX,MACf,OAAQiC,KACDpC,EAAO0X,EAAWtV,KAEvBgV,EAAKha,KAAOqa,EAAUrV,GAAKpC,EAG7BkX,GAAY,KAAOQ,KAAkBN,EAAMnR,GAI5C7D,EAAIsV,EAAWvX,MACf,OAAQiC,KACDpC,EAAO0X,EAAWtV,MACtBgV,EAAOF,EAAa1Z,EAAQ2D,KAAM8L,EAAMjN,GAASqX,EAAOjV,IAAM,KAE/D6K,EAAKmK,KAAUhQ,EAAQgQ,GAAQpX,SAOlC0X,GAAab,GACZa,IAAetQ,EACdsQ,EAAWhV,OAAQ6U,EAAaG,EAAWvX,QAC3CuX,GAEGR,EACJA,EAAY,KAAM9P,EAASsQ,EAAYzR,GAEvC7I,EAAK2E,MAAOqF,EAASsQ,KAMzB,QAASC,IAAmB1B,GAC3B,GAAI2B,GAAc7D,EAASzR,EAC1BD,EAAM4T,EAAO9V,OACb0X,EAAkB1O,EAAKgJ,SAAU8D,EAAO,GAAG3W,MAC3CwY,EAAmBD,GAAmB1O,EAAKgJ,SAAS,KACpD/P,EAAIyV,EAAkB,EAAI,EAG1BE,EAAe1B,GAAe,SAAUrW,GACvC,MAAOA,KAAS4X,GACdE,GAAkB,GACrBE,EAAkB3B,GAAe,SAAUrW,GAC1C,MAAOxC,GAAQ2D,KAAMyW,EAAc5X,GAAS,IAC1C8X,GAAkB,GACrBlB,GAAa,SAAU5W,EAAMhC,EAASiI,GACrC,OAAU4R,IAAqB5R,GAAOjI,IAAYuL,MAChDqO,EAAe5Z,GAASwC,SACxBuX,EAAc/X,EAAMhC,EAASiI,GAC7B+R,EAAiBhY,EAAMhC,EAASiI,KAGpC,MAAY5D,EAAJD,EAASA,IAChB,GAAM2R,EAAU5K,EAAKgJ,SAAU8D,EAAO7T,GAAG9C,MACxCsX,GAAaP,GAAcM,GAAgBC,GAAY7C,QACjD,CAIN,GAHAA,EAAU5K,EAAKgH,OAAQ8F,EAAO7T,GAAG9C,MAAOyC,MAAO,KAAMkU,EAAO7T,GAAGyH,SAG1DkK,EAAS1Q,GAAY,CAGzB,IADAf,IAAMF,EACMC,EAAJC,EAASA,IAChB,GAAK6G,EAAKgJ,SAAU8D,EAAO3T,GAAGhD,MAC7B,KAGF,OAAO0X,IACN5U,EAAI,GAAKuU,GAAgBC,GACzBxU,EAAI,GAAKwL,GAERqI,EAAO3Y,MAAO,EAAG8E,EAAI,GAAIlF,QAAS8J,MAAgC,MAAzBiP,EAAQ7T,EAAI,GAAI9C,KAAe,IAAM,MAC7EkE,QAASlF,EAAO,MAClByV,EACIzR,EAAJF,GAASuV,GAAmB1B,EAAO3Y,MAAO8E,EAAGE,IACzCD,EAAJC,GAAWqV,GAAoB1B,EAASA,EAAO3Y,MAAOgF,IAClDD,EAAJC,GAAWsL,GAAYqI,IAGzBW,EAASxZ,KAAM2W,GAIjB,MAAO4C,IAAgBC,GAGxB,QAASqB,IAA0BC,EAAiBC,GAEnD,GAAIC,GAAoB,EACvBC,EAAQF,EAAYhY,OAAS,EAC7BmY,EAAYJ,EAAgB/X,OAAS,EACrCoY,EAAe,SAAUtL,EAAMjP,EAASiI,EAAKmB,EAASoR,GACrD,GAAIxY,GAAMsC,EAAGyR,EACZ0E,KACAC,EAAe,EACftW,EAAI,IACJ4R,EAAY/G,MACZ0L,EAA6B,MAAjBH,EACZI,EAAgBrP,EAEhBhI,EAAQ0L,GAAQqL,GAAanP,EAAK9I,KAAU,IAAG,IAAKmY,GAAiBxa,EAAQ+C,YAAc/C,GAE3F6a,EAAiB7O,GAA4B,MAAjB4O,EAAwB,EAAItV,KAAKC,UAAY,EAS1E,KAPKoV,IACJpP,EAAmBvL,IAAYzB,GAAYyB,EAC3CkL,EAAakP,GAKe,OAApBpY,EAAOuB,EAAMa,IAAaA,IAAM,CACxC,GAAKkW,GAAatY,EAAO,CACxBsC,EAAI,CACJ,OAASyR,EAAUmE,EAAgB5V,KAClC,GAAKyR,EAAS/T,EAAMhC,EAASiI,GAAQ,CACpCmB,EAAQhK,KAAM4C,EACd,OAGG2Y,IACJ3O,EAAU6O,EACV3P,IAAekP,GAKZC,KAEErY,GAAQ+T,GAAW/T,IACxB0Y,IAIIzL,GACJ+G,EAAU5W,KAAM4C,IAOnB,GADA0Y,GAAgBtW,EACXiW,GAASjW,IAAMsW,EAAe,CAClCpW,EAAI,CACJ,OAASyR,EAAUoE,EAAY7V,KAC9ByR,EAASC,EAAWyE,EAAYza,EAASiI,EAG1C,IAAKgH,EAAO,CAEX,GAAKyL,EAAe,EACnB,MAAQtW,IACA4R,EAAU5R,IAAMqW,EAAWrW,KACjCqW,EAAWrW,GAAKwI,EAAIzJ,KAAMiG,GAM7BqR,GAAa5B,GAAU4B,GAIxBrb,EAAK2E,MAAOqF,EAASqR,GAGhBE,IAAc1L,GAAQwL,EAAWtY,OAAS,GAC5CuY,EAAeP,EAAYhY,OAAW,GAExC6M,GAAO2E,WAAYvK,GAUrB,MALKuR,KACJ3O,EAAU6O,EACVtP,EAAmBqP,GAGb5E,EAGT,OAAOqE,GACN/J,GAAciK,GACdA,EAGFjP,EAAU0D,GAAO1D,QAAU,SAAUvL,EAAU+a,GAC9C,GAAI1W,GACH+V,KACAD,KACA9B,EAAShM,EAAerM,EAAW,IAEpC,KAAMqY,EAAS,CAER0C,IACLA,EAAQrL,GAAU1P,IAEnBqE,EAAI0W,EAAM3Y,MACV,OAAQiC,IACPgU,EAASuB,GAAmBmB,EAAM1W,IAC7BgU,EAAQ/S,GACZ8U,EAAY/a,KAAMgZ,GAElB8B,EAAgB9a,KAAMgZ,EAKxBA,GAAShM,EAAerM,EAAUka,GAA0BC,EAAiBC,IAE9E,MAAO/B,GAGR,SAASoB,IAAkBzZ,EAAUgb,EAAU3R,GAC9C,GAAIhF,GAAI,EACPC,EAAM0W,EAAS5Y,MAChB,MAAYkC,EAAJD,EAASA,IAChB4K,GAAQjP,EAAUgb,EAAS3W,GAAIgF,EAEhC,OAAOA,GAGR,QAAS6G,IAAQlQ,EAAUC,EAASoJ,EAAS6F,GAC5C,GAAI7K,GAAG6T,EAAQ+C,EAAO1Z,EAAMe,EAC3BN,EAAQ0N,GAAU1P,EAEnB,KAAMkP,GAEiB,IAAjBlN,EAAMI,OAAe,CAIzB,GADA8V,EAASlW,EAAM,GAAKA,EAAM,GAAGzC,MAAO,GAC/B2Y,EAAO9V,OAAS,GAAkC,QAA5B6Y,EAAQ/C,EAAO,IAAI3W,MAC5CwF,EAAQmL,SAAgC,IAArBjS,EAAQwC,UAAkBkJ,GAC7CP,EAAKgJ,SAAU8D,EAAO,GAAG3W,MAAS,CAGnC,GADAtB,GAAYmL,EAAK9I,KAAS,GAAG2Y,EAAMnP,QAAQ,GAAGrG,QAAQgJ,GAAWC,IAAYzO,QAAkB,IACzFA,EACL,MAAOoJ,EAERrJ,GAAWA,EAAST,MAAO2Y,EAAO5H,QAAQrH,MAAM7G,QAIjDiC,EAAIuJ,EAAwB,aAAEjL,KAAM3C,GAAa,EAAIkY,EAAO9V,MAC5D,OAAQiC,IAAM,CAIb,GAHA4W,EAAQ/C,EAAO7T,GAGV+G,EAAKgJ,SAAW7S,EAAO0Z,EAAM1Z,MACjC,KAED,KAAMe,EAAO8I,EAAK9I,KAAMf,MAEjB2N,EAAO5M,EACZ2Y,EAAMnP,QAAQ,GAAGrG,QAASgJ,GAAWC,IACrClB,EAAS7K,KAAMuV,EAAO,GAAG3W,OAAUtB,EAAQ+C,YAAc/C,IACrD,CAKJ,GAFAiY,EAAOvT,OAAQN,EAAG,GAClBrE,EAAWkP,EAAK9M,QAAUyN,GAAYqI,IAChClY,EAEL,MADAX,GAAK2E,MAAOqF,EAAS6F,GACd7F,CAGR,SAgBL,MAPAkC,GAASvL,EAAUgC,GAClBkN,EACAjP,GACC0L,EACDtC,EACAmE,EAAS7K,KAAM3C,IAETqJ,EAMRtC,EAAQgN,WAAazO,EAAQ4F,MAAM,IAAIxG,KAAM6H,GAAYuD,KAAK,MAAQxK,EAItEyB,EAAQ+M,iBAAmBxH,EAG3BZ,IAIA3E,EAAQoM,aAAe3C,GAAO,SAAU0K,GAEvC,MAAuE,GAAhEA,EAAKnI,wBAAyBvU,EAASiJ,cAAc,UAMvD+I,GAAO,SAAUC,GAEtB,MADAA,GAAIuB,UAAY,mBAC+B,MAAxCvB,EAAIwB,WAAWtC,aAAa,WAEnCgB,GAAW,yBAA0B,SAAU1O,EAAM+C,EAAMsG,GAC1D,MAAMA,GAAN,EACQrJ,EAAK0N,aAAc3K,EAA6B,SAAvBA,EAAKgE,cAA2B,EAAI,KAOjEjC,EAAQoG,YAAeqD,GAAO,SAAUC,GAG7C,MAFAA,GAAIuB,UAAY,WAChBvB,EAAIwB,WAAWrC,aAAc,QAAS,IACY,KAA3Ca,EAAIwB,WAAWtC,aAAc,YAEpCgB,GAAW,QAAS,SAAU1O,EAAM+C,EAAMsG,GACzC,MAAMA,IAAyC,UAAhCrJ,EAAK8G,SAASC,cAA7B,EACQ/G,EAAKkZ,eAOT3K,GAAO,SAAUC,GACtB,MAAuC,OAAhCA,EAAId,aAAa,eAExBgB,GAAW5D,EAAU,SAAU9K,EAAM+C,EAAMsG,GAC1C,GAAIoI,EACJ,OAAMpI,GAAN,GACSoI,EAAMzR,EAAKqQ,iBAAkBtN,KAAW0O,EAAIC,UACnDD,EAAIzK,MACJhH,EAAM+C,MAAW,EAAOA,EAAKgE,cAAgB,OAKjDpK,EAAO0D,KAAO2M,GACdrQ,EAAO4U,KAAOvE,GAAOiF,UACrBtV,EAAO4U,KAAK,KAAO5U,EAAO4U,KAAKpG,QAC/BxO,EAAOwc,OAASnM,GAAO2E,WACvBhV,EAAOuK,KAAO8F,GAAO5D,QACrBzM,EAAOyc,SAAWpM,GAAO3D,MACzB1M,EAAOmN,SAAWkD,GAAOlD,UAGrB7N,EAEJ,IAAIod,KAGJ,SAASC,GAAetW,GACvB,GAAIuW,GAASF,EAAcrW,KAI3B,OAHArG,GAAO+E,KAAMsB,EAAQjD,MAAO1B,OAAwB,SAAUqO,EAAG8M,GAChED,EAAQC,IAAS,IAEXD,EAyBR5c,EAAO8c,UAAY,SAAUzW,GAI5BA,EAA6B,gBAAZA,GACdqW,EAAcrW,IAAasW,EAAetW,GAC5CrG,EAAOgG,UAAYK,EAEpB,IACC0W,GAEAC,EAEAC,EAEAC,EAEAC,EAEAC,EAEAC,KAEAC,GAASjX,EAAQkX,SAEjBC,EAAO,SAAU/U,GAOhB,IANAuU,EAAS3W,EAAQ2W,QAAUvU,EAC3BwU,GAAQ,EACRE,EAAcC,GAAe,EAC7BA,EAAc,EACdF,EAAeG,EAAK7Z,OACpBuZ,GAAS,EACDM,GAAsBH,EAAdC,EAA4BA,IAC3C,GAAKE,EAAMF,GAAc/X,MAAOqD,EAAM,GAAKA,EAAM,OAAU,GAASpC,EAAQoX,YAAc,CACzFT,GAAS,CACT,OAGFD,GAAS,EACJM,IACCC,EACCA,EAAM9Z,QACVga,EAAMF,EAAM5L,SAEFsL,EACXK,KAEAK,EAAKC,YAKRD,GAECE,IAAK,WACJ,GAAKP,EAAO,CAEX,GAAIzG,GAAQyG,EAAK7Z,QACjB,QAAUoa,GAAK3Y,GACdjF,EAAO+E,KAAME,EAAM,SAAU8K,EAAG7E,GAC/B,GAAIvI,GAAO3C,EAAO2C,KAAMuI,EACV,cAATvI,EACE0D,EAAQmW,QAAWkB,EAAKpG,IAAKpM,IAClCmS,EAAK5c,KAAMyK,GAEDA,GAAOA,EAAI1H,QAAmB,WAATb,GAEhCib,EAAK1S,OAGJ7F,WAGC0X,EACJG,EAAeG,EAAK7Z,OAGTwZ,IACXI,EAAcxG,EACd4G,EAAMR,IAGR,MAAO1Z,OAGRyF,OAAQ,WAkBP,MAjBKsU,IACJrd,EAAO+E,KAAMM,UAAW,SAAU0K,EAAG7E,GACpC,GAAI2S,EACJ,QAASA,EAAQ7d,EAAO2K,QAASO,EAAKmS,EAAMQ,IAAY,GACvDR,EAAKtX,OAAQ8X,EAAO,GAEfd,IACUG,GAATW,GACJX,IAEaC,GAATU,GACJV,OAME7Z,MAIRgU,IAAK,SAAUhW,GACd,MAAOA,GAAKtB,EAAO2K,QAASrJ,EAAI+b,GAAS,MAASA,IAAQA,EAAK7Z,SAGhE8U,MAAO,WAGN,MAFA+E,MACAH,EAAe,EACR5Z,MAGRqa,QAAS,WAER,MADAN,GAAOC,EAAQN,EAASzd,EACjB+D,MAGR4U,SAAU,WACT,OAAQmF,GAGTS,KAAM,WAKL,MAJAR,GAAQ/d,EACFyd,GACLU,EAAKC,UAECra,MAGRya,OAAQ,WACP,OAAQT,GAGTU,SAAU,SAAU3c,EAAS4D,GAU5B,OATKoY,GAAWJ,IAASK,IACxBrY,EAAOA,MACPA,GAAS5D,EAAS4D,EAAKtE,MAAQsE,EAAKtE,QAAUsE,GACzC8X,EACJO,EAAM7c,KAAMwE,GAEZuY,EAAMvY,IAGD3B,MAGRka,KAAM,WAEL,MADAE,GAAKM,SAAU1a,KAAM+B,WACd/B,MAGR2Z,MAAO,WACN,QAASA,GAIZ,OAAOS,IAER1d,EAAOgG,QAENgG,SAAU,SAAUiS,GACnB,GAAIC,KAEA,UAAW,OAAQle,EAAO8c,UAAU,eAAgB,aACpD,SAAU,OAAQ9c,EAAO8c,UAAU,eAAgB,aACnD,SAAU,WAAY9c,EAAO8c,UAAU,YAE1CqB,EAAQ,UACRjZ,GACCiZ,MAAO,WACN,MAAOA,IAERC,OAAQ,WAEP,MADAC,GAASlZ,KAAME,WAAYiZ,KAAMjZ,WAC1B/B,MAERib,KAAM,WACL,GAAIC,GAAMnZ,SACV,OAAOrF,GAAOgM,SAAS,SAAUyS,GAChCze,EAAO+E,KAAMmZ,EAAQ,SAAUzY,EAAGiZ,GACjC,GAAIC,GAASD,EAAO,GACnBpd,EAAKtB,EAAOiE,WAAYua,EAAK/Y,KAAS+Y,EAAK/Y,EAE5C4Y,GAAUK,EAAM,IAAK,WACpB,GAAIE,GAAWtd,GAAMA,EAAG8D,MAAO9B,KAAM+B,UAChCuZ,IAAY5e,EAAOiE,WAAY2a,EAAS1Z,SAC5C0Z,EAAS1Z,UACPC,KAAMsZ,EAASI,SACfP,KAAMG,EAASK,QACfC,SAAUN,EAASO,QAErBP,EAAUE,EAAS,QAAUrb,OAAS4B,EAAUuZ,EAASvZ,UAAY5B,KAAMhC,GAAOsd,GAAavZ,eAIlGmZ,EAAM,OACJtZ,WAIJA,QAAS,SAAUuC,GAClB,MAAc,OAAPA,EAAczH,EAAOgG,OAAQyB,EAAKvC,GAAYA,IAGvDmZ,IAwCD,OArCAnZ,GAAQ+Z,KAAO/Z,EAAQqZ,KAGvBve,EAAO+E,KAAMmZ,EAAQ,SAAUzY,EAAGiZ,GACjC,GAAIrB,GAAOqB,EAAO,GACjBQ,EAAcR,EAAO,EAGtBxZ,GAASwZ,EAAM,IAAOrB,EAAKO,IAGtBsB,GACJ7B,EAAKO,IAAI,WAERO,EAAQe,GAGNhB,EAAY,EAAJzY,GAAS,GAAIkY,QAASO,EAAQ,GAAK,GAAIJ,MAInDO,EAAUK,EAAM,IAAO,WAEtB,MADAL,GAAUK,EAAM,GAAK,QAAUpb,OAAS+a,EAAWnZ,EAAU5B,KAAM+B,WAC5D/B,MAER+a,EAAUK,EAAM,GAAK,QAAWrB,EAAKW,WAItC9Y,EAAQA,QAASmZ,GAGZJ,GACJA,EAAKzZ,KAAM6Z,EAAUA,GAIfA,GAIRc,KAAM,SAAUC,GACf,GAAI3Z,GAAI,EACP4Z,EAAgB3e,EAAW8D,KAAMa,WACjC7B,EAAS6b,EAAc7b,OAGvB8b,EAAuB,IAAX9b,GAAkB4b,GAAepf,EAAOiE,WAAYmb,EAAYla,SAAc1B,EAAS,EAGnG6a,EAAyB,IAAdiB,EAAkBF,EAAcpf,EAAOgM,WAGlDuT,EAAa,SAAU9Z,EAAG2W,EAAUoD,GACnC,MAAO,UAAUnV,GAChB+R,EAAU3W,GAAMnC,KAChBkc,EAAQ/Z,GAAMJ,UAAU7B,OAAS,EAAI9C,EAAW8D,KAAMa,WAAcgF,EAChEmV,IAAWC,EACdpB,EAASqB,WAAYtD,EAAUoD,KACfF,GAChBjB,EAAS/W,YAAa8U,EAAUoD,KAKnCC,EAAgBE,EAAkBC,CAGnC,IAAKpc,EAAS,EAIb,IAHAic,EAAqB/X,MAAOlE,GAC5Bmc,EAAuBjY,MAAOlE,GAC9Boc,EAAsBlY,MAAOlE,GACjBA,EAAJiC,EAAYA,IACd4Z,EAAe5Z,IAAOzF,EAAOiE,WAAYob,EAAe5Z,GAAIP,SAChEma,EAAe5Z,GAAIP,UACjBC,KAAMoa,EAAY9Z,EAAGma,EAAiBP,IACtCf,KAAMD,EAASS,QACfC,SAAUQ,EAAY9Z,EAAGka,EAAkBF,MAE3CH,CAUL,OAJMA,IACLjB,EAAS/W,YAAasY,EAAiBP,GAGjChB,EAASnZ,aAGlBlF,EAAOmI,QAAU,SAAWA,GAE3B,GAAI9F,GAAKuL,EAAGgG,EAAOtC,EAAQuO,EAAUC,EAAKC,EAAWC,EAAava,EACjEoM,EAAMjS,EAASiJ,cAAc,MAS9B,IANAgJ,EAAIb,aAAc,YAAa,KAC/Ba,EAAIuB,UAAY,qEAGhB/Q,EAAMwP,EAAIhI,qBAAqB,SAC/B+D,EAAIiE,EAAIhI,qBAAqB,KAAM,IAC7B+D,IAAMA,EAAE7B,QAAU1J,EAAImB,OAC3B,MAAO2E,EAIRmJ,GAAS1R,EAASiJ,cAAc,UAChCiX,EAAMxO,EAAO4B,YAAatT,EAASiJ,cAAc,WACjD+K,EAAQ/B,EAAIhI,qBAAqB,SAAU,GAE3C+D,EAAE7B,MAAMkU,QAAU,gCAGlB9X,EAAQ+X,gBAAoC,MAAlBrO,EAAIoB,UAG9B9K,EAAQgY,kBAAgD,IAA5BtO,EAAIwB,WAAWxP,SAI3CsE,EAAQiY,OAASvO,EAAIhI,qBAAqB,SAASrG,OAInD2E,EAAQkY,gBAAkBxO,EAAIhI,qBAAqB,QAAQrG,OAI3D2E,EAAQ4D,MAAQ,MAAMhI,KAAM6J,EAAEmD,aAAa,UAI3C5I,EAAQmY,eAA4C,OAA3B1S,EAAEmD,aAAa,QAKxC5I,EAAQoY,QAAU,OAAOxc,KAAM6J,EAAE7B,MAAMwU,SAIvCpY,EAAQqY,WAAa5S,EAAE7B,MAAMyU,SAG7BrY,EAAQsY,UAAY7M,EAAMvJ,MAI1BlC,EAAQuY,YAAcZ,EAAI1H,SAG1BjQ,EAAQwY,UAAY/gB,EAASiJ,cAAc,QAAQ8X,QAInDxY,EAAQyY,WAA2E,kBAA9DhhB,EAASiJ,cAAc,OAAOgY,WAAW,GAAOC,UAGrE3Y,EAAQ4Y,wBAAyB,EACjC5Y,EAAQ6Y,kBAAmB,EAC3B7Y,EAAQ8Y,eAAgB,EACxB9Y,EAAQ+Y,eAAgB,EACxB/Y,EAAQgZ,cAAe,EACvBhZ,EAAQiZ,qBAAsB,EAC9BjZ,EAAQkZ,mBAAoB,EAG5BzN,EAAMuE,SAAU,EAChBhQ,EAAQmZ,eAAiB1N,EAAMiN,WAAW,GAAO1I,QAIjD7G,EAAO4G,UAAW,EAClB/P,EAAQoZ,aAAezB,EAAI5H,QAG3B,WACQrG,GAAI9N,KACV,MAAOmE,GACRC,EAAQ+Y,eAAgB,EAIzBtN,EAAQhU,EAASiJ,cAAc,SAC/B+K,EAAM5C,aAAc,QAAS,IAC7B7I,EAAQyL,MAA0C,KAAlCA,EAAM7C,aAAc,SAGpC6C,EAAMvJ,MAAQ,IACduJ,EAAM5C,aAAc,OAAQ,SAC5B7I,EAAQqZ,WAA6B,MAAhB5N,EAAMvJ,MAG3BuJ,EAAM5C,aAAc,UAAW,KAC/B4C,EAAM5C,aAAc,OAAQ,KAE5B6O,EAAWjgB,EAAS6hB,yBACpB5B,EAAS3M,YAAaU,GAItBzL,EAAQuZ,cAAgB9N,EAAMuE,QAG9BhQ,EAAQwZ,WAAa9B,EAASgB,WAAW,GAAOA,WAAW,GAAO/J,UAAUqB,QAKvEtG,EAAI5F,cACR4F,EAAI5F,YAAa,UAAW,WAC3B9D,EAAQgZ,cAAe,IAGxBtP,EAAIgP,WAAW,GAAOe,QAKvB,KAAMnc,KAAOyT,QAAQ,EAAM2I,QAAQ,EAAMC,SAAS,GACjDjQ,EAAIb,aAAc+O,EAAY,KAAOta,EAAG,KAExC0C,EAAS1C,EAAI,WAAcsa,IAAazgB,IAAUuS,EAAItD,WAAYwR,GAAYrZ,WAAY,CAG3FmL,GAAI9F,MAAMgW,eAAiB,cAC3BlQ,EAAIgP,WAAW,GAAO9U,MAAMgW,eAAiB,GAC7C5Z,EAAQ6Z,gBAA+C,gBAA7BnQ,EAAI9F,MAAMgW,cAIpC,KAAMtc,IAAKzF,GAAQmI,GAClB,KAoGD,OAlGAA,GAAQC,QAAgB,MAAN3C,EAGlBzF,EAAO,WACN,GAAIiiB,GAAWC,EAAWC,EACzBC,EAAW,+HACXhb,EAAOxH,EAASiK,qBAAqB,QAAQ,EAExCzC,KAKN6a,EAAYriB,EAASiJ,cAAc,OACnCoZ,EAAUlW,MAAMkU,QAAU,gFAE1B7Y,EAAK8L,YAAa+O,GAAY/O,YAAarB,GAS3CA,EAAIuB,UAAY,8CAChB+O,EAAMtQ,EAAIhI,qBAAqB,MAC/BsY,EAAK,GAAIpW,MAAMkU,QAAU,2CACzBD,EAA0C,IAA1BmC,EAAK,GAAIE,aAEzBF,EAAK,GAAIpW,MAAMuW,QAAU,GACzBH,EAAK,GAAIpW,MAAMuW,QAAU,OAIzBna,EAAQoa,sBAAwBvC,GAA2C,IAA1BmC,EAAK,GAAIE,aAG1DxQ,EAAIuB,UAAY,GAChBvB,EAAI9F,MAAMkU,QAAU,wKAIpBjgB,EAAO6L,KAAMzE,EAAyB,MAAnBA,EAAK2E,MAAMyW,MAAiBA,KAAM,MAAU,WAC9Dra,EAAQsa,UAAgC,IAApB5Q,EAAI6Q,cAIpBpjB,EAAOqjB,mBACXxa,EAAQ8Y,cAAuE,QAArD3hB,EAAOqjB,iBAAkB9Q,EAAK,WAAe3F,IACvE/D,EAAQkZ,kBAA2F,SAArE/hB,EAAOqjB,iBAAkB9Q,EAAK,QAAY+Q,MAAO,QAAUA,MAMzFV,EAAYrQ,EAAIqB,YAAatT,EAASiJ,cAAc,QACpDqZ,EAAUnW,MAAMkU,QAAUpO,EAAI9F,MAAMkU,QAAUmC,EAC9CF,EAAUnW,MAAM8W,YAAcX,EAAUnW,MAAM6W,MAAQ,IACtD/Q,EAAI9F,MAAM6W,MAAQ,MAElBza,EAAQiZ,qBACNtZ,YAAcxI,EAAOqjB,iBAAkBT,EAAW,WAAeW,oBAGxDhR,GAAI9F,MAAMyW,OAAS9iB,IAK9BmS,EAAIuB,UAAY,GAChBvB,EAAI9F,MAAMkU,QAAUmC,EAAW,8CAC/Bja,EAAQ4Y,uBAA+C,IAApBlP,EAAI6Q,YAIvC7Q,EAAI9F,MAAMuW,QAAU,QACpBzQ,EAAIuB,UAAY,cAChBvB,EAAIwB,WAAWtH,MAAM6W,MAAQ,MAC7Bza,EAAQ6Y,iBAAyC,IAApBnP,EAAI6Q,YAE5Bva,EAAQ4Y,yBAIZ3Z,EAAK2E,MAAMyW,KAAO,IAIpBpb,EAAK0K,YAAamQ,GAGlBA,EAAYpQ,EAAMsQ,EAAMD,EAAY,QAIrC7f,EAAMiP,EAASuO,EAAWC,EAAMlS,EAAIgG,EAAQ,KAErCzL;KAGR,IAAI2a,GAAS,+BACZC,EAAa,UAEd,SAASC,GAAc3f,EAAM+C,EAAMqC,EAAMwa,GACxC,GAAMjjB,EAAOkjB,WAAY7f,GAAzB,CAIA,GAAIwB,GAAKse,EACRC,EAAcpjB,EAAO0G,QAIrB2c,EAAShgB,EAAKQ,SAId2N,EAAQ6R,EAASrjB,EAAOwR,MAAQnO,EAIhCgB,EAAKgf,EAAShgB,EAAM+f,GAAgB/f,EAAM+f,IAAiBA,CAI5D,IAAO/e,GAAOmN,EAAMnN,KAAS4e,GAAQzR,EAAMnN,GAAIoE,OAAUA,IAASlJ,GAA6B,gBAAT6G,GAgEtF,MA5DM/B,KAIJA,EADIgf,EACChgB,EAAM+f,GAAgBhjB,EAAgB6N,OAASjO,EAAOmL,OAEtDiY,GAID5R,EAAOnN,KAGZmN,EAAOnN,GAAOgf,MAAgBC,OAAQtjB,EAAO8J,QAKzB,gBAAT1D,IAAqC,kBAATA,MAClC6c,EACJzR,EAAOnN,GAAOrE,EAAOgG,OAAQwL,EAAOnN,GAAM+B,GAE1CoL,EAAOnN,GAAKoE,KAAOzI,EAAOgG,OAAQwL,EAAOnN,GAAKoE,KAAMrC,IAItD+c,EAAY3R,EAAOnN,GAKb4e,IACCE,EAAU1a,OACf0a,EAAU1a,SAGX0a,EAAYA,EAAU1a,MAGlBA,IAASlJ,IACb4jB,EAAWnjB,EAAOiK,UAAW7D,IAAWqC,GAKpB,gBAATrC,IAGXvB,EAAMse,EAAW/c,GAGL,MAAPvB,IAGJA,EAAMse,EAAWnjB,EAAOiK,UAAW7D,MAGpCvB,EAAMse,EAGAte,GAGR,QAAS0e,GAAoBlgB,EAAM+C,EAAM6c,GACxC,GAAMjjB,EAAOkjB,WAAY7f,GAAzB,CAIA,GAAI8f,GAAW1d,EACd4d,EAAShgB,EAAKQ,SAGd2N,EAAQ6R,EAASrjB,EAAOwR,MAAQnO,EAChCgB,EAAKgf,EAAShgB,EAAMrD,EAAO0G,SAAY1G,EAAO0G,OAI/C,IAAM8K,EAAOnN,GAAb,CAIA,GAAK+B,IAEJ+c,EAAYF,EAAMzR,EAAOnN,GAAOmN,EAAOnN,GAAKoE,MAE3B,CAGVzI,EAAOyG,QAASL,GAsBrBA,EAAOA,EAAK7F,OAAQP,EAAO4F,IAAKQ,EAAMpG,EAAOiK,YAnBxC7D,IAAQ+c,GACZ/c,GAASA,IAITA,EAAOpG,EAAOiK,UAAW7D,GAExBA,EADIA,IAAQ+c,IACH/c,GAEFA,EAAKkG,MAAM,MAarB7G,EAAIW,EAAK5C,MACT,OAAQiC,UACA0d,GAAW/c,EAAKX,GAKxB,IAAKwd,GAAOO,EAAkBL,IAAcnjB,EAAOqI,cAAc8a,GAChE,QAMGF,UACEzR,GAAOnN,GAAKoE,KAIb+a,EAAmBhS,EAAOnN,QAM5Bgf,EACJrjB,EAAOyjB,WAAapgB,IAAQ,GAIjBrD,EAAOmI,QAAQ+Y,eAAiB1P,GAASA,EAAMlS,aAEnDkS,GAAOnN,GAIdmN,EAAOnN,GAAO,QAIhBrE,EAAOgG,QACNwL,SAIAkS,QACCC,QAAU,EACVC,OAAS,EAEThH,OAAU,8CAGXiH,QAAS,SAAUxgB,GAElB,MADAA,GAAOA,EAAKQ,SAAW7D,EAAOwR,MAAOnO,EAAKrD,EAAO0G,UAAarD,EAAMrD,EAAO0G,WAClErD,IAASmgB,EAAmBngB,IAGtCoF,KAAM,SAAUpF,EAAM+C,EAAMqC,GAC3B,MAAOua,GAAc3f,EAAM+C,EAAMqC,IAGlCqb,WAAY,SAAUzgB,EAAM+C,GAC3B,MAAOmd,GAAoBlgB,EAAM+C,IAIlC2d,MAAO,SAAU1gB,EAAM+C,EAAMqC,GAC5B,MAAOua,GAAc3f,EAAM+C,EAAMqC,GAAM,IAGxCub,YAAa,SAAU3gB,EAAM+C,GAC5B,MAAOmd,GAAoBlgB,EAAM+C,GAAM,IAIxC8c,WAAY,SAAU7f,GAErB,GAAKA,EAAKQ,UAA8B,IAAlBR,EAAKQ,UAAoC,IAAlBR,EAAKQ,SACjD,OAAO,CAGR,IAAI6f,GAASrgB,EAAK8G,UAAYnK,EAAO0jB,OAAQrgB,EAAK8G,SAASC,cAG3D,QAAQsZ,GAAUA,KAAW,GAAQrgB,EAAK0N,aAAa,aAAe2S,KAIxE1jB,EAAOsB,GAAG0E,QACTyC,KAAM,SAAUR,EAAKoC,GACpB,GAAI2H,GAAO5L,EACVqC,EAAO,KACPhD,EAAI,EACJpC,EAAOC,KAAK,EAMb,IAAK2E,IAAQ1I,EAAY,CACxB,GAAK+D,KAAKE,SACTiF,EAAOzI,EAAOyI,KAAMpF,GAEG,IAAlBA,EAAKQ,WAAmB7D,EAAO+jB,MAAO1gB,EAAM,gBAAkB,CAElE,IADA2O,EAAQ3O,EAAKkL,WACDyD,EAAMxO,OAAViC,EAAkBA,IACzBW,EAAO4L,EAAMvM,GAAGW,KAEe,IAA1BA,EAAKvF,QAAQ,WACjBuF,EAAOpG,EAAOiK,UAAW7D,EAAKzF,MAAM,IAEpCsjB,EAAU5gB,EAAM+C,EAAMqC,EAAMrC,IAG9BpG,GAAO+jB,MAAO1gB,EAAM,eAAe,GAIrC,MAAOoF,GAIR,MAAoB,gBAARR,GACJ3E,KAAKyB,KAAK,WAChB/E,EAAOyI,KAAMnF,KAAM2E,KAId5C,UAAU7B,OAAS,EAGzBF,KAAKyB,KAAK,WACT/E,EAAOyI,KAAMnF,KAAM2E,EAAKoC,KAKzBhH,EAAO4gB,EAAU5gB,EAAM4E,EAAKjI,EAAOyI,KAAMpF,EAAM4E,IAAU,MAG3D6b,WAAY,SAAU7b,GACrB,MAAO3E,MAAKyB,KAAK,WAChB/E,EAAO8jB,WAAYxgB,KAAM2E,OAK5B,SAASgc,GAAU5gB,EAAM4E,EAAKQ,GAG7B,GAAKA,IAASlJ,GAA+B,IAAlB8D,EAAKQ,SAAiB,CAEhD,GAAIuC,GAAO,QAAU6B,EAAIpB,QAASkc,EAAY,OAAQ3Y,aAItD,IAFA3B,EAAOpF,EAAK0N,aAAc3K,GAEL,gBAATqC,GAAoB,CAC/B,IACCA,EAAgB,SAATA,GAAkB,EACf,UAATA,GAAmB,EACV,SAATA,EAAkB,MAEjBA,EAAO,KAAOA,GAAQA,EACvBqa,EAAO/e,KAAM0E,GAASzI,EAAOiJ,UAAWR,GACvCA,EACD,MAAOP,IAGTlI,EAAOyI,KAAMpF,EAAM4E,EAAKQ,OAGxBA,GAAOlJ,EAIT,MAAOkJ,GAIR,QAAS+a,GAAmB/b,GAC3B,GAAIrB,EACJ,KAAMA,IAAQqB,GAGb,IAAc,SAATrB,IAAmBpG,EAAOqI,cAAeZ,EAAIrB,MAGpC,WAATA,EACJ,OAAO,CAIT,QAAO,EAERpG,EAAOgG,QACNke,MAAO,SAAU7gB,EAAMV,EAAM8F,GAC5B,GAAIyb,EAEJ,OAAK7gB,IACJV,GAASA,GAAQ,MAAS,QAC1BuhB,EAAQlkB,EAAO+jB,MAAO1gB,EAAMV,GAGvB8F,KACEyb,GAASlkB,EAAOyG,QAAQgC,GAC7Byb,EAAQlkB,EAAO+jB,MAAO1gB,EAAMV,EAAM3C,EAAOsE,UAAUmE,IAEnDyb,EAAMzjB,KAAMgI,IAGPyb,OAZR,GAgBDC,QAAS,SAAU9gB,EAAMV,GACxBA,EAAOA,GAAQ,IAEf,IAAIuhB,GAAQlkB,EAAOkkB,MAAO7gB,EAAMV,GAC/ByhB,EAAcF,EAAM1gB,OACpBlC,EAAK4iB,EAAMxS,QACX2S,EAAQrkB,EAAOskB,YAAajhB,EAAMV,GAClC4hB,EAAO,WACNvkB,EAAOmkB,QAAS9gB,EAAMV,GAIZ,gBAAPrB,IACJA,EAAK4iB,EAAMxS,QACX0S,KAGI9iB,IAIU,OAATqB,GACJuhB,EAAMvP,QAAS,oBAIT0P,GAAMG,KACbljB,EAAGkD,KAAMnB,EAAMkhB,EAAMF,KAGhBD,GAAeC,GACpBA,EAAM/L,MAAMkF,QAKd8G,YAAa,SAAUjhB,EAAMV,GAC5B,GAAIsF,GAAMtF,EAAO,YACjB,OAAO3C,GAAO+jB,MAAO1gB,EAAM4E,IAASjI,EAAO+jB,MAAO1gB,EAAM4E,GACvDqQ,MAAOtY,EAAO8c,UAAU,eAAec,IAAI,WAC1C5d,EAAOgkB,YAAa3gB,EAAMV,EAAO,SACjC3C,EAAOgkB,YAAa3gB,EAAM4E,UAM9BjI,EAAOsB,GAAG0E,QACTke,MAAO,SAAUvhB,EAAM8F,GACtB,GAAIgc,GAAS,CAQb,OANqB,gBAAT9hB,KACX8F,EAAO9F,EACPA,EAAO,KACP8hB,KAGuBA,EAAnBpf,UAAU7B,OACPxD,EAAOkkB,MAAO5gB,KAAK,GAAIX,GAGxB8F,IAASlJ,EACf+D,KACAA,KAAKyB,KAAK,WACT,GAAImf,GAAQlkB,EAAOkkB,MAAO5gB,KAAMX,EAAM8F,EAGtCzI,GAAOskB,YAAahhB,KAAMX,GAEZ,OAATA,GAA8B,eAAbuhB,EAAM,IAC3BlkB,EAAOmkB,QAAS7gB,KAAMX,MAI1BwhB,QAAS,SAAUxhB,GAClB,MAAOW,MAAKyB,KAAK,WAChB/E,EAAOmkB,QAAS7gB,KAAMX,MAKxB+hB,MAAO,SAAUC,EAAMhiB,GAItB,MAHAgiB,GAAO3kB,EAAO4kB,GAAK5kB,EAAO4kB,GAAGC,OAAQF,IAAUA,EAAOA,EACtDhiB,EAAOA,GAAQ,KAERW,KAAK4gB,MAAOvhB,EAAM,SAAU4hB,EAAMF,GACxC,GAAIS,GAAUzd,WAAYkd,EAAMI,EAChCN,GAAMG,KAAO,WACZO,aAAcD,OAIjBE,WAAY,SAAUriB,GACrB,MAAOW,MAAK4gB,MAAOvhB,GAAQ,UAI5BuC,QAAS,SAAUvC,EAAM8E,GACxB,GAAI8B,GACH0b,EAAQ,EACRC,EAAQllB,EAAOgM,WACf6I,EAAWvR,KACXmC,EAAInC,KAAKE,OACTqb,EAAU,aACCoG,GACTC,EAAM5d,YAAauN,GAAYA,IAIb,iBAATlS,KACX8E,EAAM9E,EACNA,EAAOpD,GAERoD,EAAOA,GAAQ,IAEf,OAAO8C,IACN8D,EAAMvJ,EAAO+jB,MAAOlP,EAAUpP,GAAK9C,EAAO,cACrC4G,GAAOA,EAAI+O,QACf2M,IACA1b,EAAI+O,MAAMsF,IAAKiB,GAIjB,OADAA,KACOqG,EAAMhgB,QAASuC,KAGxB,IAAI0d,GAAUC,EACbC,EAAS,cACTC,EAAU,MACVC,EAAa,6CACbC,EAAa,gBACbC,EAAc,0BACdvF,EAAkBlgB,EAAOmI,QAAQ+X,gBACjCwF,EAAc1lB,EAAOmI,QAAQyL,KAE9B5T,GAAOsB,GAAG0E,QACT9B,KAAM,SAAUkC,EAAMiE,GACrB,MAAOrK,GAAOqL,OAAQ/H,KAAMtD,EAAOkE,KAAMkC,EAAMiE,EAAOhF,UAAU7B,OAAS,IAG1EmiB,WAAY,SAAUvf,GACrB,MAAO9C,MAAKyB,KAAK,WAChB/E,EAAO2lB,WAAYriB,KAAM8C,MAI3Bwf,KAAM,SAAUxf,EAAMiE,GACrB,MAAOrK,GAAOqL,OAAQ/H,KAAMtD,EAAO4lB,KAAMxf,EAAMiE,EAAOhF,UAAU7B,OAAS,IAG1EqiB,WAAY,SAAUzf,GAErB,MADAA,GAAOpG,EAAO8lB,QAAS1f,IAAUA,EAC1B9C,KAAKyB,KAAK,WAEhB,IACCzB,KAAM8C,GAAS7G,QACR+D,MAAM8C,GACZ,MAAO8B,QAIX6d,SAAU,SAAU1b,GACnB,GAAI2b,GAAS3iB,EAAM+O,EAAK6T,EAAOtgB,EAC9BF,EAAI,EACJC,EAAMpC,KAAKE,OACX0iB,EAA2B,gBAAV7b,IAAsBA,CAExC,IAAKrK,EAAOiE,WAAYoG,GACvB,MAAO/G,MAAKyB,KAAK,SAAUY,GAC1B3F,EAAQsD,MAAOyiB,SAAU1b,EAAM7F,KAAMlB,KAAMqC,EAAGrC,KAAK2P,aAIrD,IAAKiT,EAIJ,IAFAF,GAAY3b,GAAS,IAAKjH,MAAO1B,OAErBgE,EAAJD,EAASA,IAOhB,GANApC,EAAOC,KAAMmC,GACb2M,EAAwB,IAAlB/O,EAAKQ,WAAoBR,EAAK4P,WACjC,IAAM5P,EAAK4P,UAAY,KAAMpM,QAASwe,EAAQ,KAChD,KAGU,CACV1f,EAAI,CACJ,OAASsgB,EAAQD,EAAQrgB,KACgB,EAAnCyM,EAAIvR,QAAS,IAAMolB,EAAQ,OAC/B7T,GAAO6T,EAAQ,IAGjB5iB,GAAK4P,UAAYjT,EAAOmB,KAAMiR,GAMjC,MAAO9O,OAGR6iB,YAAa,SAAU9b,GACtB,GAAI2b,GAAS3iB,EAAM+O,EAAK6T,EAAOtgB,EAC9BF,EAAI,EACJC,EAAMpC,KAAKE,OACX0iB,EAA+B,IAArB7gB,UAAU7B,QAAiC,gBAAV6G,IAAsBA,CAElE,IAAKrK,EAAOiE,WAAYoG,GACvB,MAAO/G,MAAKyB,KAAK,SAAUY,GAC1B3F,EAAQsD,MAAO6iB,YAAa9b,EAAM7F,KAAMlB,KAAMqC,EAAGrC,KAAK2P,aAGxD,IAAKiT,EAGJ,IAFAF,GAAY3b,GAAS,IAAKjH,MAAO1B,OAErBgE,EAAJD,EAASA,IAQhB,GAPApC,EAAOC,KAAMmC,GAEb2M,EAAwB,IAAlB/O,EAAKQ,WAAoBR,EAAK4P,WACjC,IAAM5P,EAAK4P,UAAY,KAAMpM,QAASwe,EAAQ,KAChD,IAGU,CACV1f,EAAI,CACJ,OAASsgB,EAAQD,EAAQrgB,KAExB,MAAQyM,EAAIvR,QAAS,IAAMolB,EAAQ,MAAS,EAC3C7T,EAAMA,EAAIvL,QAAS,IAAMof,EAAQ,IAAK,IAGxC5iB,GAAK4P,UAAY5I,EAAQrK,EAAOmB,KAAMiR,GAAQ,GAKjD,MAAO9O,OAGR8iB,YAAa,SAAU/b,EAAOgc,GAC7B,GAAI1jB,SAAc0H,EAElB,OAAyB,iBAAbgc,IAAmC,WAAT1jB,EAC9B0jB,EAAW/iB,KAAKyiB,SAAU1b,GAAU/G,KAAK6iB,YAAa9b,GAGzDrK,EAAOiE,WAAYoG,GAChB/G,KAAKyB,KAAK,SAAUU,GAC1BzF,EAAQsD,MAAO8iB,YAAa/b,EAAM7F,KAAKlB,KAAMmC,EAAGnC,KAAK2P,UAAWoT,GAAWA,KAItE/iB,KAAKyB,KAAK,WAChB,GAAc,WAATpC,EAAoB,CAExB,GAAIsQ,GACHxN,EAAI,EACJiY,EAAO1d,EAAQsD,MACfgjB,EAAajc,EAAMjH,MAAO1B,MAE3B,OAASuR,EAAYqT,EAAY7gB,KAE3BiY,EAAK6I,SAAUtT,GACnByK,EAAKyI,YAAalT,GAElByK,EAAKqI,SAAU9S,QAKNtQ,IAASjD,GAA8B,YAATiD,KACpCW,KAAK2P,WAETjT,EAAO+jB,MAAOzgB,KAAM,gBAAiBA,KAAK2P,WAO3C3P,KAAK2P,UAAY3P,KAAK2P,WAAa5I,KAAU,EAAQ,GAAKrK,EAAO+jB,MAAOzgB,KAAM,kBAAqB,OAKtGijB,SAAU,SAAUnlB,GACnB,GAAI6R,GAAY,IAAM7R,EAAW,IAChCqE,EAAI,EACJqF,EAAIxH,KAAKE,MACV,MAAYsH,EAAJrF,EAAOA,IACd,GAA0B,IAArBnC,KAAKmC,GAAG5B,WAAmB,IAAMP,KAAKmC,GAAGwN,UAAY,KAAKpM,QAAQwe,EAAQ,KAAKxkB,QAASoS,IAAe,EAC3G,OAAO,CAIT,QAAO,GAGR6B,IAAK,SAAUzK,GACd,GAAIxF,GAAKwf,EAAOpgB,EACfZ,EAAOC,KAAK,EAEb,EAAA,GAAM+B,UAAU7B,OAsBhB,MAFAS,GAAajE,EAAOiE,WAAYoG,GAEzB/G,KAAKyB,KAAK,SAAUU,GAC1B,GAAIqP,EAEmB,KAAlBxR,KAAKO,WAKTiR,EADI7Q,EACEoG,EAAM7F,KAAMlB,KAAMmC,EAAGzF,EAAQsD,MAAOwR,OAEpCzK,EAIK,MAAPyK,EACJA,EAAM,GACoB,gBAARA,GAClBA,GAAO,GACI9U,EAAOyG,QAASqO,KAC3BA,EAAM9U,EAAO4F,IAAIkP,EAAK,SAAWzK,GAChC,MAAgB,OAATA,EAAgB,GAAKA,EAAQ,MAItCga,EAAQrkB,EAAOwmB,SAAUljB,KAAKX,OAAU3C,EAAOwmB,SAAUljB,KAAK6G,SAASC,eAGjEia,GAAW,OAASA,IAAUA,EAAMoC,IAAKnjB,KAAMwR,EAAK,WAAcvV,IACvE+D,KAAK+G,MAAQyK,KAjDd,IAAKzR,EAGJ,MAFAghB,GAAQrkB,EAAOwmB,SAAUnjB,EAAKV,OAAU3C,EAAOwmB,SAAUnjB,EAAK8G,SAASC,eAElEia,GAAS,OAASA,KAAUxf,EAAMwf,EAAM5f,IAAKpB,EAAM,YAAe9D,EAC/DsF,GAGRA,EAAMxB,EAAKgH,MAEW,gBAARxF,GAEbA,EAAIgC,QAAQye,EAAS,IAEd,MAAPzgB,EAAc,GAAKA,OA0CxB7E,EAAOgG,QACNwgB,UACCE,QACCjiB,IAAK,SAAUpB,GAEd,GAAIyR,GAAM9U,EAAO0D,KAAKQ,KAAMb,EAAM,QAClC,OAAc,OAAPyR,EACNA,EACAzR,EAAKkH,OAGR+G,QACC7M,IAAK,SAAUpB,GACd,GAAIgH,GAAOqc,EACVrgB,EAAUhD,EAAKgD,QACfwX,EAAQxa,EAAKgV,cACbsO,EAAoB,eAAdtjB,EAAKV,MAAiC,EAARkb,EACpC2B,EAASmH,EAAM,QACf/b,EAAM+b,EAAM9I,EAAQ,EAAIxX,EAAQ7C,OAChCiC,EAAY,EAARoY,EACHjT,EACA+b,EAAM9I,EAAQ,CAGhB,MAAYjT,EAAJnF,EAASA,IAIhB,GAHAihB,EAASrgB,EAASZ,MAGXihB,EAAOtO,UAAY3S,IAAMoY,IAE5B7d,EAAOmI,QAAQoZ,YAAemF,EAAOxO,SAA+C,OAApCwO,EAAO3V,aAAa,cACnE2V,EAAOtiB,WAAW8T,UAAalY,EAAOmK,SAAUuc,EAAOtiB,WAAY,aAAiB,CAMxF,GAHAiG,EAAQrK,EAAQ0mB,GAAS5R,MAGpB6R,EACJ,MAAOtc,EAIRmV,GAAO/e,KAAM4J,GAIf,MAAOmV,IAGRiH,IAAK,SAAUpjB,EAAMgH,GACpB,GAAIuc,GAAWF,EACdrgB,EAAUhD,EAAKgD,QACfmZ,EAASxf,EAAOsE,UAAW+F,GAC3B5E,EAAIY,EAAQ7C,MAEb,OAAQiC,IACPihB,EAASrgB,EAASZ,IACZihB,EAAOtO,SAAWpY,EAAO2K,QAAS3K,EAAO0mB,GAAQ5R,MAAO0K,IAAY,KACzEoH,GAAY,EAQd,OAHMA,KACLvjB,EAAKgV,cAAgB,IAEfmH,KAKVtb,KAAM,SAAUb,EAAM+C,EAAMiE,GAC3B,GAAIga,GAAOxf,EACVgiB,EAAQxjB,EAAKQ,QAGd,IAAMR,GAAkB,IAAVwjB,GAAyB,IAAVA,GAAyB,IAAVA,EAK5C,aAAYxjB,GAAK0N,eAAiBrR,EAC1BM,EAAO4lB,KAAMviB,EAAM+C,EAAMiE,IAKlB,IAAVwc,GAAgB7mB,EAAOyc,SAAUpZ,KACrC+C,EAAOA,EAAKgE,cACZia,EAAQrkB,EAAO8mB,UAAW1gB,KACvBpG,EAAO4U,KAAKxR,MAAMmM,KAAKxL,KAAMqC,GAASgf,EAAWD,IAGhD9a,IAAU9K,EAaH8kB,GAAS,OAASA,IAA6C,QAAnCxf,EAAMwf,EAAM5f,IAAKpB,EAAM+C,IACvDvB,GAGPA,EAAM7E,EAAO0D,KAAKQ,KAAMb,EAAM+C,GAGhB,MAAPvB,EACNtF,EACAsF,GApBc,OAAVwF,EAGOga,GAAS,OAASA,KAAUxf,EAAMwf,EAAMoC,IAAKpjB,EAAMgH,EAAOjE,MAAY7G,EAC1EsF,GAGPxB,EAAK2N,aAAc5K,EAAMiE,EAAQ,IAC1BA,IAPPrK,EAAO2lB,WAAYtiB,EAAM+C,GAAzBpG,KAuBH2lB,WAAY,SAAUtiB,EAAMgH,GAC3B,GAAIjE,GAAM2gB,EACTthB,EAAI,EACJuhB,EAAY3c,GAASA,EAAMjH,MAAO1B,EAEnC,IAAKslB,GAA+B,IAAlB3jB,EAAKQ,SACtB,MAASuC,EAAO4gB,EAAUvhB,KACzBshB,EAAW/mB,EAAO8lB,QAAS1f,IAAUA,EAGhCpG,EAAO4U,KAAKxR,MAAMmM,KAAKxL,KAAMqC,GAE5Bsf,GAAexF,IAAoBuF,EAAY1hB,KAAMqC,GACzD/C,EAAM0jB,IAAa,EAInB1jB,EAAMrD,EAAOiK,UAAW,WAAa7D,IACpC/C,EAAM0jB,IAAa,EAKrB/mB,EAAOkE,KAAMb,EAAM+C,EAAM,IAG1B/C,EAAKgO,gBAAiB6O,EAAkB9Z,EAAO2gB,IAKlDD,WACCnkB,MACC8jB,IAAK,SAAUpjB,EAAMgH,GACpB,IAAMrK,EAAOmI,QAAQqZ,YAAwB,UAAVnX,GAAqBrK,EAAOmK,SAAS9G,EAAM,SAAW,CAGxF,GAAIyR,GAAMzR,EAAKgH,KAKf,OAJAhH,GAAK2N,aAAc,OAAQ3G,GACtByK,IACJzR,EAAKgH,MAAQyK,GAEPzK,MAMXyb,SACCmB,MAAO,UACPC,QAAS,aAGVtB,KAAM,SAAUviB,EAAM+C,EAAMiE,GAC3B,GAAIxF,GAAKwf,EAAO8C,EACfN,EAAQxjB,EAAKQ,QAGd,IAAMR,GAAkB,IAAVwjB,GAAyB,IAAVA,GAAyB,IAAVA,EAY5C,MARAM,GAAmB,IAAVN,IAAgB7mB,EAAOyc,SAAUpZ,GAErC8jB,IAEJ/gB,EAAOpG,EAAO8lB,QAAS1f,IAAUA,EACjCie,EAAQrkB,EAAOonB,UAAWhhB,IAGtBiE,IAAU9K,EACP8kB,GAAS,OAASA,KAAUxf,EAAMwf,EAAMoC,IAAKpjB,EAAMgH,EAAOjE,MAAY7G,EAC5EsF,EACExB,EAAM+C,GAASiE,EAGXga,GAAS,OAASA,IAA6C,QAAnCxf,EAAMwf,EAAM5f,IAAKpB,EAAM+C,IACzDvB,EACAxB,EAAM+C,IAITghB,WACCpP,UACCvT,IAAK,SAAUpB,GAId,GAAIgkB,GAAWrnB,EAAO0D,KAAKQ,KAAMb,EAAM,WAEvC,OAAOgkB,GACNC,SAAUD,EAAU,IACpB9B,EAAWxhB,KAAMV,EAAK8G,WAAcqb,EAAWzhB,KAAMV,EAAK8G,WAAc9G,EAAK0U,KAC5E,EACA,QAONqN,GACCqB,IAAK,SAAUpjB,EAAMgH,EAAOjE,GAa3B,MAZKiE,MAAU,EAEdrK,EAAO2lB,WAAYtiB,EAAM+C,GACdsf,GAAexF,IAAoBuF,EAAY1hB,KAAMqC,GAEhE/C,EAAK2N,cAAekP,GAAmBlgB,EAAO8lB,QAAS1f,IAAUA,EAAMA,GAIvE/C,EAAMrD,EAAOiK,UAAW,WAAa7D,IAAW/C,EAAM+C,IAAS,EAGzDA,IAGTpG,EAAO+E,KAAM/E,EAAO4U,KAAKxR,MAAMmM,KAAK9N,OAAO2B,MAAO,QAAU,SAAUqC,EAAGW,GACxE,GAAImhB,GAASvnB,EAAO4U,KAAK1C,WAAY9L,IAAUpG,EAAO0D,KAAKQ,IAE3DlE,GAAO4U,KAAK1C,WAAY9L,GAASsf,GAAexF,IAAoBuF,EAAY1hB,KAAMqC,GACrF,SAAU/C,EAAM+C,EAAMsG,GACrB,GAAIpL,GAAKtB,EAAO4U,KAAK1C,WAAY9L,GAChCvB,EAAM6H,EACLnN,GAECS,EAAO4U,KAAK1C,WAAY9L,GAAS7G,IACjCgoB,EAAQlkB,EAAM+C,EAAMsG,GAEpBtG,EAAKgE,cACL,IAEH,OADApK,GAAO4U,KAAK1C,WAAY9L,GAAS9E,EAC1BuD,GAER,SAAUxB,EAAM+C,EAAMsG,GACrB,MAAOA,GACNnN,EACA8D,EAAMrD,EAAOiK,UAAW,WAAa7D,IACpCA,EAAKgE,cACL,QAKCsb,GAAgBxF,IACrBlgB,EAAO8mB,UAAUzc,OAChBoc,IAAK,SAAUpjB,EAAMgH,EAAOjE,GAC3B,MAAKpG,GAAOmK,SAAU9G,EAAM,UAE3BA,EAAKkZ,aAAelS,EAApBhH,GAGO8hB,GAAYA,EAASsB,IAAKpjB,EAAMgH,EAAOjE,MAO5C8Z,IAILiF,GACCsB,IAAK,SAAUpjB,EAAMgH,EAAOjE,GAE3B,GAAIvB,GAAMxB,EAAKqQ,iBAAkBtN,EAUjC,OATMvB,IACLxB,EAAKmkB,iBACH3iB,EAAMxB,EAAKS,cAAc2jB,gBAAiBrhB,IAI7CvB,EAAIwF,MAAQA,GAAS,GAGL,UAATjE,GAAoBiE,IAAUhH,EAAK0N,aAAc3K,GACvDiE,EACA9K,IAGHS,EAAO4U,KAAK1C,WAAW7N,GAAKrE,EAAO4U,KAAK1C,WAAW9L,KAAOpG,EAAO4U,KAAK1C,WAAWwV,OAEhF,SAAUrkB,EAAM+C,EAAMsG,GACrB,GAAI7H,EACJ,OAAO6H,GACNnN,GACCsF,EAAMxB,EAAKqQ,iBAAkBtN,KAAyB,KAAdvB,EAAIwF,MAC5CxF,EAAIwF,MACJ,MAEJrK,EAAOwmB,SAAShO,QACf/T,IAAK,SAAUpB,EAAM+C,GACpB,GAAIvB,GAAMxB,EAAKqQ,iBAAkBtN,EACjC,OAAOvB,IAAOA,EAAIkQ,UACjBlQ,EAAIwF,MACJ9K,GAEFknB,IAAKtB,EAASsB,KAKfzmB,EAAO8mB,UAAUa,iBAChBlB,IAAK,SAAUpjB,EAAMgH,EAAOjE,GAC3B+e,EAASsB,IAAKpjB,EAAgB,KAAVgH,GAAe,EAAQA,EAAOjE,KAMpDpG,EAAO+E,MAAO,QAAS,UAAY,SAAUU,EAAGW,GAC/CpG,EAAO8mB,UAAW1gB,IACjBqgB,IAAK,SAAUpjB,EAAMgH,GACpB,MAAe,KAAVA,GACJhH,EAAK2N,aAAc5K,EAAM,QAClBiE,GAFR,OAYErK,EAAOmI,QAAQmY,gBAEpBtgB,EAAO+E,MAAO,OAAQ,OAAS,SAAUU,EAAGW,GAC3CpG,EAAOonB,UAAWhhB,IACjB3B,IAAK,SAAUpB,GACd,MAAOA,GAAK0N,aAAc3K,EAAM,OAM9BpG,EAAOmI,QAAQ4D,QACpB/L,EAAO8mB,UAAU/a,OAChBtH,IAAK,SAAUpB,GAId,MAAOA,GAAK0I,MAAMkU,SAAW1gB,GAE9BknB,IAAK,SAAUpjB,EAAMgH,GACpB,MAAShH,GAAK0I,MAAMkU,QAAU5V,EAAQ,MAOnCrK,EAAOmI,QAAQuY,cACpB1gB,EAAOonB,UAAUhP,UAChB3T,IAAK,SAAUpB,GACd,GAAI0P,GAAS1P,EAAKe,UAUlB,OARK2O,KACJA,EAAOsF,cAGFtF,EAAO3O,YACX2O,EAAO3O,WAAWiU,eAGb,QAKVrY,EAAO+E,MACN,WACA,WACA,YACA,cACA,cACA,UACA,UACA,SACA,cACA,mBACE,WACF/E,EAAO8lB,QAASxiB,KAAK8G,eAAkB9G,OAIlCtD,EAAOmI,QAAQwY,UACpB3gB,EAAO8lB,QAAQnF,QAAU,YAI1B3gB,EAAO+E,MAAO,QAAS,YAAc,WACpC/E,EAAOwmB,SAAUljB,OAChBmjB,IAAK,SAAUpjB,EAAMgH,GACpB,MAAKrK,GAAOyG,QAAS4D,GACXhH,EAAK8U,QAAUnY,EAAO2K,QAAS3K,EAAOqD,GAAMyR,MAAOzK,IAAW,EADxE,IAKIrK,EAAOmI,QAAQsY,UACpBzgB,EAAOwmB,SAAUljB,MAAOmB,IAAM,SAAUpB,GAGvC,MAAsC,QAA/BA,EAAK0N,aAAa,SAAoB,KAAO1N,EAAKgH,SAI5D,IAAIud,GAAa,+BAChBC,GAAY,OACZC,GAAc,+BACdC,GAAc,kCACdC,GAAiB,sBAElB,SAASC,MACR,OAAO,EAGR,QAASC,MACR,OAAO,EAGR,QAASC,MACR,IACC,MAAOvoB,GAASiY,cACf,MAAQuQ,KAOXpoB,EAAOyC,OAEN4lB,UAEAzK,IAAK,SAAUva,EAAMilB,EAAOrW,EAASxJ,EAAMrH,GAC1C,GAAImI,GAAKgf,EAAQC,EAAGC,EACnBC,EAASC,EAAaC,EACtBC,EAAUlmB,EAAMmmB,EAAYC,EAC5BC,EAAWhpB,EAAO+jB,MAAO1gB,EAG1B,IAAM2lB,EAAN,CAKK/W,EAAQA,UACZwW,EAAcxW,EACdA,EAAUwW,EAAYxW,QACtB7Q,EAAWqnB,EAAYrnB,UAIlB6Q,EAAQ9G,OACb8G,EAAQ9G,KAAOnL,EAAOmL,SAIhBod,EAASS,EAAST,UACxBA,EAASS,EAAST,YAEZI,EAAcK,EAASC,UAC7BN,EAAcK,EAASC,OAAS,SAAU/gB,GAGzC,aAAclI,KAAWN,GAAuBwI,GAAKlI,EAAOyC,MAAMymB,YAAchhB,EAAEvF,KAEjFpD,EADAS,EAAOyC,MAAM0mB,SAAS/jB,MAAOujB,EAAYtlB,KAAMgC,YAIjDsjB,EAAYtlB,KAAOA,GAIpBilB,GAAUA,GAAS,IAAKllB,MAAO1B,KAAqB,IACpD8mB,EAAIF,EAAM9kB,MACV,OAAQglB,IACPjf,EAAMye,GAAevkB,KAAM6kB,EAAME,QACjC7lB,EAAOomB,EAAWxf,EAAI,GACtBuf,GAAevf,EAAI,IAAM,IAAK+C,MAAO,KAAMxG,OAGrCnD,IAKN+lB,EAAU1oB,EAAOyC,MAAMimB,QAAS/lB,OAGhCA,GAASvB,EAAWsnB,EAAQU,aAAeV,EAAQW,WAAc1mB,EAGjE+lB,EAAU1oB,EAAOyC,MAAMimB,QAAS/lB,OAGhCimB,EAAY5oB,EAAOgG,QAClBrD,KAAMA,EACNomB,SAAUA,EACVtgB,KAAMA,EACNwJ,QAASA,EACT9G,KAAM8G,EAAQ9G,KACd/J,SAAUA,EACVoO,aAAcpO,GAAYpB,EAAO4U,KAAKxR,MAAMoM,aAAazL,KAAM3C,GAC/DkoB,UAAWR,EAAW5X,KAAK,MACzBuX,IAGII,EAAWN,EAAQ5lB,MACzBkmB,EAAWN,EAAQ5lB,MACnBkmB,EAASU,cAAgB,EAGnBb,EAAQc,OAASd,EAAQc,MAAMhlB,KAAMnB,EAAMoF,EAAMqgB,EAAYH,MAAkB,IAE/EtlB,EAAKX,iBACTW,EAAKX,iBAAkBC,EAAMgmB,GAAa,GAE/BtlB,EAAK4I,aAChB5I,EAAK4I,YAAa,KAAOtJ,EAAMgmB,KAK7BD,EAAQ9K,MACZ8K,EAAQ9K,IAAIpZ,KAAMnB,EAAMulB,GAElBA,EAAU3W,QAAQ9G,OACvByd,EAAU3W,QAAQ9G,KAAO8G,EAAQ9G,OAK9B/J,EACJynB,EAAS9iB,OAAQ8iB,EAASU,gBAAiB,EAAGX,GAE9CC,EAASpoB,KAAMmoB,GAIhB5oB,EAAOyC,MAAM4lB,OAAQ1lB,IAAS,EAI/BU,GAAO,OAIR0F,OAAQ,SAAU1F,EAAMilB,EAAOrW,EAAS7Q,EAAUqoB,GACjD,GAAI9jB,GAAGijB,EAAWrf,EACjBmgB,EAAWlB,EAAGD,EACdG,EAASG,EAAUlmB,EACnBmmB,EAAYC,EACZC,EAAWhpB,EAAO6jB,QAASxgB,IAAUrD,EAAO+jB,MAAO1gB,EAEpD,IAAM2lB,IAAcT,EAASS,EAAST,QAAtC,CAKAD,GAAUA,GAAS,IAAKllB,MAAO1B,KAAqB,IACpD8mB,EAAIF,EAAM9kB,MACV,OAAQglB,IAMP,GALAjf,EAAMye,GAAevkB,KAAM6kB,EAAME,QACjC7lB,EAAOomB,EAAWxf,EAAI,GACtBuf,GAAevf,EAAI,IAAM,IAAK+C,MAAO,KAAMxG,OAGrCnD,EAAN,CAOA+lB,EAAU1oB,EAAOyC,MAAMimB,QAAS/lB,OAChCA,GAASvB,EAAWsnB,EAAQU,aAAeV,EAAQW,WAAc1mB,EACjEkmB,EAAWN,EAAQ5lB,OACnB4G,EAAMA,EAAI,IAAUkF,OAAQ,UAAYqa,EAAW5X,KAAK,iBAAmB,WAG3EwY,EAAY/jB,EAAIkjB,EAASrlB,MACzB,OAAQmC,IACPijB,EAAYC,EAAUljB,IAEf8jB,GAAeV,IAAaH,EAAUG,UACzC9W,GAAWA,EAAQ9G,OAASyd,EAAUzd,MACtC5B,IAAOA,EAAIxF,KAAM6kB,EAAUU,YAC3BloB,GAAYA,IAAawnB,EAAUxnB,WAAyB,OAAbA,IAAqBwnB,EAAUxnB,YACjFynB,EAAS9iB,OAAQJ,EAAG,GAEfijB,EAAUxnB,UACdynB,EAASU,gBAELb,EAAQ3f,QACZ2f,EAAQ3f,OAAOvE,KAAMnB,EAAMulB,GAOzBc,KAAcb,EAASrlB,SACrBklB,EAAQiB,UAAYjB,EAAQiB,SAASnlB,KAAMnB,EAAMylB,EAAYE,EAASC,WAAa,GACxFjpB,EAAO4pB,YAAavmB,EAAMV,EAAMqmB,EAASC,cAGnCV,GAAQ5lB,QAtCf,KAAMA,IAAQ4lB,GACbvoB,EAAOyC,MAAMsG,OAAQ1F,EAAMV,EAAO2lB,EAAOE,GAAKvW,EAAS7Q,GAAU,EA0C/DpB,GAAOqI,cAAekgB,WACnBS,GAASC,OAIhBjpB,EAAOgkB,YAAa3gB,EAAM,aAI5BkE,QAAS,SAAU9E,EAAOgG,EAAMpF,EAAMwmB,GACrC,GAAIZ,GAAQa,EAAQ1X,EACnB2X,EAAYrB,EAASnf,EAAK9D,EAC1BukB,GAAc3mB,GAAQzD,GACtB+C,EAAO3B,EAAYwD,KAAM/B,EAAO,QAAWA,EAAME,KAAOF,EACxDqmB,EAAa9nB,EAAYwD,KAAM/B,EAAO,aAAgBA,EAAM6mB,UAAUhd,MAAM,OAK7E,IAHA8F,EAAM7I,EAAMlG,EAAOA,GAAQzD,EAGJ,IAAlByD,EAAKQ,UAAoC,IAAlBR,EAAKQ,WAK5BkkB,GAAYhkB,KAAMpB,EAAO3C,EAAOyC,MAAMymB,aAItCvmB,EAAK9B,QAAQ,MAAQ,IAEzBioB,EAAanmB,EAAK2J,MAAM,KACxB3J,EAAOmmB,EAAWpX,QAClBoX,EAAWhjB,QAEZgkB,EAA6B,EAApBnnB,EAAK9B,QAAQ,MAAY,KAAO8B,EAGzCF,EAAQA,EAAOzC,EAAO0G,SACrBjE,EACA,GAAIzC,GAAOiqB,MAAOtnB,EAAuB,gBAAVF,IAAsBA,GAGtDA,EAAMynB,UAAYL,EAAe,EAAI,EACrCpnB,EAAM6mB,UAAYR,EAAW5X,KAAK,KAClCzO,EAAM0nB,aAAe1nB,EAAM6mB,UACtB7a,OAAQ,UAAYqa,EAAW5X,KAAK,iBAAmB,WAC3D,KAGDzO,EAAM4T,OAAS9W,EACTkD,EAAM8D,SACX9D,EAAM8D,OAASlD,GAIhBoF,EAAe,MAARA,GACJhG,GACFzC,EAAOsE,UAAWmE,GAAQhG,IAG3BimB,EAAU1oB,EAAOyC,MAAMimB,QAAS/lB,OAC1BknB,IAAgBnB,EAAQnhB,SAAWmhB,EAAQnhB,QAAQnC,MAAO/B,EAAMoF,MAAW,GAAjF,CAMA,IAAMohB,IAAiBnB,EAAQ0B,WAAapqB,EAAO2H,SAAUtE,GAAS,CAMrE,IAJA0mB,EAAarB,EAAQU,cAAgBzmB,EAC/BolB,GAAYhkB,KAAMgmB,EAAapnB,KACpCyP,EAAMA,EAAIhO,YAEHgO,EAAKA,EAAMA,EAAIhO,WACtB4lB,EAAUvpB,KAAM2R,GAChB7I,EAAM6I,CAIF7I,MAASlG,EAAKS,eAAiBlE,IACnCoqB,EAAUvpB,KAAM8I,EAAIyJ,aAAezJ,EAAI8gB,cAAgB/qB,GAKzDmG,EAAI,CACJ,QAAS2M,EAAM4X,EAAUvkB,QAAUhD,EAAM6nB,uBAExC7nB,EAAME,KAAO8C,EAAI,EAChBskB,EACArB,EAAQW,UAAY1mB,EAGrBsmB,GAAWjpB,EAAO+jB,MAAO3R,EAAK,eAAoB3P,EAAME,OAAU3C,EAAO+jB,MAAO3R,EAAK,UAChF6W,GACJA,EAAO7jB,MAAOgN,EAAK3J,GAIpBwgB,EAASa,GAAU1X,EAAK0X,GACnBb,GAAUjpB,EAAOkjB,WAAY9Q,IAAS6W,EAAO7jB,OAAS6jB,EAAO7jB,MAAOgN,EAAK3J,MAAW,GACxFhG,EAAM8nB,gBAMR,IAHA9nB,EAAME,KAAOA,GAGPknB,IAAiBpnB,EAAM+nB,wBAErB9B,EAAQ+B,UAAY/B,EAAQ+B,SAASrlB,MAAO4kB,EAAU/b,MAAOxF,MAAW,IAC9EzI,EAAOkjB,WAAY7f,IAKdymB,GAAUzmB,EAAMV,KAAW3C,EAAO2H,SAAUtE,GAAS,CAGzDkG,EAAMlG,EAAMymB,GAEPvgB,IACJlG,EAAMymB,GAAW,MAIlB9pB,EAAOyC,MAAMymB,UAAYvmB,CACzB,KACCU,EAAMV,KACL,MAAQuF,IAIVlI,EAAOyC,MAAMymB,UAAY3pB,EAEpBgK,IACJlG,EAAMymB,GAAWvgB,GAMrB,MAAO9G,GAAM4T,SAGd8S,SAAU,SAAU1mB,GAGnBA,EAAQzC,EAAOyC,MAAMioB,IAAKjoB,EAE1B,IAAIgD,GAAGZ,EAAK+jB,EAAW1R,EAASvR,EAC/BglB,KACA1lB,EAAOvE,EAAW8D,KAAMa,WACxBwjB,GAAa7oB,EAAO+jB,MAAOzgB,KAAM,eAAoBb,EAAME,UAC3D+lB,EAAU1oB,EAAOyC,MAAMimB,QAASjmB,EAAME,SAOvC,IAJAsC,EAAK,GAAKxC,EACVA,EAAMmoB,eAAiBtnB,MAGlBolB,EAAQmC,aAAenC,EAAQmC,YAAYrmB,KAAMlB,KAAMb,MAAY,EAAxE,CAKAkoB,EAAe3qB,EAAOyC,MAAMomB,SAASrkB,KAAMlB,KAAMb,EAAOomB,GAGxDpjB,EAAI,CACJ,QAASyR,EAAUyT,EAAcllB,QAAWhD,EAAM6nB,uBAAyB,CAC1E7nB,EAAMqoB,cAAgB5T,EAAQ7T,KAE9BsC,EAAI,CACJ,QAASijB,EAAY1R,EAAQ2R,SAAUljB,QAAWlD,EAAMsoB,kCAIjDtoB,EAAM0nB,cAAgB1nB,EAAM0nB,aAAapmB,KAAM6kB,EAAUU,cAE9D7mB,EAAMmmB,UAAYA,EAClBnmB,EAAMgG,KAAOmgB,EAAUngB,KAEvB5D,IAAS7E,EAAOyC,MAAMimB,QAASE,EAAUG,eAAkBE,QAAUL,EAAU3W,SAC5E7M,MAAO8R,EAAQ7T,KAAM4B,GAEnBJ,IAAQtF,IACNkD,EAAM4T,OAASxR,MAAS,IAC7BpC,EAAM8nB,iBACN9nB,EAAMuoB,oBAYX,MAJKtC,GAAQuC,cACZvC,EAAQuC,aAAazmB,KAAMlB,KAAMb,GAG3BA,EAAM4T,SAGdwS,SAAU,SAAUpmB,EAAOomB,GAC1B,GAAIqC,GAAKtC,EAAW1b,EAASzH,EAC5BklB,KACApB,EAAgBV,EAASU,cACzBnX,EAAM3P,EAAM8D,MAKb,IAAKgjB,GAAiBnX,EAAIvO,YAAcpB,EAAM+V,QAAyB,UAAf/V,EAAME,MAG7D,KAAQyP,GAAO9O,KAAM8O,EAAMA,EAAIhO,YAAcd,KAK5C,GAAsB,IAAjB8O,EAAIvO,WAAmBuO,EAAI8F,YAAa,GAAuB,UAAfzV,EAAME,MAAoB,CAE9E,IADAuK,KACMzH,EAAI,EAAO8jB,EAAJ9jB,EAAmBA,IAC/BmjB,EAAYC,EAAUpjB,GAGtBylB,EAAMtC,EAAUxnB,SAAW,IAEtB8L,EAASge,KAAU3rB,IACvB2N,EAASge,GAAQtC,EAAUpZ,aAC1BxP,EAAQkrB,EAAK5nB,MAAOua,MAAOzL,IAAS,EACpCpS,EAAO0D,KAAMwnB,EAAK5nB,KAAM,MAAQ8O,IAAQ5O,QAErC0J,EAASge,IACbhe,EAAQzM,KAAMmoB,EAGX1b,GAAQ1J,QACZmnB,EAAalqB,MAAO4C,KAAM+O,EAAKyW,SAAU3b,IAW7C,MAJqB2b,GAASrlB,OAAzB+lB,GACJoB,EAAalqB,MAAO4C,KAAMC,KAAMulB,SAAUA,EAASloB,MAAO4oB,KAGpDoB,GAGRD,IAAK,SAAUjoB,GACd,GAAKA,EAAOzC,EAAO0G,SAClB,MAAOjE,EAIR,IAAIgD,GAAGmgB,EAAMzf,EACZxD,EAAOF,EAAME,KACbwoB,EAAgB1oB,EAChB2oB,EAAU9nB,KAAK+nB,SAAU1oB,EAEpByoB,KACL9nB,KAAK+nB,SAAU1oB,GAASyoB,EACvBtD,GAAY/jB,KAAMpB,GAASW,KAAKgoB,WAChCzD,GAAU9jB,KAAMpB,GAASW,KAAKioB,aAGhCplB,EAAOilB,EAAQI,MAAQloB,KAAKkoB,MAAMjrB,OAAQ6qB,EAAQI,OAAUloB,KAAKkoB,MAEjE/oB,EAAQ,GAAIzC,GAAOiqB,MAAOkB,GAE1B1lB,EAAIU,EAAK3C,MACT,OAAQiC,IACPmgB,EAAOzf,EAAMV,GACbhD,EAAOmjB,GAASuF,EAAevF,EAmBhC,OAdMnjB,GAAM8D,SACX9D,EAAM8D,OAAS4kB,EAAcM,YAAc7rB,GAKb,IAA1B6C,EAAM8D,OAAO1C,WACjBpB,EAAM8D,OAAS9D,EAAM8D,OAAOnC,YAK7B3B,EAAMipB,UAAYjpB,EAAMipB,QAEjBN,EAAQ5X,OAAS4X,EAAQ5X,OAAQ/Q,EAAO0oB,GAAkB1oB,GAIlE+oB,MAAO,wHAAwHlf,MAAM,KAErI+e,YAEAE,UACCC,MAAO,4BAA4Blf,MAAM,KACzCkH,OAAQ,SAAU/Q,EAAOkpB,GAOxB,MAJoB,OAAflpB,EAAMmpB,QACVnpB,EAAMmpB,MAA6B,MAArBD,EAASE,SAAmBF,EAASE,SAAWF,EAASG,SAGjErpB,IAIT6oB,YACCE,MAAO,mGAAmGlf,MAAM,KAChHkH,OAAQ,SAAU/Q,EAAOkpB,GACxB,GAAIvkB,GAAM2kB,EAAUjZ,EACnB0F,EAASmT,EAASnT,OAClBwT,EAAcL,EAASK,WAuBxB,OApBoB,OAAfvpB,EAAMwpB,OAAqC,MAApBN,EAASO,UACpCH,EAAWtpB,EAAM8D,OAAOzC,eAAiBlE,EACzCkT,EAAMiZ,EAASjsB,gBACfsH,EAAO2kB,EAAS3kB,KAEhB3E,EAAMwpB,MAAQN,EAASO,SAAYpZ,GAAOA,EAAIqZ,YAAc/kB,GAAQA,EAAK+kB,YAAc,IAAQrZ,GAAOA,EAAIsZ,YAAchlB,GAAQA,EAAKglB,YAAc,GACnJ3pB,EAAM4pB,MAAQV,EAASW,SAAYxZ,GAAOA,EAAIyZ,WAAcnlB,GAAQA,EAAKmlB,WAAc,IAAQzZ,GAAOA,EAAI0Z,WAAcplB,GAAQA,EAAKolB,WAAc,KAI9I/pB,EAAMgqB,eAAiBT,IAC5BvpB,EAAMgqB,cAAgBT,IAAgBvpB,EAAM8D,OAASolB,EAASe,UAAYV,GAKrEvpB,EAAMmpB,OAASpT,IAAWjZ,IAC/BkD,EAAMmpB,MAAmB,EAATpT,EAAa,EAAe,EAATA,EAAa,EAAe,EAATA,EAAa,EAAI,GAGjE/V,IAITimB,SACCiE,MAECvC,UAAU,GAEXxS,OAECrQ,QAAS,WACR,GAAKjE,OAAS6kB,MAAuB7kB,KAAKsU,MACzC,IAEC,MADAtU,MAAKsU,SACE,EACN,MAAQ1P,MAOZkhB,aAAc,WAEfwD,MACCrlB,QAAS,WACR,MAAKjE,QAAS6kB,MAAuB7kB,KAAKspB,MACzCtpB,KAAKspB,QACE,GAFR,GAKDxD,aAAc,YAEfxH,OAECra,QAAS,WACR,MAAKvH,GAAOmK,SAAU7G,KAAM,UAA2B,aAAdA,KAAKX,MAAuBW,KAAKse,OACzEte,KAAKse,SACE,GAFR,GAOD6I,SAAU,SAAUhoB,GACnB,MAAOzC,GAAOmK,SAAU1H,EAAM8D,OAAQ,OAIxCsmB,cACC5B,aAAc,SAAUxoB,GAGlBA,EAAM4T,SAAW9W,IACrBkD,EAAM0oB,cAAc2B,YAAcrqB,EAAM4T,WAM5C0W,SAAU,SAAUpqB,EAAMU,EAAMZ,EAAOuqB,GAItC,GAAI9kB,GAAIlI,EAAOgG,OACd,GAAIhG,GAAOiqB,MACXxnB,GAECE,KAAMA,EACNsqB,aAAa,EACb9B,kBAGG6B,GACJhtB,EAAOyC,MAAM8E,QAASW,EAAG,KAAM7E,GAE/BrD,EAAOyC,MAAM0mB,SAAS3kB,KAAMnB,EAAM6E,GAE9BA,EAAEsiB,sBACN/nB,EAAM8nB,mBAKTvqB,EAAO4pB,YAAchqB,EAASmD,oBAC7B,SAAUM,EAAMV,EAAMsmB,GAChB5lB,EAAKN,qBACTM,EAAKN,oBAAqBJ,EAAMsmB,GAAQ,IAG1C,SAAU5lB,EAAMV,EAAMsmB,GACrB,GAAI7iB,GAAO,KAAOzD,CAEbU,GAAKL,oBAIGK,GAAM+C,KAAW1G,IAC5B2D,EAAM+C,GAAS,MAGhB/C,EAAKL,YAAaoD,EAAM6iB,KAI3BjpB,EAAOiqB,MAAQ,SAAUhkB,EAAKulB,GAE7B,MAAOloB,gBAAgBtD,GAAOiqB,OAKzBhkB,GAAOA,EAAItD,MACfW,KAAK6nB,cAAgBllB,EACrB3C,KAAKX,KAAOsD,EAAItD,KAIhBW,KAAKknB,mBAAuBvkB,EAAIinB,kBAAoBjnB,EAAI6mB,eAAgB,GACvE7mB,EAAIknB,mBAAqBlnB,EAAIknB,oBAAwBlF,GAAaC,IAInE5kB,KAAKX,KAAOsD,EAIRulB,GACJxrB,EAAOgG,OAAQ1C,KAAMkoB,GAItBloB,KAAK8pB,UAAYnnB,GAAOA,EAAImnB,WAAaptB,EAAO0L,MAGhDpI,KAAMtD,EAAO0G,UAAY,EAvBzB,GAJQ,GAAI1G,GAAOiqB,MAAOhkB,EAAKulB,IAgChCxrB,EAAOiqB,MAAMhnB,WACZunB,mBAAoBtC,GACpBoC,qBAAsBpC,GACtB6C,8BAA+B7C,GAE/BqC,eAAgB,WACf,GAAIriB,GAAI5E,KAAK6nB,aAEb7nB,MAAKknB,mBAAqBvC,GACpB/f,IAKDA,EAAEqiB,eACNriB,EAAEqiB,iBAKFriB,EAAE4kB,aAAc,IAGlB9B,gBAAiB,WAChB,GAAI9iB,GAAI5E,KAAK6nB,aAEb7nB,MAAKgnB,qBAAuBrC,GACtB/f,IAIDA,EAAE8iB,iBACN9iB,EAAE8iB,kBAKH9iB,EAAEmlB,cAAe,IAElBC,yBAA0B,WACzBhqB,KAAKynB,8BAAgC9C,GACrC3kB,KAAK0nB,oBAKPhrB,EAAO+E,MACNwoB,WAAY,YACZC,WAAY,YACV,SAAUC,EAAM/C,GAClB1qB,EAAOyC,MAAMimB,QAAS+E,IACrBrE,aAAcsB,EACdrB,SAAUqB,EAEVzB,OAAQ,SAAUxmB,GACjB,GAAIoC,GACH0B,EAASjD,KACToqB,EAAUjrB,EAAMgqB,cAChB7D,EAAYnmB,EAAMmmB,SASnB,SALM8E,GAAYA,IAAYnnB,IAAWvG,EAAOmN,SAAU5G,EAAQmnB,MACjEjrB,EAAME,KAAOimB,EAAUG,SACvBlkB,EAAM+jB,EAAU3W,QAAQ7M,MAAO9B,KAAM+B,WACrC5C,EAAME,KAAO+nB,GAEP7lB,MAMJ7E,EAAOmI,QAAQwlB,gBAEpB3tB,EAAOyC,MAAMimB,QAAQxP,QACpBsQ,MAAO,WAEN,MAAKxpB,GAAOmK,SAAU7G,KAAM,SACpB,GAIRtD,EAAOyC,MAAMmb,IAAKta,KAAM,iCAAkC,SAAU4E,GAEnE,GAAI7E,GAAO6E,EAAE3B,OACZqnB,EAAO5tB,EAAOmK,SAAU9G,EAAM,UAAarD,EAAOmK,SAAU9G,EAAM,UAAaA,EAAKuqB,KAAOruB,CACvFquB,KAAS5tB,EAAO+jB,MAAO6J,EAAM,mBACjC5tB,EAAOyC,MAAMmb,IAAKgQ,EAAM,iBAAkB,SAAUnrB,GACnDA,EAAMorB,gBAAiB,IAExB7tB,EAAO+jB,MAAO6J,EAAM,iBAAiB,MARvC5tB,IAcDirB,aAAc,SAAUxoB,GAElBA,EAAMorB,uBACHprB,GAAMorB,eACRvqB,KAAKc,aAAe3B,EAAMynB,WAC9BlqB,EAAOyC,MAAMsqB,SAAU,SAAUzpB,KAAKc,WAAY3B,GAAO,KAK5DknB,SAAU,WAET,MAAK3pB,GAAOmK,SAAU7G,KAAM,SACpB,GAIRtD,EAAOyC,MAAMsG,OAAQzF,KAAM,YAA3BtD,MAMGA,EAAOmI,QAAQ2lB,gBAEpB9tB,EAAOyC,MAAMimB,QAAQ7G,QAEpB2H,MAAO,WAEN,MAAK5B,GAAW7jB,KAAMT,KAAK6G,YAIP,aAAd7G,KAAKX,MAAqC,UAAdW,KAAKX,QACrC3C,EAAOyC,MAAMmb,IAAKta,KAAM,yBAA0B,SAAUb,GACjB,YAArCA,EAAM0oB,cAAc4C,eACxBzqB,KAAK0qB,eAAgB,KAGvBhuB,EAAOyC,MAAMmb,IAAKta,KAAM,gBAAiB,SAAUb,GAC7Ca,KAAK0qB,gBAAkBvrB,EAAMynB,YACjC5mB,KAAK0qB,eAAgB,GAGtBhuB,EAAOyC,MAAMsqB,SAAU,SAAUzpB,KAAMb,GAAO,OAGzC,IAGRzC,EAAOyC,MAAMmb,IAAKta,KAAM,yBAA0B,SAAU4E,GAC3D,GAAI7E,GAAO6E,EAAE3B,MAERqhB,GAAW7jB,KAAMV,EAAK8G,YAAenK,EAAO+jB,MAAO1gB,EAAM,mBAC7DrD,EAAOyC,MAAMmb,IAAKva,EAAM,iBAAkB,SAAUZ,IAC9Ca,KAAKc,YAAe3B,EAAMwqB,aAAgBxqB,EAAMynB,WACpDlqB,EAAOyC,MAAMsqB,SAAU,SAAUzpB,KAAKc,WAAY3B,GAAO,KAG3DzC,EAAO+jB,MAAO1gB,EAAM,iBAAiB,MATvCrD,IAcDipB,OAAQ,SAAUxmB,GACjB,GAAIY,GAAOZ,EAAM8D,MAGjB,OAAKjD,QAASD,GAAQZ,EAAMwqB,aAAexqB,EAAMynB,WAA4B,UAAd7mB,EAAKV,MAAkC,aAAdU,EAAKV,KACrFF,EAAMmmB,UAAU3W,QAAQ7M,MAAO9B,KAAM+B,WAD7C,GAKDskB,SAAU,WAGT,MAFA3pB,GAAOyC,MAAMsG,OAAQzF,KAAM,aAEnBskB,EAAW7jB,KAAMT,KAAK6G,aAM3BnK,EAAOmI,QAAQ8lB,gBACpBjuB,EAAO+E,MAAO6S,MAAO,UAAWgV,KAAM,YAAc,SAAUa,EAAM/C,GAGnE,GAAIwD,GAAW,EACdjc,EAAU,SAAUxP,GACnBzC,EAAOyC,MAAMsqB,SAAUrC,EAAKjoB,EAAM8D,OAAQvG,EAAOyC,MAAMioB,IAAKjoB,IAAS,GAGvEzC,GAAOyC,MAAMimB,QAASgC,IACrBlB,MAAO,WACc,IAAf0E,KACJtuB,EAAS8C,iBAAkB+qB,EAAMxb,GAAS,IAG5C0X,SAAU,WACW,MAAbuE,GACNtuB,EAASmD,oBAAqB0qB,EAAMxb,GAAS,OAOlDjS,EAAOsB,GAAG0E,QAETmoB,GAAI,SAAU7F,EAAOlnB,EAAUqH,EAAMnH,EAAiBqlB,GACrD,GAAIhkB,GAAMyrB,CAGV,IAAsB,gBAAV9F,GAAqB,CAEP,gBAAblnB,KAEXqH,EAAOA,GAAQrH,EACfA,EAAW7B,EAEZ,KAAMoD,IAAQ2lB,GACbhlB,KAAK6qB,GAAIxrB,EAAMvB,EAAUqH,EAAM6f,EAAO3lB,GAAQgkB,EAE/C,OAAOrjB,MAmBR,GAhBa,MAARmF,GAAsB,MAANnH,GAEpBA,EAAKF,EACLqH,EAAOrH,EAAW7B,GACD,MAAN+B,IACc,gBAAbF,IAEXE,EAAKmH,EACLA,EAAOlJ,IAGP+B,EAAKmH,EACLA,EAAOrH,EACPA,EAAW7B,IAGR+B,KAAO,EACXA,EAAK4mB,OACC,KAAM5mB,EACZ,MAAOgC,KAaR,OAVa,KAARqjB,IACJyH,EAAS9sB,EACTA,EAAK,SAAUmB,GAGd,MADAzC,KAASwH,IAAK/E,GACP2rB,EAAOhpB,MAAO9B,KAAM+B,YAG5B/D,EAAG6J,KAAOijB,EAAOjjB,OAAUijB,EAAOjjB,KAAOnL,EAAOmL,SAE1C7H,KAAKyB,KAAM,WACjB/E,EAAOyC,MAAMmb,IAAKta,KAAMglB,EAAOhnB,EAAImH,EAAMrH,MAG3CulB,IAAK,SAAU2B,EAAOlnB,EAAUqH,EAAMnH,GACrC,MAAOgC,MAAK6qB,GAAI7F,EAAOlnB,EAAUqH,EAAMnH,EAAI,IAE5CkG,IAAK,SAAU8gB,EAAOlnB,EAAUE,GAC/B,GAAIsnB,GAAWjmB,CACf,IAAK2lB,GAASA,EAAMiC,gBAAkBjC,EAAMM,UAQ3C,MANAA,GAAYN,EAAMM,UAClB5oB,EAAQsoB,EAAMsC,gBAAiBpjB,IAC9BohB,EAAUU,UAAYV,EAAUG,SAAW,IAAMH,EAAUU,UAAYV,EAAUG,SACjFH,EAAUxnB,SACVwnB,EAAU3W,SAEJ3O,IAER,IAAsB,gBAAVglB,GAAqB,CAEhC,IAAM3lB,IAAQ2lB,GACbhlB,KAAKkE,IAAK7E,EAAMvB,EAAUknB,EAAO3lB,GAElC,OAAOW,MAUR,OARKlC,KAAa,GAA6B,kBAAbA,MAEjCE,EAAKF,EACLA,EAAW7B,GAEP+B,KAAO,IACXA,EAAK4mB,IAEC5kB,KAAKyB,KAAK,WAChB/E,EAAOyC,MAAMsG,OAAQzF,KAAMglB,EAAOhnB,EAAIF,MAIxCmG,QAAS,SAAU5E,EAAM8F,GACxB,MAAOnF,MAAKyB,KAAK,WAChB/E,EAAOyC,MAAM8E,QAAS5E,EAAM8F,EAAMnF,SAGpC+qB,eAAgB,SAAU1rB,EAAM8F,GAC/B,GAAIpF,GAAOC,KAAK,EAChB,OAAKD,GACGrD,EAAOyC,MAAM8E,QAAS5E,EAAM8F,EAAMpF,GAAM,GADhD,IAKF,IAAIirB,IAAW,iBACdC,GAAe,iCACfC,GAAgBxuB,EAAO4U,KAAKxR,MAAMoM,aAElCif,IACCC,UAAU,EACVC,UAAU,EACVpK,MAAM,EACNqK,MAAM,EAGR5uB,GAAOsB,GAAG0E,QACTtC,KAAM,SAAUtC,GACf,GAAIqE,GACHZ,KACA6Y,EAAOpa,KACPoC,EAAMgY,EAAKla,MAEZ,IAAyB,gBAAbpC,GACX,MAAOkC,MAAKqB,UAAW3E,EAAQoB,GAAWoS,OAAO,WAChD,IAAM/N,EAAI,EAAOC,EAAJD,EAASA,IACrB,GAAKzF,EAAOmN,SAAUuQ,EAAMjY,GAAKnC,MAChC,OAAO,IAMX,KAAMmC,EAAI,EAAOC,EAAJD,EAASA,IACrBzF,EAAO0D,KAAMtC,EAAUsc,EAAMjY,GAAKZ,EAMnC,OAFAA,GAAMvB,KAAKqB,UAAWe,EAAM,EAAI1F,EAAOwc,OAAQ3X,GAAQA,GACvDA,EAAIzD,SAAWkC,KAAKlC,SAAWkC,KAAKlC,SAAW,IAAMA,EAAWA,EACzDyD,GAGRyS,IAAK,SAAU/Q,GACd,GAAId,GACHopB,EAAU7uB,EAAQuG,EAAQjD,MAC1BoC,EAAMmpB,EAAQrrB,MAEf,OAAOF,MAAKkQ,OAAO,WAClB,IAAM/N,EAAI,EAAOC,EAAJD,EAASA,IACrB,GAAKzF,EAAOmN,SAAU7J,KAAMurB,EAAQppB,IACnC,OAAO,KAMX0R,IAAK,SAAU/V,GACd,MAAOkC,MAAKqB,UAAWmqB,GAAOxrB,KAAMlC,OAAgB,KAGrDoS,OAAQ,SAAUpS,GACjB,MAAOkC,MAAKqB,UAAWmqB,GAAOxrB,KAAMlC,OAAgB,KAGrD2tB,GAAI,SAAU3tB,GACb,QAAS0tB,GACRxrB,KAIoB,gBAAblC,IAAyBotB,GAAczqB,KAAM3C,GACnDpB,EAAQoB,GACRA,OACD,GACCoC,QAGHwrB,QAAS,SAAU1Z,EAAWjU,GAC7B,GAAI+Q,GACH3M,EAAI,EACJqF,EAAIxH,KAAKE,OACTqB,KACAoqB,EAAMT,GAAczqB,KAAMuR,IAAoC,gBAAdA,GAC/CtV,EAAQsV,EAAWjU,GAAWiC,KAAKjC,SACnC,CAEF,MAAYyJ,EAAJrF,EAAOA,IACd,IAAM2M,EAAM9O,KAAKmC,GAAI2M,GAAOA,IAAQ/Q,EAAS+Q,EAAMA,EAAIhO,WAEtD,GAAoB,GAAfgO,EAAIvO,WAAkBorB,EAC1BA,EAAIpR,MAAMzL,GAAO,GAGA,IAAjBA,EAAIvO,UACH7D,EAAO0D,KAAKmQ,gBAAgBzB,EAAKkD,IAAc,CAEhDlD,EAAMvN,EAAIpE,KAAM2R,EAChB,OAKH,MAAO9O,MAAKqB,UAAWE,EAAIrB,OAAS,EAAIxD,EAAOwc,OAAQ3X,GAAQA,IAKhEgZ,MAAO,SAAUxa,GAGhB,MAAMA,GAKe,gBAATA,GACJrD,EAAO2K,QAASrH,KAAK,GAAItD,EAAQqD,IAIlCrD,EAAO2K,QAEbtH,EAAKH,OAASG,EAAK,GAAKA,EAAMC,MAXrBA,KAAK,IAAMA,KAAK,GAAGc,WAAed,KAAKgC,QAAQ4pB,UAAU1rB,OAAS,IAc7Eoa,IAAK,SAAUxc,EAAUC,GACxB,GAAIolB,GAA0B,gBAAbrlB,GACfpB,EAAQoB,EAAUC,GAClBrB,EAAOsE,UAAWlD,GAAYA,EAASyC,UAAazC,GAAaA,GAClEiB,EAAMrC,EAAO2D,MAAOL,KAAKmB,MAAOgiB,EAEjC,OAAOnjB,MAAKqB,UAAW3E,EAAOwc,OAAOna,KAGtC8sB,QAAS,SAAU/tB,GAClB,MAAOkC,MAAKsa,IAAiB,MAAZxc,EAChBkC,KAAKwB,WAAaxB,KAAKwB,WAAW0O,OAAOpS,MAK5C,SAASguB,IAAShd,EAAKsD,GACtB,EACCtD,GAAMA,EAAKsD,SACFtD,GAAwB,IAAjBA,EAAIvO,SAErB,OAAOuO,GAGRpS,EAAO+E,MACNgO,OAAQ,SAAU1P,GACjB,GAAI0P,GAAS1P,EAAKe,UAClB,OAAO2O,IAA8B,KAApBA,EAAOlP,SAAkBkP,EAAS,MAEpDsc,QAAS,SAAUhsB,GAClB,MAAOrD,GAAO0V,IAAKrS,EAAM,eAE1BisB,aAAc,SAAUjsB,EAAMoC,EAAG8pB,GAChC,MAAOvvB,GAAO0V,IAAKrS,EAAM,aAAcksB,IAExChL,KAAM,SAAUlhB,GACf,MAAO+rB,IAAS/rB,EAAM,gBAEvBurB,KAAM,SAAUvrB,GACf,MAAO+rB,IAAS/rB,EAAM,oBAEvBmsB,QAAS,SAAUnsB,GAClB,MAAOrD,GAAO0V,IAAKrS,EAAM,gBAE1B6rB,QAAS,SAAU7rB,GAClB,MAAOrD,GAAO0V,IAAKrS,EAAM,oBAE1BosB,UAAW,SAAUpsB,EAAMoC,EAAG8pB,GAC7B,MAAOvvB,GAAO0V,IAAKrS,EAAM,cAAeksB,IAEzCG,UAAW,SAAUrsB,EAAMoC,EAAG8pB,GAC7B,MAAOvvB,GAAO0V,IAAKrS,EAAM,kBAAmBksB,IAE7CI,SAAU,SAAUtsB,GACnB,MAAOrD,GAAOovB,SAAW/rB,EAAKe,gBAAmBiP,WAAYhQ,IAE9DqrB,SAAU,SAAUrrB,GACnB,MAAOrD,GAAOovB,QAAS/rB,EAAKgQ,aAE7Bsb,SAAU,SAAUtrB,GACnB,MAAOrD,GAAOmK,SAAU9G,EAAM,UAC7BA,EAAKusB,iBAAmBvsB,EAAKwsB,cAAcjwB,SAC3CI,EAAO2D,SAAWN,EAAK2F,cAEvB,SAAU5C,EAAM9E,GAClBtB,EAAOsB,GAAI8E,GAAS,SAAUmpB,EAAOnuB,GACpC,GAAIyD,GAAM7E,EAAO4F,IAAKtC,KAAMhC,EAAIiuB,EAsBhC,OApB0B,UAArBnpB,EAAKzF,MAAO,MAChBS,EAAWmuB,GAGPnuB,GAAgC,gBAAbA,KACvByD,EAAM7E,EAAOwT,OAAQpS,EAAUyD,IAG3BvB,KAAKE,OAAS,IAEZirB,GAAkBroB,KACvBvB,EAAM7E,EAAOwc,OAAQ3X,IAIjB0pB,GAAaxqB,KAAMqC,KACvBvB,EAAMA,EAAIirB,YAILxsB,KAAKqB,UAAWE,MAIzB7E,EAAOgG,QACNwN,OAAQ,SAAUoB,EAAMhQ,EAAOuS,GAC9B,GAAI9T,GAAOuB,EAAO,EAMlB,OAJKuS,KACJvC,EAAO,QAAUA,EAAO,KAGD,IAAjBhQ,EAAMpB,QAAkC,IAAlBH,EAAKQ,SACjC7D,EAAO0D,KAAKmQ,gBAAiBxQ,EAAMuR,IAAWvR,MAC9CrD,EAAO0D,KAAKwJ,QAAS0H,EAAM5U,EAAO+K,KAAMnG,EAAO,SAAUvB,GACxD,MAAyB,KAAlBA,EAAKQ,aAIf6R,IAAK,SAAUrS,EAAMqS,EAAK6Z,GACzB,GAAIrY,MACH9E,EAAM/O,EAAMqS,EAEb,OAAQtD,GAAwB,IAAjBA,EAAIvO,WAAmB0rB,IAAUhwB,GAA8B,IAAjB6S,EAAIvO,WAAmB7D,EAAQoS,GAAM2c,GAAIQ,IAC/E,IAAjBnd,EAAIvO,UACRqT,EAAQzW,KAAM2R,GAEfA,EAAMA,EAAIsD,EAEX,OAAOwB,IAGRkY,QAAS,SAAUW,EAAG1sB,GACrB,GAAI2sB,KAEJ,MAAQD,EAAGA,EAAIA,EAAExd,YACI,IAAfwd,EAAElsB,UAAkBksB,IAAM1sB,GAC9B2sB,EAAEvvB,KAAMsvB,EAIV,OAAOC,KAKT,SAASlB,IAAQja,EAAUob,EAAW9Y,GACrC,GAAKnX,EAAOiE,WAAYgsB,GACvB,MAAOjwB,GAAO+K,KAAM8J,EAAU,SAAUxR,EAAMoC,GAE7C,QAASwqB,EAAUzrB,KAAMnB,EAAMoC,EAAGpC,KAAW8T,GAK/C,IAAK8Y,EAAUpsB,SACd,MAAO7D,GAAO+K,KAAM8J,EAAU,SAAUxR,GACvC,MAASA,KAAS4sB,IAAgB9Y,GAKpC,IAA0B,gBAAd8Y,GAAyB,CACpC,GAAK3B,GAASvqB,KAAMksB,GACnB,MAAOjwB,GAAOwT,OAAQyc,EAAWpb,EAAUsC,EAG5C8Y,GAAYjwB,EAAOwT,OAAQyc,EAAWpb,GAGvC,MAAO7U,GAAO+K,KAAM8J,EAAU,SAAUxR,GACvC,MAASrD,GAAO2K,QAAStH,EAAM4sB,IAAe,IAAQ9Y,IAGxD,QAAS+Y,IAAoBtwB,GAC5B,GAAIyd,GAAO8S,GAAU7jB,MAAO,KAC3B8jB,EAAWxwB,EAAS6hB,wBAErB,IAAK2O,EAASvnB,cACb,MAAQwU,EAAK7Z,OACZ4sB,EAASvnB,cACRwU,EAAKpP,MAIR,OAAOmiB,GAGR,GAAID,IAAY,6JAEfE,GAAgB,6BAChBC,GAAmB7hB,OAAO,OAAS0hB,GAAY,WAAY,KAC3DI,GAAqB,OACrBC,GAAY,0EACZC,GAAW,YACXC,GAAS,UACTC,GAAQ,YACRC,GAAe,0BACfC,GAA8B,wBAE9BC,GAAW,oCACXC,GAAc,4BACdC,GAAoB,cACpBC,GAAe,2CAGfC,IACCxK,QAAU,EAAG,+BAAgC,aAC7CyK,QAAU,EAAG,aAAc,eAC3BC,MAAQ,EAAG,QAAS,UACpBC,OAAS,EAAG,WAAY,aACxBC,OAAS,EAAG,UAAW,YACvBC,IAAM,EAAG,iBAAkB,oBAC3BC,KAAO,EAAG,mCAAoC,uBAC9CC,IAAM,EAAG,qBAAsB,yBAI/BhH,SAAUzqB,EAAOmI,QAAQkY,eAAkB,EAAG,GAAI,KAAS,EAAG,SAAU,WAEzEqR,GAAexB,GAAoBtwB,GACnC+xB,GAAcD,GAAaxe,YAAatT,EAASiJ,cAAc,OAEhEqoB,IAAQU,SAAWV,GAAQxK,OAC3BwK,GAAQ9Q,MAAQ8Q,GAAQW,MAAQX,GAAQY,SAAWZ,GAAQa,QAAUb,GAAQI,MAC7EJ,GAAQc,GAAKd,GAAQO,GAErBzxB,EAAOsB,GAAG0E,QACTuE,KAAM,SAAUF,GACf,MAAOrK,GAAOqL,OAAQ/H,KAAM,SAAU+G,GACrC,MAAOA,KAAU9K,EAChBS,EAAOuK,KAAMjH,MACbA,KAAKgV,QAAQ2Z,QAAU3uB,KAAK,IAAMA,KAAK,GAAGQ,eAAiBlE,GAAWsyB,eAAgB7nB,KACrF,KAAMA,EAAOhF,UAAU7B,SAG3ByuB,OAAQ,WACP,MAAO3uB,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GAC1C,GAAuB,IAAlBC,KAAKO,UAAoC,KAAlBP,KAAKO,UAAqC,IAAlBP,KAAKO,SAAiB,CACzE,GAAI0C,GAAS6rB,GAAoB9uB,KAAMD,EACvCkD,GAAO2M,YAAa7P,OAKvBgvB,QAAS,WACR,MAAO/uB,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GAC1C,GAAuB,IAAlBC,KAAKO,UAAoC,KAAlBP,KAAKO,UAAqC,IAAlBP,KAAKO,SAAiB,CACzE,GAAI0C,GAAS6rB,GAAoB9uB,KAAMD,EACvCkD,GAAO+rB,aAAcjvB,EAAMkD,EAAO8M,gBAKrCkf,OAAQ,WACP,MAAOjvB,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GACrCC,KAAKc,YACTd,KAAKc,WAAWkuB,aAAcjvB,EAAMC,SAKvCkvB,MAAO,WACN,MAAOlvB,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GACrCC,KAAKc,YACTd,KAAKc,WAAWkuB,aAAcjvB,EAAMC,KAAKiP,gBAM5CxJ,OAAQ,SAAU3H,EAAUqxB,GAC3B,GAAIpvB,GACHuB,EAAQxD,EAAWpB,EAAOwT,OAAQpS,EAAUkC,MAASA,KACrDmC,EAAI,CAEL,MAA6B,OAApBpC,EAAOuB,EAAMa,IAAaA,IAE5BgtB,GAA8B,IAAlBpvB,EAAKQ,UACtB7D,EAAOyjB,UAAWiP,GAAQrvB,IAGtBA,EAAKe,aACJquB,GAAYzyB,EAAOmN,SAAU9J,EAAKS,cAAeT,IACrDsvB,GAAeD,GAAQrvB,EAAM,WAE9BA,EAAKe,WAAW0N,YAAazO,GAI/B,OAAOC,OAGRgV,MAAO,WACN,GAAIjV,GACHoC,EAAI,CAEL,MAA4B,OAAnBpC,EAAOC,KAAKmC,IAAaA,IAAM,CAEhB,IAAlBpC,EAAKQ,UACT7D,EAAOyjB,UAAWiP,GAAQrvB,GAAM,GAIjC,OAAQA,EAAKgQ,WACZhQ,EAAKyO,YAAazO,EAAKgQ,WAKnBhQ,GAAKgD,SAAWrG,EAAOmK,SAAU9G,EAAM,YAC3CA,EAAKgD,QAAQ7C,OAAS,GAIxB,MAAOF,OAGRgD,MAAO,SAAUssB,EAAeC,GAI/B,MAHAD,GAAiC,MAAjBA,GAAwB,EAAQA,EAChDC,EAAyC,MAArBA,EAA4BD,EAAgBC,EAEzDvvB,KAAKsC,IAAK,WAChB,MAAO5F,GAAOsG,MAAOhD,KAAMsvB,EAAeC,MAI5CC,KAAM,SAAUzoB,GACf,MAAOrK,GAAOqL,OAAQ/H,KAAM,SAAU+G,GACrC,GAAIhH,GAAOC,KAAK,OACfmC,EAAI,EACJqF,EAAIxH,KAAKE,MAEV,IAAK6G,IAAU9K,EACd,MAAyB,KAAlB8D,EAAKQ,SACXR,EAAK+P,UAAUvM,QAASwpB,GAAe,IACvC9wB,CAIF,MAAsB,gBAAV8K,IAAuBumB,GAAa7sB,KAAMsG,KACnDrK,EAAOmI,QAAQkY,eAAkBiQ,GAAavsB,KAAMsG,KACpDrK,EAAOmI,QAAQgY,mBAAsBoQ,GAAmBxsB,KAAMsG,IAC/D6mB,IAAWT,GAAShtB,KAAM4G,KAAY,GAAI,KAAM,GAAGD,gBAAkB,CAEtEC,EAAQA,EAAMxD,QAAS2pB,GAAW,YAElC,KACC,KAAW1lB,EAAJrF,EAAOA,IAEbpC,EAAOC,KAAKmC,OACW,IAAlBpC,EAAKQ,WACT7D,EAAOyjB,UAAWiP,GAAQrvB,GAAM,IAChCA,EAAK+P,UAAY/I,EAInBhH,GAAO,EAGN,MAAM6E,KAGJ7E,GACJC,KAAKgV,QAAQ2Z,OAAQ5nB,IAEpB,KAAMA,EAAOhF,UAAU7B,SAG3BuvB,YAAa,WACZ,GAEC9tB,GAAOjF,EAAO4F,IAAKtC,KAAM,SAAUD,GAClC,OAASA,EAAKkP,YAAalP,EAAKe,cAEjCqB,EAAI,CAmBL,OAhBAnC,MAAK6uB,SAAU9sB,UAAW,SAAUhC,GACnC,GAAIkhB,GAAOtf,EAAMQ,KAChBsN,EAAS9N,EAAMQ,IAEXsN,KAECwR,GAAQA,EAAKngB,aAAe2O,IAChCwR,EAAOjhB,KAAKiP,aAEbvS,EAAQsD,MAAOyF,SACfgK,EAAOuf,aAAcjvB,EAAMkhB,MAG1B,GAGI9e,EAAInC,KAAOA,KAAKyF,UAGxBlG,OAAQ,SAAUzB,GACjB,MAAOkC,MAAKyF,OAAQ3H,GAAU,IAG/B+wB,SAAU,SAAUltB,EAAMD,EAAUguB,GAGnC/tB,EAAO3E,EAAY8E,SAAWH,EAE9B,IAAIK,GAAOuN,EAAMogB,EAChBrqB,EAASkK,EAAK+M,EACdpa,EAAI,EACJqF,EAAIxH,KAAKE,OACTijB,EAAMnjB,KACN4vB,EAAWpoB,EAAI,EACfT,EAAQpF,EAAK,GACbhB,EAAajE,EAAOiE,WAAYoG,EAGjC,IAAKpG,KAAsB,GAAL6G,GAA2B,gBAAVT,IAAsBrK,EAAOmI,QAAQwZ,aAAemP,GAAS/sB,KAAMsG,GACzG,MAAO/G,MAAKyB,KAAK,SAAU8Y,GAC1B,GAAIH,GAAO+I,EAAIlhB,GAAIsY,EACd5Z,KACJgB,EAAK,GAAKoF,EAAM7F,KAAMlB,KAAMua,EAAOH,EAAKoV,SAEzCpV,EAAKyU,SAAUltB,EAAMD,EAAUguB,IAIjC,IAAKloB,IACJ+U,EAAW7f,EAAO8I,cAAe7D,EAAM3B,KAAM,GAAIQ,eAAe,GAAQkvB,GAAqB1vB,MAC7FgC,EAAQua,EAASxM,WAEmB,IAA/BwM,EAAS7W,WAAWxF,SACxBqc,EAAWva,GAGPA,GAAQ,CAMZ,IALAsD,EAAU5I,EAAO4F,IAAK8sB,GAAQ7S,EAAU,UAAYsT,IACpDF,EAAarqB,EAAQpF,OAITsH,EAAJrF,EAAOA,IACdoN,EAAOgN,EAEFpa,IAAMytB,IACVrgB,EAAO7S,EAAOsG,MAAOuM,GAAM,GAAM,GAG5BogB,GACJjzB,EAAO2D,MAAOiF,EAAS8pB,GAAQ7f,EAAM,YAIvC7N,EAASR,KAAMlB,KAAKmC,GAAIoN,EAAMpN,EAG/B,IAAKwtB,EAOJ,IANAngB,EAAMlK,EAASA,EAAQpF,OAAS,GAAIM,cAGpC9D,EAAO4F,IAAKgD,EAASwqB,IAGf3tB,EAAI,EAAOwtB,EAAJxtB,EAAgBA,IAC5BoN,EAAOjK,EAASnD,GACXsrB,GAAYhtB,KAAM8O,EAAKlQ,MAAQ,MAClC3C,EAAO+jB,MAAOlR,EAAM,eAAkB7S,EAAOmN,SAAU2F,EAAKD,KAExDA,EAAK5M,IAETjG,EAAOqzB,SAAUxgB,EAAK5M,KAEtBjG,EAAO+J,YAAc8I,EAAKtI,MAAQsI,EAAKuC,aAAevC,EAAKO,WAAa,IAAKvM,QAASoqB,GAAc,KAOxGpR,GAAWva,EAAQ,KAIrB,MAAOhC,QAMT,SAAS8uB,IAAoB/uB,EAAMiwB,GAClC,MAAOtzB,GAAOmK,SAAU9G,EAAM,UAC7BrD,EAAOmK,SAA+B,IAArBmpB,EAAQzvB,SAAiByvB,EAAUA,EAAQjgB,WAAY,MAExEhQ,EAAKwG,qBAAqB,SAAS,IAClCxG,EAAK6P,YAAa7P,EAAKS,cAAc+E,cAAc,UACpDxF,EAIF,QAAS8vB,IAAe9vB,GAEvB,MADAA,GAAKV,MAA6C,OAArC3C,EAAO0D,KAAKQ,KAAMb,EAAM,SAAqB,IAAMA,EAAKV,KAC9DU,EAER,QAAS+vB,IAAe/vB,GACvB,GAAID,GAAQ4tB,GAAkBvtB,KAAMJ,EAAKV,KAMzC,OALKS,GACJC,EAAKV,KAAOS,EAAM,GAElBC,EAAKgO,gBAAgB,QAEfhO,EAIR,QAASsvB,IAAe/tB,EAAO2uB,GAC9B,GAAIlwB,GACHoC,EAAI,CACL,MAA6B,OAApBpC,EAAOuB,EAAMa,IAAaA,IAClCzF,EAAO+jB,MAAO1gB,EAAM,cAAekwB,GAAevzB,EAAO+jB,MAAOwP,EAAY9tB,GAAI,eAIlF,QAAS+tB,IAAgBvtB,EAAKwtB,GAE7B,GAAuB,IAAlBA,EAAK5vB,UAAmB7D,EAAO6jB,QAAS5d,GAA7C,CAIA,GAAItD,GAAM8C,EAAGqF,EACZ4oB,EAAU1zB,EAAO+jB,MAAO9d,GACxB0tB,EAAU3zB,EAAO+jB,MAAO0P,EAAMC,GAC9BnL,EAASmL,EAAQnL,MAElB,IAAKA,EAAS,OACNoL,GAAQ1K,OACf0K,EAAQpL,SAER,KAAM5lB,IAAQ4lB,GACb,IAAM9iB,EAAI,EAAGqF,EAAIyd,EAAQ5lB,GAAOa,OAAYsH,EAAJrF,EAAOA,IAC9CzF,EAAOyC,MAAMmb,IAAK6V,EAAM9wB,EAAM4lB,EAAQ5lB,GAAQ8C,IAM5CkuB,EAAQlrB,OACZkrB,EAAQlrB,KAAOzI,EAAOgG,UAAY2tB,EAAQlrB,QAI5C,QAASmrB,IAAoB3tB,EAAKwtB,GACjC,GAAItpB,GAAUjC,EAAGO,CAGjB,IAAuB,IAAlBgrB,EAAK5vB,SAAV,CAOA,GAHAsG,EAAWspB,EAAKtpB,SAASC,eAGnBpK,EAAOmI,QAAQgZ,cAAgBsS,EAAMzzB,EAAO0G,SAAY,CAC7D+B,EAAOzI,EAAO+jB,MAAO0P,EAErB,KAAMvrB,IAAKO,GAAK8f,OACfvoB,EAAO4pB,YAAa6J,EAAMvrB,EAAGO,EAAKwgB,OAInCwK,GAAKpiB,gBAAiBrR,EAAO0G,SAIZ,WAAbyD,GAAyBspB,EAAKlpB,OAAStE,EAAIsE,MAC/C4oB,GAAeM,GAAOlpB,KAAOtE,EAAIsE,KACjC6oB,GAAeK,IAIS,WAAbtpB,GACNspB,EAAKrvB,aACTqvB,EAAK3S,UAAY7a,EAAI6a,WAOjB9gB,EAAOmI,QAAQyY,YAAgB3a,EAAImN,YAAcpT,EAAOmB,KAAKsyB,EAAKrgB,aACtEqgB,EAAKrgB,UAAYnN,EAAImN,YAGE,UAAbjJ,GAAwB0mB,GAA4B9sB,KAAMkC,EAAItD,OAKzE8wB,EAAKI,eAAiBJ,EAAKtb,QAAUlS,EAAIkS,QAIpCsb,EAAKppB,QAAUpE,EAAIoE,QACvBopB,EAAKppB,MAAQpE,EAAIoE,QAKM,WAAbF,EACXspB,EAAKK,gBAAkBL,EAAKrb,SAAWnS,EAAI6tB,iBAInB,UAAb3pB,GAAqC,aAAbA,KACnCspB,EAAKlX,aAAetW,EAAIsW,eAI1Bvc,EAAO+E,MACNgvB,SAAU,SACVC,UAAW,UACX1B,aAAc,SACd2B,YAAa,QACbC,WAAY,eACV,SAAU9tB,EAAMulB,GAClB3rB,EAAOsB,GAAI8E,GAAS,SAAUhF,GAC7B,GAAIwD,GACHa,EAAI,EACJZ,KACAsvB,EAASn0B,EAAQoB,GACjBoE,EAAO2uB,EAAO3wB,OAAS,CAExB,MAAagC,GAALC,EAAWA,IAClBb,EAAQa,IAAMD,EAAOlC,KAAOA,KAAKgD,OAAM,GACvCtG,EAAQm0B,EAAO1uB,IAAMkmB,GAAY/mB,GAGjCpE,EAAU4E,MAAOP,EAAKD,EAAMH,MAG7B,OAAOnB,MAAKqB,UAAWE,KAIzB,SAAS6tB,IAAQrxB,EAASsS,GACzB,GAAI/O,GAAOvB,EACVoC,EAAI,EACJ2uB,QAAe/yB,GAAQwI,uBAAyBnK,EAAoB2B,EAAQwI,qBAAsB8J,GAAO,WACjGtS,GAAQ8P,mBAAqBzR,EAAoB2B,EAAQ8P,iBAAkBwC,GAAO,KACzFpU,CAEF,KAAM60B,EACL,IAAMA,KAAYxvB,EAAQvD,EAAQ2H,YAAc3H,EAA8B,OAApBgC,EAAOuB,EAAMa,IAAaA,KAC7EkO,GAAO3T,EAAOmK,SAAU9G,EAAMsQ,GACnCygB,EAAM3zB,KAAM4C,GAEZrD,EAAO2D,MAAOywB,EAAO1B,GAAQrvB,EAAMsQ,GAKtC,OAAOA,KAAQpU,GAAaoU,GAAO3T,EAAOmK,SAAU9I,EAASsS,GAC5D3T,EAAO2D,OAAStC,GAAW+yB,GAC3BA,EAIF,QAASC,IAAmBhxB,GACtBwtB,GAA4B9sB,KAAMV,EAAKV,QAC3CU,EAAKwwB,eAAiBxwB,EAAK8U,SAI7BnY,EAAOgG,QACNM,MAAO,SAAUjD,EAAMuvB,EAAeC,GACrC,GAAIyB,GAAczhB,EAAMvM,EAAOb,EAAG8uB,EACjCC,EAASx0B,EAAOmN,SAAU9J,EAAKS,cAAeT,EAW/C,IATKrD,EAAOmI,QAAQyY,YAAc5gB,EAAOyc,SAASpZ,KAAUitB,GAAavsB,KAAM,IAAMV,EAAK8G,SAAW,KACpG7D,EAAQjD,EAAKwd,WAAW,IAIxB8Q,GAAYve,UAAY/P,EAAKyd,UAC7B6Q,GAAY7f,YAAaxL,EAAQqrB,GAAYte,eAGvCrT,EAAOmI,QAAQgZ,cAAiBnhB,EAAOmI,QAAQmZ,gBACjC,IAAlBje,EAAKQ,UAAoC,KAAlBR,EAAKQ,UAAqB7D,EAAOyc,SAASpZ,IAOnE,IAJAixB,EAAe5B,GAAQpsB,GACvBiuB,EAAc7B,GAAQrvB,GAGhBoC,EAAI,EAA8B,OAA1BoN,EAAO0hB,EAAY9uB,MAAeA,EAE1C6uB,EAAa7uB,IACjBmuB,GAAoB/gB,EAAMyhB,EAAa7uB,GAM1C,IAAKmtB,EACJ,GAAKC,EAIJ,IAHA0B,EAAcA,GAAe7B,GAAQrvB,GACrCixB,EAAeA,GAAgB5B,GAAQpsB,GAEjCb,EAAI,EAA8B,OAA1BoN,EAAO0hB,EAAY9uB,IAAaA,IAC7C+tB,GAAgB3gB,EAAMyhB,EAAa7uB,QAGpC+tB,IAAgBnwB,EAAMiD,EAaxB,OARAguB,GAAe5B,GAAQpsB,EAAO,UACzBguB,EAAa9wB,OAAS,GAC1BmvB,GAAe2B,GAAeE,GAAU9B,GAAQrvB,EAAM,WAGvDixB,EAAeC,EAAc1hB,EAAO,KAG7BvM,GAGRwC,cAAe,SAAUlE,EAAOvD,EAASuH,EAAS6rB,GACjD,GAAI9uB,GAAGtC,EAAM8J,EACZ5D,EAAKoK,EAAKyM,EAAOsU,EACjB5pB,EAAIlG,EAAMpB,OAGVmxB,EAAOzE,GAAoB7uB,GAE3BuzB,KACAnvB,EAAI,CAEL,MAAYqF,EAAJrF,EAAOA,IAGd,GAFApC,EAAOuB,EAAOa,GAETpC,GAAiB,IAATA,EAGZ,GAA6B,WAAxBrD,EAAO2C,KAAMU,GACjBrD,EAAO2D,MAAOixB,EAAOvxB,EAAKQ,UAAaR,GAASA,OAG1C,IAAMstB,GAAM5sB,KAAMV,GAIlB,CACNkG,EAAMA,GAAOorB,EAAKzhB,YAAa7R,EAAQwH,cAAc,QAGrD8K,GAAQ8c,GAAShtB,KAAMJ,KAAW,GAAI,KAAM,GAAG+G,cAC/CsqB,EAAOxD,GAASvd,IAASud,GAAQzG,SAEjClhB,EAAI6J,UAAYshB,EAAK,GAAKrxB,EAAKwD,QAAS2pB,GAAW,aAAgBkE,EAAK,GAGxE/uB,EAAI+uB,EAAK,EACT,OAAQ/uB,IACP4D,EAAMA,EAAIuN,SASX,KALM9W,EAAOmI,QAAQgY,mBAAqBoQ,GAAmBxsB,KAAMV,IAClEuxB,EAAMn0B,KAAMY,EAAQ6wB,eAAgB3B,GAAmB9sB,KAAMJ,GAAO,MAI/DrD,EAAOmI,QAAQiY,MAAQ,CAG5B/c,EAAe,UAARsQ,GAAoB+c,GAAO3sB,KAAMV,GAI3B,YAAZqxB,EAAK,IAAqBhE,GAAO3sB,KAAMV,GAEtC,EADAkG,EAJDA,EAAI8J,WAOL1N,EAAItC,GAAQA,EAAK2F,WAAWxF,MAC5B,OAAQmC,IACF3F,EAAOmK,SAAWiW,EAAQ/c,EAAK2F,WAAWrD,GAAK,WAAcya,EAAMpX,WAAWxF,QAClFH,EAAKyO,YAAasO,GAKrBpgB,EAAO2D,MAAOixB,EAAOrrB,EAAIP,YAGzBO,EAAI6L,YAAc,EAGlB,OAAQ7L,EAAI8J,WACX9J,EAAIuI,YAAavI,EAAI8J,WAItB9J,GAAMorB,EAAK7d,cAtDX8d,GAAMn0B,KAAMY,EAAQ6wB,eAAgB7uB,GA4DlCkG,IACJorB,EAAK7iB,YAAavI,GAKbvJ,EAAOmI,QAAQuZ,eACpB1hB,EAAO+K,KAAM2nB,GAAQkC,EAAO,SAAWP,IAGxC5uB,EAAI,CACJ,OAASpC,EAAOuxB,EAAOnvB,KAItB,KAAKgvB,GAAmD,KAAtCz0B,EAAO2K,QAAStH,EAAMoxB,MAIxCtnB,EAAWnN,EAAOmN,SAAU9J,EAAKS,cAAeT,GAGhDkG,EAAMmpB,GAAQiC,EAAKzhB,YAAa7P,GAAQ,UAGnC8J,GACJwlB,GAAeppB,GAIXX,GAAU,CACdjD,EAAI,CACJ,OAAStC,EAAOkG,EAAK5D,KACforB,GAAYhtB,KAAMV,EAAKV,MAAQ,KACnCiG,EAAQnI,KAAM4C,GAQlB,MAFAkG,GAAM,KAECorB,GAGRlR,UAAW,SAAU7e,EAAsBse,GAC1C,GAAI7f,GAAMV,EAAM0B,EAAIoE,EACnBhD,EAAI,EACJ2d,EAAcpjB,EAAO0G,QACrB8K,EAAQxR,EAAOwR,MACf0P,EAAgBlhB,EAAOmI,QAAQ+Y,cAC/BwH,EAAU1oB,EAAOyC,MAAMimB,OAExB,MAA6B,OAApBrlB,EAAOuB,EAAMa,IAAaA,IAElC,IAAKyd,GAAcljB,EAAOkjB,WAAY7f,MAErCgB,EAAKhB,EAAM+f,GACX3a,EAAOpE,GAAMmN,EAAOnN,IAER,CACX,GAAKoE,EAAK8f,OACT,IAAM5lB,IAAQ8F,GAAK8f,OACbG,EAAS/lB,GACb3C,EAAOyC,MAAMsG,OAAQ1F,EAAMV,GAI3B3C,EAAO4pB,YAAavmB,EAAMV,EAAM8F,EAAKwgB,OAMnCzX;EAAOnN,WAEJmN,GAAOnN,GAKT6c,QACG7d,GAAM+f,SAEK/f,GAAKgO,kBAAoB3R,EAC3C2D,EAAKgO,gBAAiB+R,GAGtB/f,EAAM+f,GAAgB,KAGvBhjB,EAAgBK,KAAM4D,MAO3BgvB,SAAU,SAAUwB,GACnB,MAAO70B,GAAO80B,MACbD,IAAKA,EACLlyB,KAAM,MACNoyB,SAAU,SACVprB,OAAO,EACP0e,QAAQ,EACR2M,UAAU,OAIbh1B,EAAOsB,GAAG0E,QACTivB,QAAS,SAAUnC,GAClB,GAAK9yB,EAAOiE,WAAY6uB,GACvB,MAAOxvB,MAAKyB,KAAK,SAASU,GACzBzF,EAAOsD,MAAM2xB,QAASnC,EAAKtuB,KAAKlB,KAAMmC,KAIxC,IAAKnC,KAAK,GAAK,CAEd,GAAIoxB,GAAO10B,EAAQ8yB,EAAMxvB,KAAK,GAAGQ,eAAgByB,GAAG,GAAGe,OAAM,EAExDhD,MAAK,GAAGc,YACZswB,EAAKpC,aAAchvB,KAAK,IAGzBoxB,EAAK9uB,IAAI,WACR,GAAIvC,GAAOC,IAEX,OAAQD,EAAKgQ,YAA2C,IAA7BhQ,EAAKgQ,WAAWxP,SAC1CR,EAAOA,EAAKgQ,UAGb,OAAOhQ,KACL4uB,OAAQ3uB,MAGZ,MAAOA,OAGR4xB,UAAW,SAAUpC,GACpB,MAAK9yB,GAAOiE,WAAY6uB,GAChBxvB,KAAKyB,KAAK,SAASU,GACzBzF,EAAOsD,MAAM4xB,UAAWpC,EAAKtuB,KAAKlB,KAAMmC,MAInCnC,KAAKyB,KAAK,WAChB,GAAI2Y,GAAO1d,EAAQsD,MAClBqrB,EAAWjR,EAAKiR,UAEZA,GAASnrB,OACbmrB,EAASsG,QAASnC,GAGlBpV,EAAKuU,OAAQa,MAKhB4B,KAAM,SAAU5B,GACf,GAAI7uB,GAAajE,EAAOiE,WAAY6uB,EAEpC,OAAOxvB,MAAKyB,KAAK,SAASU,GACzBzF,EAAQsD,MAAO2xB,QAAShxB,EAAa6uB,EAAKtuB,KAAKlB,KAAMmC,GAAKqtB,MAI5DqC,OAAQ,WACP,MAAO7xB,MAAKyP,SAAShO,KAAK,WACnB/E,EAAOmK,SAAU7G,KAAM,SAC5BtD,EAAQsD,MAAOyvB,YAAazvB,KAAK0F,cAEhCnD,QAGL,IAAIuvB,IAAQC,GAAWC,GACtBC,GAAS,kBACTC,GAAW,wBACXC,GAAY,4BAGZC,GAAe,4BACfC,GAAU,UACVC,GAAgBnnB,OAAQ,KAAOjN,EAAY,SAAU,KACrDq0B,GAAgBpnB,OAAQ,KAAOjN,EAAY,kBAAmB,KAC9Ds0B,GAAcrnB,OAAQ,YAAcjN,EAAY,IAAK,KACrDu0B,IAAgBC,KAAM,SAEtBC,IAAYC,SAAU,WAAYC,WAAY,SAAU7T,QAAS,SACjE8T,IACCC,cAAe,EACfC,WAAY,KAGbC,IAAc,MAAO,QAAS,SAAU,QACxCC,IAAgB,SAAU,IAAK,MAAO,KAGvC,SAASC,IAAgB1qB,EAAO3F,GAG/B,GAAKA,IAAQ2F,GACZ,MAAO3F,EAIR,IAAIswB,GAAUtwB,EAAK7C,OAAO,GAAGhB,cAAgB6D,EAAKzF,MAAM,GACvDg2B,EAAWvwB,EACXX,EAAI+wB,GAAYhzB,MAEjB,OAAQiC,IAEP,GADAW,EAAOowB,GAAa/wB,GAAMixB,EACrBtwB,IAAQ2F,GACZ,MAAO3F,EAIT,OAAOuwB,GAGR,QAASC,IAAUvzB,EAAMwzB,GAIxB,MADAxzB,GAAOwzB,GAAMxzB,EAC4B,SAAlCrD,EAAO82B,IAAKzzB,EAAM,aAA2BrD,EAAOmN,SAAU9J,EAAKS,cAAeT,GAG1F,QAAS0zB,IAAUliB,EAAUmiB,GAC5B,GAAI1U,GAASjf,EAAM4zB,EAClBzX,KACA3B,EAAQ,EACRra,EAASqR,EAASrR,MAEnB,MAAgBA,EAARqa,EAAgBA,IACvBxa,EAAOwR,EAAUgJ,GACXxa,EAAK0I,QAIXyT,EAAQ3B,GAAU7d,EAAO+jB,MAAO1gB,EAAM,cACtCif,EAAUjf,EAAK0I,MAAMuW,QAChB0U,GAGExX,EAAQ3B,IAAuB,SAAZyE,IACxBjf,EAAK0I,MAAMuW,QAAU,IAMM,KAAvBjf,EAAK0I,MAAMuW,SAAkBsU,GAAUvzB,KAC3Cmc,EAAQ3B,GAAU7d,EAAO+jB,MAAO1gB,EAAM,aAAc6zB,GAAmB7zB,EAAK8G,aAIvEqV,EAAQ3B,KACboZ,EAASL,GAAUvzB,IAEdif,GAAuB,SAAZA,IAAuB2U,IACtCj3B,EAAO+jB,MAAO1gB,EAAM,aAAc4zB,EAAS3U,EAAUtiB,EAAO82B,IAAKzzB,EAAM,aAQ3E,KAAMwa,EAAQ,EAAWra,EAARqa,EAAgBA,IAChCxa,EAAOwR,EAAUgJ,GACXxa,EAAK0I,QAGLirB,GAA+B,SAAvB3zB,EAAK0I,MAAMuW,SAA6C,KAAvBjf,EAAK0I,MAAMuW,UACzDjf,EAAK0I,MAAMuW,QAAU0U,EAAOxX,EAAQ3B,IAAW,GAAK,QAItD,OAAOhJ,GAGR7U,EAAOsB,GAAG0E,QACT8wB,IAAK,SAAU1wB,EAAMiE,GACpB,MAAOrK,GAAOqL,OAAQ/H,KAAM,SAAUD,EAAM+C,EAAMiE,GACjD,GAAI3E,GAAKyxB,EACRvxB,KACAH,EAAI,CAEL,IAAKzF,EAAOyG,QAASL,GAAS,CAI7B,IAHA+wB,EAAS9B,GAAWhyB,GACpBqC,EAAMU,EAAK5C,OAECkC,EAAJD,EAASA,IAChBG,EAAKQ,EAAMX,IAAQzF,EAAO82B,IAAKzzB,EAAM+C,EAAMX,IAAK,EAAO0xB,EAGxD,OAAOvxB,GAGR,MAAOyE,KAAU9K,EAChBS,EAAO+L,MAAO1I,EAAM+C,EAAMiE,GAC1BrK,EAAO82B,IAAKzzB,EAAM+C,IACjBA,EAAMiE,EAAOhF,UAAU7B,OAAS,IAEpCwzB,KAAM,WACL,MAAOD,IAAUzzB,MAAM,IAExB8zB,KAAM,WACL,MAAOL,IAAUzzB,OAElB+zB,OAAQ,SAAUlZ,GACjB,MAAsB,iBAAVA,GACJA,EAAQ7a,KAAK0zB,OAAS1zB,KAAK8zB,OAG5B9zB,KAAKyB,KAAK,WACX6xB,GAAUtzB,MACdtD,EAAQsD,MAAO0zB,OAEfh3B,EAAQsD,MAAO8zB,YAMnBp3B,EAAOgG,QAGNsxB,UACC/W,SACC9b,IAAK,SAAUpB,EAAMk0B,GACpB,GAAKA,EAAW,CAEf,GAAI1yB,GAAMywB,GAAQjyB,EAAM,UACxB,OAAe,KAARwB,EAAa,IAAMA,MAO9B2yB,WACCC,aAAe,EACfC,aAAe,EACfpB,YAAc,EACdqB,YAAc,EACdpX,SAAW,EACXqX,OAAS,EACTC,SAAW,EACXC,QAAU,EACVC,QAAU,EACVvV,MAAQ,GAKTwV,UAECC,QAASj4B,EAAOmI,QAAQqY,SAAW,WAAa,cAIjDzU,MAAO,SAAU1I,EAAM+C,EAAMiE,EAAO6tB,GAEnC,GAAM70B,GAA0B,IAAlBA,EAAKQ,UAAoC,IAAlBR,EAAKQ,UAAmBR,EAAK0I,MAAlE,CAKA,GAAIlH,GAAKlC,EAAM0hB,EACdsS,EAAW32B,EAAOiK,UAAW7D,GAC7B2F,EAAQ1I,EAAK0I,KASd,IAPA3F,EAAOpG,EAAOg4B,SAAUrB,KAAgB32B,EAAOg4B,SAAUrB,GAAaF,GAAgB1qB,EAAO4qB,IAI7FtS,EAAQrkB,EAAOs3B,SAAUlxB,IAAUpG,EAAOs3B,SAAUX,GAG/CtsB,IAAU9K,EAsCd,MAAK8kB,IAAS,OAASA,KAAUxf,EAAMwf,EAAM5f,IAAKpB,GAAM,EAAO60B,MAAa34B,EACpEsF,EAIDkH,EAAO3F,EAhCd,IAVAzD,QAAc0H,GAGA,WAAT1H,IAAsBkC,EAAMixB,GAAQryB,KAAM4G,MAC9CA,GAAUxF,EAAI,GAAK,GAAMA,EAAI,GAAKiD,WAAY9H,EAAO82B,IAAKzzB,EAAM+C,IAEhEzD,EAAO,YAIM,MAAT0H,GAA0B,WAAT1H,GAAqBkF,MAAOwC,KAKpC,WAAT1H,GAAsB3C,EAAOw3B,UAAWb,KAC5CtsB,GAAS,MAKJrK,EAAOmI,QAAQ6Z,iBAA6B,KAAV3X,GAA+C,IAA/BjE,EAAKvF,QAAQ,gBACpEkL,EAAO3F,GAAS,WAIXie,GAAW,OAASA,KAAWha,EAAQga,EAAMoC,IAAKpjB,EAAMgH,EAAO6tB,MAAa34B,IAIjF,IACCwM,EAAO3F,GAASiE,EACf,MAAMnC,OAcX4uB,IAAK,SAAUzzB,EAAM+C,EAAM8xB,EAAOf,GACjC,GAAIzyB,GAAKoQ,EAAKuP,EACbsS,EAAW32B,EAAOiK,UAAW7D,EAyB9B,OAtBAA,GAAOpG,EAAOg4B,SAAUrB,KAAgB32B,EAAOg4B,SAAUrB,GAAaF,GAAgBpzB,EAAK0I,MAAO4qB,IAIlGtS,EAAQrkB,EAAOs3B,SAAUlxB,IAAUpG,EAAOs3B,SAAUX,GAG/CtS,GAAS,OAASA,KACtBvP,EAAMuP,EAAM5f,IAAKpB,GAAM,EAAM60B,IAIzBpjB,IAAQvV,IACZuV,EAAMwgB,GAAQjyB,EAAM+C,EAAM+wB,IAId,WAARriB,GAAoB1O,IAAQgwB,MAChCthB,EAAMshB,GAAoBhwB,IAIZ,KAAV8xB,GAAgBA,GACpBxzB,EAAMoD,WAAYgN,GACXojB,KAAU,GAAQl4B,EAAO4H,UAAWlD,GAAQA,GAAO,EAAIoQ,GAExDA,KAMJxV,EAAOqjB,kBACX0S,GAAY,SAAUhyB,GACrB,MAAO/D,GAAOqjB,iBAAkBtf,EAAM,OAGvCiyB,GAAS,SAAUjyB,EAAM+C,EAAM+xB,GAC9B,GAAIvV,GAAOwV,EAAUC,EACpBd,EAAWY,GAAa9C,GAAWhyB,GAGnCwB,EAAM0yB,EAAWA,EAASe,iBAAkBlyB,IAAUmxB,EAAUnxB,GAAS7G,EACzEwM,EAAQ1I,EAAK0I,KA8Bd,OA5BKwrB,KAES,KAAR1yB,GAAe7E,EAAOmN,SAAU9J,EAAKS,cAAeT,KACxDwB,EAAM7E,EAAO+L,MAAO1I,EAAM+C,IAOtByvB,GAAU9xB,KAAMc,IAAS8wB,GAAQ5xB,KAAMqC,KAG3Cwc,EAAQ7W,EAAM6W,MACdwV,EAAWrsB,EAAMqsB,SACjBC,EAAWtsB,EAAMssB,SAGjBtsB,EAAMqsB,SAAWrsB,EAAMssB,SAAWtsB,EAAM6W,MAAQ/d,EAChDA,EAAM0yB,EAAS3U,MAGf7W,EAAM6W,MAAQA,EACd7W,EAAMqsB,SAAWA,EACjBrsB,EAAMssB,SAAWA,IAIZxzB,IAEGjF,EAASE,gBAAgBy4B,eACpClD,GAAY,SAAUhyB,GACrB,MAAOA,GAAKk1B,cAGbjD,GAAS,SAAUjyB,EAAM+C,EAAM+xB,GAC9B,GAAIK,GAAMC,EAAIC,EACbnB,EAAWY,GAAa9C,GAAWhyB,GACnCwB,EAAM0yB,EAAWA,EAAUnxB,GAAS7G,EACpCwM,EAAQ1I,EAAK0I,KAoCd,OAhCY,OAAPlH,GAAekH,GAASA,EAAO3F,KACnCvB,EAAMkH,EAAO3F,IAUTyvB,GAAU9xB,KAAMc,KAAU4wB,GAAU1xB,KAAMqC,KAG9CoyB,EAAOzsB,EAAMysB,KACbC,EAAKp1B,EAAKs1B,aACVD,EAASD,GAAMA,EAAGD,KAGbE,IACJD,EAAGD,KAAOn1B,EAAKk1B,aAAaC,MAE7BzsB,EAAMysB,KAAgB,aAATpyB,EAAsB,MAAQvB,EAC3CA,EAAMkH,EAAM6sB,UAAY,KAGxB7sB,EAAMysB,KAAOA,EACRE,IACJD,EAAGD,KAAOE,IAIG,KAAR7zB,EAAa,OAASA,GAI/B,SAASg0B,IAAmBx1B,EAAMgH,EAAOyuB,GACxC,GAAI5rB,GAAU0oB,GAAUnyB,KAAM4G,EAC9B,OAAO6C,GAENvG,KAAKiE,IAAK,EAAGsC,EAAS,IAAQ4rB,GAAY,KAAU5rB,EAAS,IAAO,MACpE7C,EAGF,QAAS0uB,IAAsB11B,EAAM+C,EAAM8xB,EAAOc,EAAa7B,GAC9D,GAAI1xB,GAAIyyB,KAAYc,EAAc,SAAW,WAE5C,EAES,UAAT5yB,EAAmB,EAAI,EAEvB0O,EAAM,CAEP,MAAY,EAAJrP,EAAOA,GAAK,EAEJ,WAAVyyB,IACJpjB,GAAO9U,EAAO82B,IAAKzzB,EAAM60B,EAAQ3B,GAAW9wB,IAAK,EAAM0xB,IAGnD6B,GAEW,YAAVd,IACJpjB,GAAO9U,EAAO82B,IAAKzzB,EAAM,UAAYkzB,GAAW9wB,IAAK,EAAM0xB,IAI7C,WAAVe,IACJpjB,GAAO9U,EAAO82B,IAAKzzB,EAAM,SAAWkzB,GAAW9wB,GAAM,SAAS,EAAM0xB,MAIrEriB,GAAO9U,EAAO82B,IAAKzzB,EAAM,UAAYkzB,GAAW9wB,IAAK,EAAM0xB,GAG5C,YAAVe,IACJpjB,GAAO9U,EAAO82B,IAAKzzB,EAAM,SAAWkzB,GAAW9wB,GAAM,SAAS,EAAM0xB,IAKvE,OAAOriB,GAGR,QAASmkB,IAAkB51B,EAAM+C,EAAM8xB,GAGtC,GAAIgB,IAAmB,EACtBpkB,EAAe,UAAT1O,EAAmB/C,EAAKqf,YAAcrf,EAAKgf,aACjD8U,EAAS9B,GAAWhyB,GACpB21B,EAAch5B,EAAOmI,QAAQsa,WAAgE,eAAnDziB,EAAO82B,IAAKzzB,EAAM,aAAa,EAAO8zB,EAKjF,IAAY,GAAPriB,GAAmB,MAAPA,EAAc,CAQ9B,GANAA,EAAMwgB,GAAQjyB,EAAM+C,EAAM+wB,IACf,EAANriB,GAAkB,MAAPA,KACfA,EAAMzR,EAAK0I,MAAO3F,IAIdyvB,GAAU9xB,KAAK+Q,GACnB,MAAOA,EAKRokB,GAAmBF,IAAiBh5B,EAAOmI,QAAQkZ,mBAAqBvM,IAAQzR,EAAK0I,MAAO3F,IAG5F0O,EAAMhN,WAAYgN,IAAS,EAI5B,MAASA,GACRikB,GACC11B,EACA+C,EACA8xB,IAAWc,EAAc,SAAW,WACpCE,EACA/B,GAEE,KAIL,QAASD,IAAoB/sB,GAC5B,GAAI2I,GAAMlT,EACT0iB,EAAUyT,GAAa5rB,EA0BxB,OAxBMmY,KACLA,EAAU6W,GAAehvB,EAAU2I,GAGlB,SAAZwP,GAAuBA,IAE3B8S,IAAWA,IACVp1B,EAAO,kDACN82B,IAAK,UAAW,6BAChB/C,SAAUjhB,EAAIhT,iBAGhBgT,GAAQsiB,GAAO,GAAGvF,eAAiBuF,GAAO,GAAGxF,iBAAkBhwB,SAC/DkT,EAAIsmB,MAAM,+BACVtmB,EAAIumB,QAEJ/W,EAAU6W,GAAehvB,EAAU2I,GACnCsiB,GAAOvyB,UAIRkzB,GAAa5rB,GAAamY,GAGpBA,EAIR,QAAS6W,IAAe/yB,EAAM0M,GAC7B,GAAIzP,GAAOrD,EAAQ8S,EAAIjK,cAAezC,IAAS2tB,SAAUjhB,EAAI1L,MAC5Dkb,EAAUtiB,EAAO82B,IAAKzzB,EAAK,GAAI,UAEhC,OADAA,GAAK0F,SACEuZ,EAGRtiB,EAAO+E,MAAO,SAAU,SAAW,SAAUU,EAAGW,GAC/CpG,EAAOs3B,SAAUlxB,IAChB3B,IAAK,SAAUpB,EAAMk0B,EAAUW,GAC9B,MAAKX,GAGwB,IAArBl0B,EAAKqf,aAAqBgT,GAAa3xB,KAAM/D,EAAO82B,IAAKzzB,EAAM,YACrErD,EAAO6L,KAAMxI,EAAM4yB,GAAS,WAC3B,MAAOgD,IAAkB51B,EAAM+C,EAAM8xB,KAEtCe,GAAkB51B,EAAM+C,EAAM8xB,GAPhC,GAWDzR,IAAK,SAAUpjB,EAAMgH,EAAO6tB,GAC3B,GAAIf,GAASe,GAAS7C,GAAWhyB,EACjC,OAAOw1B,IAAmBx1B,EAAMgH,EAAO6tB,EACtCa,GACC11B,EACA+C,EACA8xB,EACAl4B,EAAOmI,QAAQsa,WAAgE,eAAnDziB,EAAO82B,IAAKzzB,EAAM,aAAa,EAAO8zB,GAClEA,GACG,OAMFn3B,EAAOmI,QAAQoY,UACpBvgB,EAAOs3B,SAAS/W,SACf9b,IAAK,SAAUpB,EAAMk0B,GAEpB,MAAO/B,IAASzxB,MAAOwzB,GAAYl0B,EAAKk1B,aAAel1B,EAAKk1B,aAAa/kB,OAASnQ,EAAK0I,MAAMyH,SAAW,IACrG,IAAO1L,WAAY2G,OAAO6qB,IAAS,GACrC/B,EAAW,IAAM,IAGnB9Q,IAAK,SAAUpjB,EAAMgH,GACpB,GAAI0B,GAAQ1I,EAAK0I,MAChBwsB,EAAel1B,EAAKk1B,aACpBhY,EAAUvgB,EAAO4H,UAAWyC,GAAU,iBAA2B,IAARA,EAAc,IAAM,GAC7EmJ,EAAS+kB,GAAgBA,EAAa/kB,QAAUzH,EAAMyH,QAAU,EAIjEzH,GAAMyW,KAAO,GAINnY,GAAS,GAAe,KAAVA,IAC6B,KAAhDrK,EAAOmB,KAAMqS,EAAO3M,QAAS0uB,GAAQ,MACrCxpB,EAAMsF,kBAKPtF,EAAMsF,gBAAiB,UAGR,KAAVhH,GAAgBkuB,IAAiBA,EAAa/kB,UAMpDzH,EAAMyH,OAAS+hB,GAAOxxB,KAAMyP,GAC3BA,EAAO3M,QAAS0uB,GAAQhV,GACxB/M,EAAS,IAAM+M,MAOnBvgB,EAAO,WACAA,EAAOmI,QAAQiZ,sBACpBphB,EAAOs3B,SAASzU,aACfpe,IAAK,SAAUpB,EAAMk0B,GACpB,MAAKA,GAGGv3B,EAAO6L,KAAMxI,GAAQif,QAAW,gBACtCgT,IAAUjyB,EAAM,gBAJlB,MAaGrD,EAAOmI,QAAQ8Y,eAAiBjhB,EAAOsB,GAAG40B,UAC/Cl2B,EAAO+E,MAAQ,MAAO,QAAU,SAAUU,EAAGmgB,GAC5C5lB,EAAOs3B,SAAU1R,IAChBnhB,IAAK,SAAUpB,EAAMk0B,GACpB,MAAKA,IACJA,EAAWjC,GAAQjyB,EAAMuiB,GAElBiQ,GAAU9xB,KAAMwzB,GACtBv3B,EAAQqD,GAAO6yB,WAAYtQ,GAAS,KACpC2R,GALF,QAcAv3B,EAAO4U,MAAQ5U,EAAO4U,KAAKwE,UAC/BpZ,EAAO4U,KAAKwE,QAAQ6d,OAAS,SAAU5zB,GAGtC,MAA2B,IAApBA,EAAKqf,aAAyC,GAArBrf,EAAKgf,eAClCriB,EAAOmI,QAAQoa,uBAAmG,UAAxElf,EAAK0I,OAAS1I,EAAK0I,MAAMuW,SAAYtiB,EAAO82B,IAAKzzB,EAAM,aAGrGrD,EAAO4U,KAAKwE,QAAQmgB,QAAU,SAAUl2B,GACvC,OAAQrD,EAAO4U,KAAKwE,QAAQ6d,OAAQ5zB,KAKtCrD,EAAO+E,MACNy0B,OAAQ,GACRC,QAAS,GACTC,OAAQ,SACN,SAAUC,EAAQC,GACpB55B,EAAOs3B,SAAUqC,EAASC,IACzBC,OAAQ,SAAUxvB,GACjB,GAAI5E,GAAI,EACPq0B,KAGAC,EAAyB,gBAAV1vB,GAAqBA,EAAMiC,MAAM,MAASjC,EAE1D,MAAY,EAAJ5E,EAAOA,IACdq0B,EAAUH,EAASpD,GAAW9wB,GAAMm0B,GACnCG,EAAOt0B,IAAOs0B,EAAOt0B,EAAI,IAAOs0B,EAAO,EAGzC,OAAOD,KAIHnE,GAAQ5xB,KAAM41B,KACnB35B,EAAOs3B,SAAUqC,EAASC,GAASnT,IAAMoS,KAG3C,IAAImB,IAAM,OACTC,GAAW,QACXC,GAAQ,SACRC,GAAkB,wCAClBC,GAAe,oCAEhBp6B,GAAOsB,GAAG0E,QACTq0B,UAAW,WACV,MAAOr6B,GAAOqxB,MAAO/tB,KAAKg3B,mBAE3BA,eAAgB,WACf,MAAOh3B,MAAKsC,IAAI,WAEf,GAAIiP,GAAW7U,EAAO4lB,KAAMtiB,KAAM,WAClC,OAAOuR,GAAW7U,EAAOsE,UAAWuQ,GAAavR,OAEjDkQ,OAAO,WACP,GAAI7Q,GAAOW,KAAKX,IAEhB,OAAOW,MAAK8C,OAASpG,EAAQsD,MAAOyrB,GAAI,cACvCqL,GAAar2B,KAAMT,KAAK6G,YAAegwB,GAAgBp2B,KAAMpB,KAC3DW,KAAK6U,UAAY0Y,GAA4B9sB,KAAMpB,MAEtDiD,IAAI,SAAUH,EAAGpC,GACjB,GAAIyR,GAAM9U,EAAQsD,MAAOwR,KAEzB,OAAc,OAAPA,EACN,KACA9U,EAAOyG,QAASqO,GACf9U,EAAO4F,IAAKkP,EAAK,SAAUA,GAC1B,OAAS1O,KAAM/C,EAAK+C,KAAMiE,MAAOyK,EAAIjO,QAASqzB,GAAO,YAEpD9zB,KAAM/C,EAAK+C,KAAMiE,MAAOyK,EAAIjO,QAASqzB,GAAO,WAC9Cz1B,SAMLzE,EAAOqxB,MAAQ,SAAUzjB,EAAG2sB,GAC3B,GAAIZ,GACHa,KACA5c,EAAM,SAAU3V,EAAKoC,GAEpBA,EAAQrK,EAAOiE,WAAYoG,GAAUA,IAAqB,MAATA,EAAgB,GAAKA,EACtEmwB,EAAGA,EAAEh3B,QAAWi3B,mBAAoBxyB,GAAQ,IAAMwyB,mBAAoBpwB,GASxE,IALKkwB,IAAgBh7B,IACpBg7B,EAAcv6B,EAAO06B,cAAgB16B,EAAO06B,aAAaH,aAIrDv6B,EAAOyG,QAASmH,IAASA,EAAE1K,SAAWlD,EAAOgE,cAAe4J,GAEhE5N,EAAO+E,KAAM6I,EAAG,WACfgQ,EAAKta,KAAK8C,KAAM9C,KAAK+G,aAMtB,KAAMsvB,IAAU/rB,GACf+sB,GAAahB,EAAQ/rB,EAAG+rB,GAAUY,EAAa3c,EAKjD,OAAO4c,GAAEtpB,KAAM,KAAMrK,QAASmzB,GAAK,KAGpC,SAASW,IAAahB,EAAQlyB,EAAK8yB,EAAa3c,GAC/C,GAAIxX,EAEJ,IAAKpG,EAAOyG,QAASgB,GAEpBzH,EAAO+E,KAAM0C,EAAK,SAAUhC,EAAGm1B,GACzBL,GAAeN,GAASl2B,KAAM41B,GAElC/b,EAAK+b,EAAQiB,GAIbD,GAAahB,EAAS,KAAqB,gBAANiB,GAAiBn1B,EAAI,IAAO,IAAKm1B,EAAGL,EAAa3c,SAIlF,IAAM2c,GAAsC,WAAvBv6B,EAAO2C,KAAM8E,GAQxCmW,EAAK+b,EAAQlyB,OANb,KAAMrB,IAAQqB,GACbkzB,GAAahB,EAAS,IAAMvzB,EAAO,IAAKqB,EAAKrB,GAAQm0B,EAAa3c,GAQrE5d,EAAO+E,KAAM,0MAEqDuH,MAAM,KAAM,SAAU7G,EAAGW,GAG1FpG,EAAOsB,GAAI8E,GAAS,SAAUqC,EAAMnH,GACnC,MAAO+D,WAAU7B,OAAS,EACzBF,KAAK6qB,GAAI/nB,EAAM,KAAMqC,EAAMnH,GAC3BgC,KAAKiE,QAASnB,MAIjBpG,EAAOsB,GAAG0E,QACT60B,MAAO,SAAUC,EAAQC,GACxB,MAAOz3B,MAAKiqB,WAAYuN,GAAStN,WAAYuN,GAASD,IAGvDE,KAAM,SAAU1S,EAAO7f,EAAMnH,GAC5B,MAAOgC,MAAK6qB,GAAI7F,EAAO,KAAM7f,EAAMnH,IAEpC25B,OAAQ,SAAU3S,EAAOhnB,GACxB,MAAOgC,MAAKkE,IAAK8gB,EAAO,KAAMhnB,IAG/B45B,SAAU,SAAU95B,EAAUknB,EAAO7f,EAAMnH,GAC1C,MAAOgC,MAAK6qB,GAAI7F,EAAOlnB,EAAUqH,EAAMnH,IAExC65B,WAAY,SAAU/5B,EAAUknB,EAAOhnB,GAEtC,MAA4B,KAArB+D,UAAU7B,OAAeF,KAAKkE,IAAKpG,EAAU,MAASkC,KAAKkE,IAAK8gB,EAAOlnB,GAAY,KAAME,KAGlG,IAEC85B,IACAC,GACAC,GAAat7B,EAAO0L,MAEpB6vB,GAAc,KACdC,GAAQ,OACRC,GAAM,gBACNC,GAAW,gCAEXC,GAAiB,4DACjBC,GAAa,iBACbC,GAAY,QACZC,GAAO,8CAGPC,GAAQ/7B,EAAOsB,GAAGqrB,KAWlBqP,MAOAC,MAGAC,GAAW,KAAK37B,OAAO,IAIxB,KACC86B,GAAe17B,EAASoY,KACvB,MAAO7P,IAGRmzB,GAAez7B,EAASiJ,cAAe,KACvCwyB,GAAatjB,KAAO,GACpBsjB,GAAeA,GAAatjB,KAI7BqjB,GAAeU,GAAKr4B,KAAM43B,GAAajxB,kBAGvC,SAAS+xB,IAA6BC,GAGrC,MAAO,UAAUC,EAAoBpe,GAED,gBAAvBoe,KACXpe,EAAOoe,EACPA,EAAqB,IAGtB,IAAItH,GACHtvB,EAAI,EACJ62B,EAAYD,EAAmBjyB,cAAchH,MAAO1B,MAErD,IAAK1B,EAAOiE,WAAYga,GAEvB,MAAS8W,EAAWuH,EAAU72B,KAER,MAAhBsvB,EAAS,IACbA,EAAWA,EAASp0B,MAAO,IAAO,KACjCy7B,EAAWrH,GAAaqH,EAAWrH,QAAkBpgB,QAASsJ,KAI9Dme,EAAWrH,GAAaqH,EAAWrH,QAAkBt0B,KAAMwd,IAQjE,QAASse,IAA+BH,EAAW/1B,EAASm2B,EAAiBC,GAE5E,GAAIC,MACHC,EAAqBP,IAAcH,EAEpC,SAASW,GAAS7H,GACjB,GAAI3c,EAYJ,OAXAskB,GAAW3H,IAAa,EACxB/0B,EAAO+E,KAAMq3B,EAAWrH,OAAkB,SAAUhlB,EAAG8sB,GACtD,GAAIC,GAAsBD,EAAoBx2B,EAASm2B,EAAiBC,EACxE,OAAmC,gBAAxBK,IAAqCH,GAAqBD,EAAWI,GAIpEH,IACDvkB,EAAW0kB,GADf,GAHNz2B,EAAQi2B,UAAU3nB,QAASmoB,GAC3BF,EAASE,IACF,KAKF1kB,EAGR,MAAOwkB,GAASv2B,EAAQi2B,UAAW,MAAUI,EAAW,MAASE,EAAS,KAM3E,QAASG,IAAYx2B,EAAQN,GAC5B,GAAIO,GAAMyB,EACT+0B,EAAch9B,EAAO06B,aAAasC,eAEnC,KAAM/0B,IAAOhC,GACPA,EAAKgC,KAAU1I,KACjBy9B,EAAa/0B,GAAQ1B,EAAWC,IAASA,OAAgByB,GAAQhC,EAAKgC,GAO1E,OAJKzB,IACJxG,EAAOgG,QAAQ,EAAMO,EAAQC,GAGvBD,EAGRvG,EAAOsB,GAAGqrB,KAAO,SAAUkI,EAAKoI,EAAQj4B,GACvC,GAAoB,gBAAR6vB,IAAoBkH,GAC/B,MAAOA,IAAM32B,MAAO9B,KAAM+B,UAG3B,IAAIjE,GAAU87B,EAAUv6B,EACvB+a,EAAOpa,KACPkE,EAAMqtB,EAAIh0B,QAAQ,IA+CnB,OA7CK2G,IAAO,IACXpG,EAAWyzB,EAAIl0B,MAAO6G,EAAKqtB,EAAIrxB,QAC/BqxB,EAAMA,EAAIl0B,MAAO,EAAG6G,IAIhBxH,EAAOiE,WAAYg5B,IAGvBj4B,EAAWi4B,EACXA,EAAS19B,GAGE09B,GAA4B,gBAAXA,KAC5Bt6B,EAAO,QAIH+a,EAAKla,OAAS,GAClBxD,EAAO80B,MACND,IAAKA,EAGLlyB,KAAMA,EACNoyB,SAAU,OACVtsB,KAAMw0B,IACJ93B,KAAK,SAAUg4B,GAGjBD,EAAW73B,UAEXqY,EAAKoV,KAAM1xB,EAIVpB,EAAO,SAASiyB,OAAQjyB,EAAO4D,UAAWu5B,IAAiBz5B,KAAMtC,GAGjE+7B,KAECC,SAAUp4B,GAAY,SAAUy3B,EAAOY,GACzC3f,EAAK3Y,KAAMC,EAAUk4B,IAAcT,EAAMU,aAAcE,EAAQZ,MAI1Dn5B,MAIRtD,EAAO+E,MAAQ,YAAa,WAAY,eAAgB,YAAa,cAAe,YAAc,SAAUU,EAAG9C,GAC9G3C,EAAOsB,GAAIqB,GAAS,SAAUrB,GAC7B,MAAOgC,MAAK6qB,GAAIxrB,EAAMrB,MAIxBtB,EAAOgG,QAGNs3B,OAAQ,EAGRC,gBACAC,QAEA9C,cACC7F,IAAKwG,GACL14B,KAAM,MACN86B,QAAS9B,GAAe53B,KAAMq3B,GAAc,IAC5C/S,QAAQ,EACRqV,aAAa,EACb/zB,OAAO,EACPg0B,YAAa,mDAabC,SACCC,IAAK3B,GACL3xB,KAAM,aACNuoB,KAAM,YACNxpB,IAAK,4BACLw0B,KAAM,qCAGPnP,UACCrlB,IAAK,MACLwpB,KAAM,OACNgL,KAAM,QAGPC,gBACCz0B,IAAK,cACLiB,KAAM,eACNuzB,KAAM,gBAKPE,YAGCC,SAAUj2B,OAGVk2B,aAAa,EAGbC,YAAan+B,EAAOiJ,UAGpBm1B,WAAYp+B,EAAOqJ,UAOpB2zB,aACCnI,KAAK,EACLxzB,SAAS,IAOXg9B,UAAW,SAAU93B,EAAQ+3B,GAC5B,MAAOA,GAGNvB,GAAYA,GAAYx2B,EAAQvG,EAAO06B,cAAgB4D,GAGvDvB,GAAY/8B,EAAO06B,aAAcn0B,IAGnCg4B,cAAepC,GAA6BH,IAC5CwC,cAAerC,GAA6BF,IAG5CnH,KAAM,SAAUD,EAAKxuB,GAGA,gBAARwuB,KACXxuB,EAAUwuB,EACVA,EAAMt1B,GAIP8G,EAAUA,KAEV,IACC0zB,GAEAt0B,EAEAg5B,EAEAC,EAEAC,EAGAC,EAEAC,EAEAC,EAEAtE,EAAIx6B,EAAOq+B,aAAeh4B,GAE1B04B,EAAkBvE,EAAEn5B,SAAWm5B,EAE/BwE,EAAqBxE,EAAEn5B,UAAa09B,EAAgBl7B,UAAYk7B,EAAgB77B,QAC/ElD,EAAQ++B,GACR/+B,EAAOyC,MAER4b,EAAWre,EAAOgM,WAClBizB,EAAmBj/B,EAAO8c,UAAU,eAEpCoiB,EAAa1E,EAAE0E,eAEfC,KACAC,KAEAjhB,EAAQ,EAERkhB,EAAW,WAEX5C,GACC75B,WAAY,EAGZ08B,kBAAmB,SAAUr3B,GAC5B,GAAI7E,EACJ,IAAe,IAAV+a,EAAc,CAClB,IAAM2gB,EAAkB,CACvBA,IACA,OAAS17B,EAAQs4B,GAASj4B,KAAMi7B,GAC/BI,EAAiB17B,EAAM,GAAGgH,eAAkBhH,EAAO,GAGrDA,EAAQ07B,EAAiB72B,EAAImC,eAE9B,MAAgB,OAAThH,EAAgB,KAAOA,GAI/Bm8B,sBAAuB,WACtB,MAAiB,KAAVphB,EAAcugB,EAAwB,MAI9Cc,iBAAkB,SAAUp5B,EAAMiE,GACjC,GAAIo1B,GAAQr5B,EAAKgE,aAKjB,OAJM+T,KACL/X,EAAOg5B,EAAqBK,GAAUL,EAAqBK,IAAWr5B,EACtE+4B,EAAgB/4B,GAASiE,GAEnB/G,MAIRo8B,iBAAkB,SAAU/8B,GAI3B,MAHMwb,KACLqc,EAAEmF,SAAWh9B,GAEPW,MAIR47B,WAAY,SAAUt5B,GACrB,GAAIg6B,EACJ,IAAKh6B,EACJ,GAAa,EAARuY,EACJ,IAAMyhB,IAAQh6B,GAEbs5B,EAAYU,IAAWV,EAAYU,GAAQh6B,EAAKg6B,QAIjDnD,GAAMre,OAAQxY,EAAK62B,EAAMY,QAG3B,OAAO/5B,OAIRu8B,MAAO,SAAUC,GAChB,GAAIC,GAAYD,GAAcT,CAK9B,OAJKR,IACJA,EAAUgB,MAAOE,GAElB56B,EAAM,EAAG46B,GACFz8B,MAwCV,IAnCA+a,EAASnZ,QAASu3B,GAAQW,SAAW6B,EAAiBrhB,IACtD6e,EAAMuD,QAAUvD,EAAMt3B,KACtBs3B,EAAMn0B,MAAQm0B,EAAMne,KAMpBkc,EAAE3F,MAAUA,GAAO2F,EAAE3F,KAAOwG,IAAiB,IAAKx0B,QAAS20B,GAAO,IAAK30B,QAASg1B,GAAWT,GAAc,GAAM,MAG/GZ,EAAE73B,KAAO0D,EAAQ45B,QAAU55B,EAAQ1D,MAAQ63B,EAAEyF,QAAUzF,EAAE73B,KAGzD63B,EAAE8B,UAAYt8B,EAAOmB,KAAMq5B,EAAEzF,UAAY,KAAM3qB,cAAchH,MAAO1B,KAAqB,IAGnE,MAAjB84B,EAAE0F,cACNnG,EAAQ+B,GAAKr4B,KAAM+2B,EAAE3F,IAAIzqB,eACzBowB,EAAE0F,eAAkBnG,GACjBA,EAAO,KAAQqB,GAAc,IAAOrB,EAAO,KAAQqB,GAAc,KAChErB,EAAO,KAAwB,UAAfA,EAAO,GAAkB,KAAO,WAC/CqB,GAAc,KAA+B,UAAtBA,GAAc,GAAkB,KAAO,UAK/DZ,EAAE/xB,MAAQ+xB,EAAEkD,aAAiC,gBAAXlD,GAAE/xB,OACxC+xB,EAAE/xB,KAAOzI,EAAOqxB,MAAOmJ,EAAE/xB,KAAM+xB,EAAED,cAIlCgC,GAA+BP,GAAYxB,EAAGn0B,EAASo2B,GAGxC,IAAVte,EACJ,MAAOse,EAIRmC,GAAcpE,EAAEnS,OAGXuW,GAAmC,IAApB5+B,EAAOs9B,UAC1Bt9B,EAAOyC,MAAM8E,QAAQ,aAItBizB,EAAE73B,KAAO63B,EAAE73B,KAAKJ,cAGhBi4B,EAAE2F,YAAcvE,GAAW73B,KAAMy2B,EAAE73B,MAInC87B,EAAWjE,EAAE3F,IAGP2F,EAAE2F,aAGF3F,EAAE/xB,OACNg2B,EAAajE,EAAE3F,MAAS0G,GAAYx3B,KAAM06B,GAAa,IAAM,KAAQjE,EAAE/xB,WAEhE+xB,GAAE/xB,MAIL+xB,EAAEhpB,SAAU,IAChBgpB,EAAE3F,IAAM4G,GAAI13B,KAAM06B,GAGjBA,EAAS53B,QAAS40B,GAAK,OAASH,MAGhCmD,GAAalD,GAAYx3B,KAAM06B,GAAa,IAAM,KAAQ,KAAOnD,OAK/Dd,EAAE4F,aACDpgC,EAAOu9B,aAAckB,IACzBhC,EAAM+C,iBAAkB,oBAAqBx/B,EAAOu9B,aAAckB,IAE9Dz+B,EAAOw9B,KAAMiB,IACjBhC,EAAM+C,iBAAkB,gBAAiBx/B,EAAOw9B,KAAMiB,MAKnDjE,EAAE/xB,MAAQ+xB,EAAE2F,YAAc3F,EAAEmD,eAAgB,GAASt3B,EAAQs3B,cACjElB,EAAM+C,iBAAkB,eAAgBhF,EAAEmD,aAI3ClB,EAAM+C,iBACL,SACAhF,EAAE8B,UAAW,IAAO9B,EAAEoD,QAASpD,EAAE8B,UAAU,IAC1C9B,EAAEoD,QAASpD,EAAE8B,UAAU,KAA8B,MAArB9B,EAAE8B,UAAW,GAAc,KAAOJ,GAAW,WAAa,IAC1F1B,EAAEoD,QAAS,KAIb,KAAMn4B,IAAK+0B,GAAE6F,QACZ5D,EAAM+C,iBAAkB/5B,EAAG+0B,EAAE6F,QAAS56B,GAIvC,IAAK+0B,EAAE8F,aAAgB9F,EAAE8F,WAAW97B,KAAMu6B,EAAiBtC,EAAOjC,MAAQ,GAAmB,IAAVrc,GAElF,MAAOse,GAAMoD,OAIdR,GAAW,OAGX,KAAM55B,KAAOu6B,QAAS,EAAG13B,MAAO,EAAG80B,SAAU,GAC5CX,EAAOh3B,GAAK+0B,EAAG/0B,GAOhB,IAHAo5B,EAAYtC,GAA+BN,GAAYzB,EAAGn0B,EAASo2B,GAK5D,CACNA,EAAM75B,WAAa,EAGdg8B,GACJI,EAAmBz3B,QAAS,YAAck1B,EAAOjC,IAG7CA,EAAE7wB,OAAS6wB,EAAE1V,QAAU,IAC3B6Z,EAAet3B,WAAW,WACzBo1B,EAAMoD,MAAM,YACVrF,EAAE1V,SAGN,KACC3G,EAAQ,EACR0gB,EAAU0B,KAAMpB,EAAgBh6B,GAC/B,MAAQ+C,GAET,KAAa,EAARiW,GAIJ,KAAMjW,EAHN/C,GAAM,GAAI+C,QArBZ/C,GAAM,GAAI,eA8BX,SAASA,GAAMk4B,EAAQmD,EAAkBC,EAAWJ,GACnD,GAAIK,GAAWV,EAAS13B,EAAO40B,EAAUyD,EACxCb,EAAaU,CAGC,KAAVriB,IAKLA,EAAQ,EAGHwgB,GACJ5Z,aAAc4Z,GAKfE,EAAYt/B,EAGZm/B,EAAwB2B,GAAW,GAGnC5D,EAAM75B,WAAay6B,EAAS,EAAI,EAAI,EAGpCqD,EAAYrD,GAAU,KAAgB,IAATA,GAA2B,MAAXA,EAGxCoD,IACJvD,EAAW0D,GAAqBpG,EAAGiC,EAAOgE,IAI3CvD,EAAW2D,GAAarG,EAAG0C,EAAUT,EAAOiE,GAGvCA,GAGClG,EAAE4F,aACNO,EAAWlE,EAAM6C,kBAAkB,iBAC9BqB,IACJ3gC,EAAOu9B,aAAckB,GAAakC,GAEnCA,EAAWlE,EAAM6C,kBAAkB,QAC9BqB,IACJ3gC,EAAOw9B,KAAMiB,GAAakC,IAKZ,MAAXtD,GAA6B,SAAX7C,EAAE73B,KACxBm9B,EAAa,YAGS,MAAXzC,EACXyC,EAAa,eAIbA,EAAa5C,EAAS/e,MACtB6hB,EAAU9C,EAASz0B,KACnBH,EAAQ40B,EAAS50B,MACjBo4B,GAAap4B,KAKdA,EAAQw3B,GACHzC,IAAWyC,KACfA,EAAa,QACC,EAATzC,IACJA,EAAS,KAMZZ,EAAMY,OAASA,EACfZ,EAAMqD,YAAeU,GAAoBV,GAAe,GAGnDY,EACJriB,EAAS/W,YAAay3B,GAAmBiB,EAASF,EAAYrD,IAE9Dpe,EAASyiB,WAAY/B,GAAmBtC,EAAOqD,EAAYx3B,IAI5Dm0B,EAAMyC,WAAYA,GAClBA,EAAa3/B,EAERq/B,GACJI,EAAmBz3B,QAASm5B,EAAY,cAAgB,aACrDjE,EAAOjC,EAAGkG,EAAYV,EAAU13B,IAIpC22B,EAAiBjhB,SAAU+gB,GAAmBtC,EAAOqD,IAEhDlB,IACJI,EAAmBz3B,QAAS,gBAAkBk1B,EAAOjC,MAE3Cx6B,EAAOs9B,QAChBt9B,EAAOyC,MAAM8E,QAAQ,cAKxB,MAAOk1B,IAGRsE,QAAS,SAAUlM,EAAKpsB,EAAMzD,GAC7B,MAAOhF,GAAOyE,IAAKowB,EAAKpsB,EAAMzD,EAAU,SAGzCg8B,UAAW,SAAUnM,EAAK7vB,GACzB,MAAOhF,GAAOyE,IAAKowB,EAAKt1B,EAAWyF,EAAU,aAI/ChF,EAAO+E,MAAQ,MAAO,QAAU,SAAUU,EAAGw6B,GAC5CjgC,EAAQigC,GAAW,SAAUpL,EAAKpsB,EAAMzD,EAAUrC,GAQjD,MANK3C,GAAOiE,WAAYwE,KACvB9F,EAAOA,GAAQqC,EACfA,EAAWyD,EACXA,EAAOlJ,GAGDS,EAAO80B,MACbD,IAAKA,EACLlyB,KAAMs9B,EACNlL,SAAUpyB,EACV8F,KAAMA,EACNu3B,QAASh7B,MASZ,SAAS47B,IAAqBpG,EAAGiC,EAAOgE,GACvC,GAAIQ,GAAeC,EAAIC,EAAex+B,EACrCgsB,EAAW6L,EAAE7L,SACb2N,EAAY9B,EAAE8B,SAGf,OAA0B,MAAnBA,EAAW,GACjBA,EAAU5qB,QACLwvB,IAAO3hC,IACX2hC,EAAK1G,EAAEmF,UAAYlD,EAAM6C,kBAAkB,gBAK7C,IAAK4B,EACJ,IAAMv+B,IAAQgsB,GACb,GAAKA,EAAUhsB,IAAUgsB,EAAUhsB,GAAOoB,KAAMm9B,GAAO,CACtD5E,EAAU3nB,QAAShS,EACnB,OAMH,GAAK25B,EAAW,IAAOmE,GACtBU,EAAgB7E,EAAW,OACrB,CAEN,IAAM35B,IAAQ89B,GAAY,CACzB,IAAMnE,EAAW,IAAO9B,EAAEwD,WAAYr7B,EAAO,IAAM25B,EAAU,IAAO,CACnE6E,EAAgBx+B,CAChB,OAEKs+B,IACLA,EAAgBt+B,GAIlBw+B,EAAgBA,GAAiBF,EAMlC,MAAKE,IACCA,IAAkB7E,EAAW,IACjCA,EAAU3nB,QAASwsB,GAEbV,EAAWU,IAJnB,EAWD,QAASN,IAAarG,EAAG0C,EAAUT,EAAOiE,GACzC,GAAIU,GAAOC,EAASC,EAAM/3B,EAAKqlB,EAC9BoP,KAEA1B,EAAY9B,EAAE8B,UAAU37B,OAGzB,IAAK27B,EAAW,GACf,IAAMgF,IAAQ9G,GAAEwD,WACfA,EAAYsD,EAAKl3B,eAAkBowB,EAAEwD,WAAYsD,EAInDD,GAAU/E,EAAU5qB,OAGpB,OAAQ2vB,EAcP,GAZK7G,EAAEuD,eAAgBsD,KACtB5E,EAAOjC,EAAEuD,eAAgBsD,IAAcnE,IAIlCtO,GAAQ8R,GAAalG,EAAE+G,aAC5BrE,EAAW1C,EAAE+G,WAAYrE,EAAU1C,EAAEzF,WAGtCnG,EAAOyS,EACPA,EAAU/E,EAAU5qB,QAKnB,GAAiB,MAAZ2vB,EAEJA,EAAUzS,MAGJ,IAAc,MAATA,GAAgBA,IAASyS,EAAU,CAM9C,GAHAC,EAAOtD,EAAYpP,EAAO,IAAMyS,IAAarD,EAAY,KAAOqD,IAG1DC,EACL,IAAMF,IAASpD,GAId,GADAz0B,EAAM63B,EAAM90B,MAAO,KACd/C,EAAK,KAAQ83B,IAGjBC,EAAOtD,EAAYpP,EAAO,IAAMrlB,EAAK,KACpCy0B,EAAY,KAAOz0B,EAAK,KACb,CAEN+3B,KAAS,EACbA,EAAOtD,EAAYoD,GAGRpD,EAAYoD,MAAY,IACnCC,EAAU93B,EAAK,GACf+yB,EAAU3nB,QAASpL,EAAK,IAEzB,OAOJ,GAAK+3B,KAAS,EAGb,GAAKA,GAAQ9G,EAAG,UACf0C,EAAWoE,EAAMpE,OAEjB,KACCA,EAAWoE,EAAMpE,GAChB,MAAQh1B,GACT,OAASiW,MAAO,cAAe7V,MAAOg5B,EAAOp5B,EAAI,sBAAwB0mB,EAAO,OAASyS,IAQ/F,OAASljB,MAAO,UAAW1V,KAAMy0B,GAGlCl9B,EAAOq+B,WACNT,SACC4D,OAAQ,6FAET7S,UACC6S,OAAQ,uBAETxD,YACCyD,cAAe,SAAUl3B,GAExB,MADAvK,GAAO+J,WAAYQ,GACZA,MAMVvK,EAAOu+B,cAAe,SAAU,SAAU/D,GACpCA,EAAEhpB,QAAUjS,IAChBi7B,EAAEhpB,OAAQ,GAENgpB,EAAE0F,cACN1F,EAAE73B,KAAO,MACT63B,EAAEnS,QAAS,KAKbroB,EAAOw+B,cAAe,SAAU,SAAShE,GAGxC,GAAKA,EAAE0F,YAAc,CAEpB,GAAIsB,GACHE,EAAO9hC,EAAS8hC,MAAQ1hC,EAAO,QAAQ,IAAMJ,EAASE,eAEvD,QAECygC,KAAM,SAAUxwB,EAAG/K,GAElBw8B,EAAS5hC,EAASiJ,cAAc,UAEhC24B,EAAO73B,OAAQ,EAEV6wB,EAAEmH,gBACNH,EAAOI,QAAUpH,EAAEmH,eAGpBH,EAAOv7B,IAAMu0B,EAAE3F,IAGf2M,EAAOK,OAASL,EAAOM,mBAAqB,SAAU/xB,EAAGgyB,IAEnDA,IAAYP,EAAO5+B,YAAc,kBAAkBmB,KAAMy9B,EAAO5+B,eAGpE4+B,EAAOK,OAASL,EAAOM,mBAAqB,KAGvCN,EAAOp9B,YACXo9B,EAAOp9B,WAAW0N,YAAa0vB,GAIhCA,EAAS,KAGHO,GACL/8B,EAAU,IAAK,aAOlB08B,EAAKpP,aAAckP,EAAQE,EAAKruB,aAGjCwsB,MAAO,WACD2B,GACJA,EAAOK,OAAQtiC,GAAW,OAM/B,IAAIyiC,OACHC,GAAS,mBAGVjiC,GAAOq+B,WACN6D,MAAO,WACPC,cAAe,WACd,GAAIn9B,GAAWg9B,GAAa/zB,OAAWjO,EAAO0G,QAAU,IAAQ40B,IAEhE,OADAh4B,MAAM0B,IAAa,EACZA,KAKThF,EAAOu+B,cAAe,aAAc,SAAU/D,EAAG4H,EAAkB3F,GAElE,GAAI4F,GAAcC,EAAaC,EAC9BC,EAAWhI,EAAE0H,SAAU,IAAWD,GAAOl+B,KAAMy2B,EAAE3F,KAChD,MACkB,gBAAX2F,GAAE/xB,QAAwB+xB,EAAEmD,aAAe,IAAK98B,QAAQ,sCAAwCohC,GAAOl+B,KAAMy2B,EAAE/xB,OAAU,OAIlI,OAAK+5B,IAAiC,UAArBhI,EAAE8B,UAAW,IAG7B+F,EAAe7H,EAAE2H,cAAgBniC,EAAOiE,WAAYu2B,EAAE2H,eACrD3H,EAAE2H,gBACF3H,EAAE2H,cAGEK,EACJhI,EAAGgI,GAAahI,EAAGgI,GAAW37B,QAASo7B,GAAQ,KAAOI,GAC3C7H,EAAE0H,SAAU,IACvB1H,EAAE3F,MAAS0G,GAAYx3B,KAAMy2B,EAAE3F,KAAQ,IAAM,KAAQ2F,EAAE0H,MAAQ,IAAMG,GAItE7H,EAAEwD,WAAW,eAAiB,WAI7B,MAHMuE,IACLviC,EAAOsI,MAAO+5B,EAAe,mBAEvBE,EAAmB,IAI3B/H,EAAE8B,UAAW,GAAM,OAGnBgG,EAAchjC,EAAQ+iC,GACtB/iC,EAAQ+iC,GAAiB,WACxBE,EAAoBl9B,WAIrBo3B,EAAMre,OAAO,WAEZ9e,EAAQ+iC,GAAiBC,EAGpB9H,EAAG6H,KAEP7H,EAAE2H,cAAgBC,EAAiBD,cAGnCH,GAAavhC,KAAM4hC,IAIfE,GAAqBviC,EAAOiE,WAAYq+B,IAC5CA,EAAaC,EAAmB,IAGjCA,EAAoBD,EAAc/iC,IAI5B,UAtDR,GAyDD,IAAIkjC,IAAcC,GACjBC,GAAQ,EAERC,GAAmBtjC,EAAOoK,eAAiB,WAE1C,GAAIzB,EACJ,KAAMA,IAAOw6B,IACZA,GAAcx6B,GAAO1I,GAAW,GAKnC,SAASsjC,MACR,IACC,MAAO,IAAIvjC,GAAOwjC,eACjB,MAAO56B,KAGV,QAAS66B,MACR,IACC,MAAO,IAAIzjC,GAAOoK,cAAc,qBAC/B,MAAOxB,KAKVlI,EAAO06B,aAAasI,IAAM1jC,EAAOoK,cAOhC,WACC,OAAQpG,KAAKm6B,SAAWoF,MAAuBE,MAGhDF,GAGDH,GAAe1iC,EAAO06B,aAAasI,MACnChjC,EAAOmI,QAAQ86B,OAASP,IAAkB,mBAAqBA,IAC/DA,GAAe1iC,EAAOmI,QAAQ2sB,OAAS4N,GAGlCA,IAEJ1iC,EAAOw+B,cAAc,SAAUhE,GAE9B,IAAMA,EAAE0F,aAAelgC,EAAOmI,QAAQ86B,KAAO,CAE5C,GAAIj+B,EAEJ,QACCu7B,KAAM,SAAUF,EAASjD,GAGxB,GAAInU,GAAQxjB,EACXu9B,EAAMxI,EAAEwI,KAWT,IAPKxI,EAAE0I,SACNF,EAAIG,KAAM3I,EAAE73B,KAAM63B,EAAE3F,IAAK2F,EAAE7wB,MAAO6wB,EAAE0I,SAAU1I,EAAExhB,UAEhDgqB,EAAIG,KAAM3I,EAAE73B,KAAM63B,EAAE3F,IAAK2F,EAAE7wB,OAIvB6wB,EAAE4I,UACN,IAAM39B,IAAK+0B,GAAE4I,UACZJ,EAAKv9B,GAAM+0B,EAAE4I,UAAW39B,EAKrB+0B,GAAEmF,UAAYqD,EAAItD,kBACtBsD,EAAItD,iBAAkBlF,EAAEmF,UAQnBnF,EAAE0F,aAAgBG,EAAQ,sBAC/BA,EAAQ,oBAAsB,iBAI/B,KACC,IAAM56B,IAAK46B,GACV2C,EAAIxD,iBAAkB/5B,EAAG46B,EAAS56B,IAElC,MAAO2iB,IAKT4a,EAAIzC,KAAQ/F,EAAE2F,YAAc3F,EAAE/xB,MAAU,MAGxCzD,EAAW,SAAU+K,EAAGgyB,GACvB,GAAI1E,GAAQyB,EAAiBgB,EAAYW,CAKzC,KAGC,GAAKz7B,IAAc+8B,GAA8B,IAAnBiB,EAAIpgC,YAcjC,GAXAoC,EAAWzF,EAGN0pB,IACJ+Z,EAAIlB,mBAAqB9hC,EAAO8J,KAC3B84B,UACGH,IAAcxZ,IAKlB8Y,EAEoB,IAAnBiB,EAAIpgC,YACRogC,EAAInD,YAEC,CACNY,KACApD,EAAS2F,EAAI3F,OACbyB,EAAkBkE,EAAIzD,wBAIW,gBAArByD,GAAI7F,eACfsD,EAAUl2B,KAAOy4B,EAAI7F,aAKtB,KACC2C,EAAakD,EAAIlD,WAChB,MAAO53B,GAER43B,EAAa,GAQRzC,IAAU7C,EAAEiD,SAAYjD,EAAE0F,YAGT,OAAX7C,IACXA,EAAS,KAHTA,EAASoD,EAAUl2B,KAAO,IAAM,KAOlC,MAAO84B,GACFtB,GACL3E,EAAU,GAAIiG,GAKX5C,GACJrD,EAAUC,EAAQyC,EAAYW,EAAW3B,IAIrCtE,EAAE7wB,MAGuB,IAAnBq5B,EAAIpgC,WAGfyE,WAAYrC,IAEZikB,IAAW0Z,GACNC,KAGEH,KACLA,MACAziC,EAAQV,GAASgkC,OAAQV,KAG1BH,GAAcxZ,GAAWjkB,GAE1Bg+B,EAAIlB,mBAAqB98B,GAjBzBA,KAqBF66B,MAAO,WACD76B,GACJA,EAAUzF,GAAW,OAO3B,IAAIgkC,IAAOC,GACVC,GAAW,yBACXC,GAAaj1B,OAAQ,iBAAmBjN,EAAY,cAAe,KACnEmiC,GAAO,cACPC,IAAwBC,IACxBC,IACCjG,KAAM,SAAUjY,EAAMvb,GACrB,GAAI05B,GAAQzgC,KAAK0gC,YAAape,EAAMvb,GACnC9D,EAASw9B,EAAM3xB,MACf2nB,EAAQ2J,GAAOjgC,KAAM4G,GACrB45B,EAAOlK,GAASA,EAAO,KAAS/5B,EAAOw3B,UAAW5R,GAAS,GAAK,MAGhEhP,GAAU5W,EAAOw3B,UAAW5R,IAAmB,OAATqe,IAAkB19B,IACvDm9B,GAAOjgC,KAAMzD,EAAO82B,IAAKiN,EAAM1gC,KAAMuiB,IACtCse,EAAQ,EACRC,EAAgB,EAEjB,IAAKvtB,GAASA,EAAO,KAAQqtB,EAAO,CAEnCA,EAAOA,GAAQrtB,EAAO,GAGtBmjB,EAAQA,MAGRnjB,GAASrQ,GAAU,CAEnB,GAGC29B,GAAQA,GAAS,KAGjBttB,GAAgBstB,EAChBlkC,EAAO+L,MAAOg4B,EAAM1gC,KAAMuiB,EAAMhP,EAAQqtB,SAI/BC,KAAWA,EAAQH,EAAM3xB,MAAQ7L,IAAqB,IAAV29B,KAAiBC,GAaxE,MATKpK,KACJnjB,EAAQmtB,EAAMntB,OAASA,IAAUrQ,GAAU,EAC3Cw9B,EAAME,KAAOA,EAEbF,EAAMl+B,IAAMk0B,EAAO,GAClBnjB,GAAUmjB,EAAO,GAAM,GAAMA,EAAO,IACnCA,EAAO,IAGHgK,IAKV,SAASK,MAIR,MAHA/8B,YAAW,WACVk8B,GAAQhkC,IAEAgkC,GAAQvjC,EAAO0L,MAGzB,QAASs4B,IAAa35B,EAAOub,EAAMye,GAClC,GAAIN,GACHO,GAAeR,GAAUle,QAAerlB,OAAQujC,GAAU,MAC1DjmB,EAAQ,EACRra,EAAS8gC,EAAW9gC,MACrB,MAAgBA,EAARqa,EAAgBA,IACvB,GAAMkmB,EAAQO,EAAYzmB,GAAQrZ,KAAM6/B,EAAWze,EAAMvb,GAGxD,MAAO05B,GAKV,QAASQ,IAAWlhC,EAAMmhC,EAAYn+B,GACrC,GAAIgQ,GACHouB,EACA5mB,EAAQ,EACRra,EAASogC,GAAoBpgC,OAC7B6a,EAAWre,EAAOgM,WAAWoS,OAAQ,iBAE7BsmB,GAAKrhC,OAEbqhC,EAAO,WACN,GAAKD,EACJ,OAAO,CAER,IAAIE,GAAcpB,IAASa,KAC1B9kB,EAAY3Y,KAAKiE,IAAK,EAAGy5B,EAAUO,UAAYP,EAAUQ,SAAWF,GAEpElqB,EAAO6E,EAAY+kB,EAAUQ,UAAY,EACzCC,EAAU,EAAIrqB,EACdoD,EAAQ,EACRra,EAAS6gC,EAAUU,OAAOvhC,MAE3B,MAAgBA,EAARqa,EAAiBA,IACxBwmB,EAAUU,OAAQlnB,GAAQmnB,IAAKF,EAKhC,OAFAzmB,GAASqB,WAAYrc,GAAQghC,EAAWS,EAASxlB,IAElC,EAAVwlB,GAAethC,EACZ8b,GAEPjB,EAAS/W,YAAajE,GAAQghC,KACvB,IAGTA,EAAYhmB,EAASnZ,SACpB7B,KAAMA,EACNmoB,MAAOxrB,EAAOgG,UAAYw+B,GAC1BS,KAAMjlC,EAAOgG,QAAQ,GAAQk/B,kBAAqB7+B,GAClD8+B,mBAAoBX,EACpBhI,gBAAiBn2B,EACjBu+B,UAAWrB,IAASa,KACpBS,SAAUx+B,EAAQw+B,SAClBE,UACAf,YAAa,SAAUpe,EAAM/f,GAC5B,GAAIk+B,GAAQ/jC,EAAOolC,MAAO/hC,EAAMghC,EAAUY,KAAMrf,EAAM/f,EACpDw+B,EAAUY,KAAKC,cAAetf,IAAUye,EAAUY,KAAKI,OAEzD,OADAhB,GAAUU,OAAOtkC,KAAMsjC,GAChBA,GAERvf,KAAM,SAAU8gB,GACf,GAAIznB,GAAQ,EAGXra,EAAS8hC,EAAUjB,EAAUU,OAAOvhC,OAAS,CAC9C,IAAKihC,EACJ,MAAOnhC,KAGR,KADAmhC,GAAU,EACMjhC,EAARqa,EAAiBA,IACxBwmB,EAAUU,OAAQlnB,GAAQmnB,IAAK,EAUhC,OALKM,GACJjnB,EAAS/W,YAAajE,GAAQghC,EAAWiB,IAEzCjnB,EAASyiB,WAAYz9B,GAAQghC,EAAWiB,IAElChiC,QAGTkoB,EAAQ6Y,EAAU7Y,KAInB,KAFA+Z,GAAY/Z,EAAO6Y,EAAUY,KAAKC,eAElB1hC,EAARqa,EAAiBA,IAExB,GADAxH,EAASutB,GAAqB/lB,GAAQrZ,KAAM6/B,EAAWhhC,EAAMmoB,EAAO6Y,EAAUY,MAE7E,MAAO5uB,EAmBT,OAfArW,GAAO4F,IAAK4lB,EAAOwY,GAAaK,GAE3BrkC,EAAOiE,WAAYogC,EAAUY,KAAKruB,QACtCytB,EAAUY,KAAKruB,MAAMpS,KAAMnB,EAAMghC,GAGlCrkC,EAAO4kB,GAAG4gB,MACTxlC,EAAOgG,OAAQ0+B,GACdrhC,KAAMA,EACNoiC,KAAMpB,EACNngB,MAAOmgB,EAAUY,KAAK/gB,SAKjBmgB,EAAUtlB,SAAUslB,EAAUY,KAAKlmB,UACxC5Z,KAAMk/B,EAAUY,KAAK9/B,KAAMk/B,EAAUY,KAAK7H,UAC1C9e,KAAM+lB,EAAUY,KAAK3mB,MACrBF,OAAQimB,EAAUY,KAAK7mB,QAG1B,QAASmnB,IAAY/Z,EAAO0Z,GAC3B,GAAIrnB,GAAOzX,EAAMi/B,EAAQh7B,EAAOga,CAGhC,KAAMxG,IAAS2N,GAed,GAdAplB,EAAOpG,EAAOiK,UAAW4T,GACzBwnB,EAASH,EAAe9+B,GACxBiE,EAAQmhB,EAAO3N,GACV7d,EAAOyG,QAAS4D,KACpBg7B,EAASh7B,EAAO,GAChBA,EAAQmhB,EAAO3N,GAAUxT,EAAO,IAG5BwT,IAAUzX,IACdolB,EAAOplB,GAASiE,QACTmhB,GAAO3N,IAGfwG,EAAQrkB,EAAOs3B,SAAUlxB,GACpBie,GAAS,UAAYA,GAAQ,CACjCha,EAAQga,EAAMwV,OAAQxvB,SACfmhB,GAAOplB,EAId,KAAMyX,IAASxT,GACNwT,IAAS2N,KAChBA,EAAO3N,GAAUxT,EAAOwT,GACxBqnB,EAAernB,GAAUwnB,OAI3BH,GAAe9+B,GAASi/B,EAK3BrlC,EAAOukC,UAAYvkC,EAAOgG,OAAQu+B,IAEjCmB,QAAS,SAAUla,EAAOxmB,GACpBhF,EAAOiE,WAAYunB,IACvBxmB,EAAWwmB,EACXA,GAAU,MAEVA,EAAQA,EAAMlf,MAAM,IAGrB,IAAIsZ,GACH/H,EAAQ,EACRra,EAASgoB,EAAMhoB,MAEhB,MAAgBA,EAARqa,EAAiBA,IACxB+H,EAAO4F,EAAO3N,GACdimB,GAAUle,GAASke,GAAUle,OAC7Bke,GAAUle,GAAOjR,QAAS3P,IAI5B2gC,UAAW,SAAU3gC,EAAUqtB,GACzBA,EACJuR,GAAoBjvB,QAAS3P,GAE7B4+B,GAAoBnjC,KAAMuE,KAK7B,SAAS6+B,IAAkBxgC,EAAMmoB,EAAOyZ,GAEvC,GAAIrf,GAAMvb,EAAOgtB,EAAQ0M,EAAO1f,EAAOuhB,EACtCH,EAAOniC,KACPmqB,KACA1hB,EAAQ1I,EAAK0I,MACbkrB,EAAS5zB,EAAKQ,UAAY+yB,GAAUvzB,GACpCwiC,EAAW7lC,EAAO+jB,MAAO1gB,EAAM,SAG1B4hC,GAAK/gB,QACVG,EAAQrkB,EAAOskB,YAAajhB,EAAM,MACX,MAAlBghB,EAAMyhB,WACVzhB,EAAMyhB,SAAW,EACjBF,EAAUvhB,EAAM/L,MAAMkF,KACtB6G,EAAM/L,MAAMkF,KAAO,WACZ6G,EAAMyhB,UACXF,MAIHvhB,EAAMyhB,WAENL,EAAKrnB,OAAO,WAGXqnB,EAAKrnB,OAAO,WACXiG,EAAMyhB,WACA9lC,EAAOkkB,MAAO7gB,EAAM,MAAOG,QAChC6gB,EAAM/L,MAAMkF,YAOO,IAAlBna,EAAKQ,WAAoB,UAAY2nB,IAAS,SAAWA,MAK7DyZ,EAAKc,UAAah6B,EAAMg6B,SAAUh6B,EAAMi6B,UAAWj6B,EAAMk6B,WAIlB,WAAlCjmC,EAAO82B,IAAKzzB,EAAM,YACW,SAAhCrD,EAAO82B,IAAKzzB,EAAM,WAIbrD,EAAOmI,QAAQ4Y,wBAAkE,WAAxCmW,GAAoB7zB,EAAK8G,UAIvE4B,EAAMyW,KAAO,EAHbzW,EAAMuW,QAAU,iBAQd2iB,EAAKc,WACTh6B,EAAMg6B,SAAW,SACX/lC,EAAOmI,QAAQ6Y,kBACpBykB,EAAKrnB,OAAO,WACXrS,EAAMg6B,SAAWd,EAAKc,SAAU,GAChCh6B,EAAMi6B,UAAYf,EAAKc,SAAU,GACjCh6B,EAAMk6B,UAAYhB,EAAKc,SAAU,KAOpC,KAAMngB,IAAQ4F,GAEb,GADAnhB,EAAQmhB,EAAO5F,GACV6d,GAAShgC,KAAM4G,GAAU,CAG7B,SAFOmhB,GAAO5F,GACdyR,EAASA,GAAoB,WAAVhtB,EACdA,KAAY4sB,EAAS,OAAS,QAClC,QAEDxJ,GAAM7H,GAASigB,GAAYA,EAAUjgB,IAAU5lB,EAAO+L,MAAO1I,EAAMuiB,GAIrE,IAAM5lB,EAAOqI,cAAeolB,GAAS,CAC/BoY,EACC,UAAYA,KAChB5O,EAAS4O,EAAS5O,QAGnB4O,EAAW7lC,EAAO+jB,MAAO1gB,EAAM,aAI3Bg0B,IACJwO,EAAS5O,QAAUA,GAEfA,EACJj3B,EAAQqD,GAAO2zB,OAEfyO,EAAKtgC,KAAK,WACTnF,EAAQqD,GAAO+zB,SAGjBqO,EAAKtgC,KAAK,WACT,GAAIygB,EACJ5lB,GAAOgkB,YAAa3gB,EAAM,SAC1B,KAAMuiB,IAAQ6H,GACbztB,EAAO+L,MAAO1I,EAAMuiB,EAAM6H,EAAM7H,KAGlC,KAAMA,IAAQ6H,GACbsW,EAAQC,GAAa/M,EAAS4O,EAAUjgB,GAAS,EAAGA,EAAM6f,GAElD7f,IAAQigB,KACfA,EAAUjgB,GAASme,EAAMntB,MACpBqgB,IACJ8M,EAAMl+B,IAAMk+B,EAAMntB,MAClBmtB,EAAMntB,MAAiB,UAATgP,GAA6B,WAATA,EAAoB,EAAI,KAO/D,QAASwf,IAAO/hC,EAAMgD,EAASuf,EAAM/f,EAAKw/B,GACzC,MAAO,IAAID,IAAMniC,UAAU1B,KAAM8B,EAAMgD,EAASuf,EAAM/f,EAAKw/B,GAE5DrlC,EAAOolC,MAAQA,GAEfA,GAAMniC,WACLE,YAAaiiC,GACb7jC,KAAM,SAAU8B,EAAMgD,EAASuf,EAAM/f,EAAKw/B,EAAQpB,GACjD3gC,KAAKD,KAAOA,EACZC,KAAKsiB,KAAOA,EACZtiB,KAAK+hC,OAASA,GAAU,QACxB/hC,KAAK+C,QAAUA,EACf/C,KAAKsT,MAAQtT,KAAKoI,IAAMpI,KAAK8O,MAC7B9O,KAAKuC,IAAMA,EACXvC,KAAK2gC,KAAOA,IAAUjkC,EAAOw3B,UAAW5R,GAAS,GAAK,OAEvDxT,IAAK,WACJ,GAAIiS,GAAQ+gB,GAAMhe,UAAW9jB,KAAKsiB,KAElC,OAAOvB,IAASA,EAAM5f,IACrB4f,EAAM5f,IAAKnB,MACX8hC,GAAMhe,UAAUqD,SAAShmB,IAAKnB,OAEhC0hC,IAAK,SAAUF,GACd,GAAIoB,GACH7hB,EAAQ+gB,GAAMhe,UAAW9jB,KAAKsiB,KAoB/B,OAjBCtiB,MAAK2rB,IAAMiX,EADP5iC,KAAK+C,QAAQw+B,SACE7kC,EAAOqlC,OAAQ/hC,KAAK+hC,QACtCP,EAASxhC,KAAK+C,QAAQw+B,SAAWC,EAAS,EAAG,EAAGxhC,KAAK+C,QAAQw+B,UAG3CC,EAEpBxhC,KAAKoI,KAAQpI,KAAKuC,IAAMvC,KAAKsT,OAAUsvB,EAAQ5iC,KAAKsT,MAE/CtT,KAAK+C,QAAQ8/B,MACjB7iC,KAAK+C,QAAQ8/B,KAAK3hC,KAAMlB,KAAKD,KAAMC,KAAKoI,IAAKpI,MAGzC+gB,GAASA,EAAMoC,IACnBpC,EAAMoC,IAAKnjB,MAEX8hC,GAAMhe,UAAUqD,SAAShE,IAAKnjB,MAExBA,OAIT8hC,GAAMniC,UAAU1B,KAAK0B,UAAYmiC,GAAMniC,UAEvCmiC,GAAMhe,WACLqD,UACChmB,IAAK,SAAUs/B,GACd,GAAI1tB,EAEJ,OAAiC,OAA5B0tB,EAAM1gC,KAAM0gC,EAAMne,OACpBme,EAAM1gC,KAAK0I,OAA2C,MAAlCg4B,EAAM1gC,KAAK0I,MAAOg4B,EAAMne,OAQ/CvP,EAASrW,EAAO82B,IAAKiN,EAAM1gC,KAAM0gC,EAAMne,KAAM,IAErCvP,GAAqB,SAAXA,EAAwBA,EAAJ,GAT9B0tB,EAAM1gC,KAAM0gC,EAAMne,OAW3Ba,IAAK,SAAUsd,GAGT/jC,EAAO4kB,GAAGuhB,KAAMpC,EAAMne,MAC1B5lB,EAAO4kB,GAAGuhB,KAAMpC,EAAMne,MAAQme,GACnBA,EAAM1gC,KAAK0I,QAAgE,MAArDg4B,EAAM1gC,KAAK0I,MAAO/L,EAAOg4B,SAAU+L,EAAMne,QAAoB5lB,EAAOs3B,SAAUyM,EAAMne,OACrH5lB,EAAO+L,MAAOg4B,EAAM1gC,KAAM0gC,EAAMne,KAAMme,EAAMr4B,IAAMq4B,EAAME,MAExDF,EAAM1gC,KAAM0gC,EAAMne,MAASme,EAAMr4B,OASrC05B,GAAMhe,UAAUmF,UAAY6Y,GAAMhe,UAAU+E,YAC3C1F,IAAK,SAAUsd,GACTA,EAAM1gC,KAAKQ,UAAYkgC,EAAM1gC,KAAKe,aACtC2/B,EAAM1gC,KAAM0gC,EAAMne,MAASme,EAAMr4B,OAKpC1L,EAAO+E,MAAO,SAAU,OAAQ,QAAU,SAAUU,EAAGW,GACtD,GAAIggC,GAAQpmC,EAAOsB,GAAI8E,EACvBpG,GAAOsB,GAAI8E,GAAS,SAAUigC,EAAOhB,EAAQrgC,GAC5C,MAAgB,OAATqhC,GAAkC,iBAAVA,GAC9BD,EAAMhhC,MAAO9B,KAAM+B,WACnB/B,KAAKgjC,QAASC,GAAOngC,GAAM,GAAQigC,EAAOhB,EAAQrgC,MAIrDhF,EAAOsB,GAAG0E,QACTwgC,OAAQ,SAAUH,EAAOI,EAAIpB,EAAQrgC,GAGpC,MAAO1B,MAAKkQ,OAAQojB,IAAWE,IAAK,UAAW,GAAIE,OAGjDnxB,MAAMygC,SAAU/lB,QAASkmB,GAAMJ,EAAOhB,EAAQrgC,IAEjDshC,QAAS,SAAU1gB,EAAMygB,EAAOhB,EAAQrgC,GACvC,GAAIsT,GAAQtY,EAAOqI,cAAeud,GACjC8gB,EAAS1mC,EAAOqmC,MAAOA,EAAOhB,EAAQrgC,GACtC2hC,EAAc,WAEb,GAAIlB,GAAOlB,GAAWjhC,KAAMtD,EAAOgG,UAAY4f,GAAQ8gB,IAGlDpuB,GAAStY,EAAO+jB,MAAOzgB,KAAM,YACjCmiC,EAAKjhB,MAAM,GAKd,OAFCmiB,GAAYC,OAASD,EAEfruB,GAASouB,EAAOxiB,SAAU,EAChC5gB,KAAKyB,KAAM4hC,GACXrjC,KAAK4gB,MAAOwiB,EAAOxiB,MAAOyiB,IAE5BniB,KAAM,SAAU7hB,EAAMqiB,EAAYsgB,GACjC,GAAIuB,GAAY,SAAUxiB,GACzB,GAAIG,GAAOH,EAAMG,WACVH,GAAMG,KACbA,EAAM8gB,GAYP,OATqB,gBAAT3iC,KACX2iC,EAAUtgB,EACVA,EAAariB,EACbA,EAAOpD,GAEHylB,GAAcriB,KAAS,GAC3BW,KAAK4gB,MAAOvhB,GAAQ,SAGdW,KAAKyB,KAAK,WAChB,GAAIof,IAAU,EACbtG,EAAgB,MAARlb,GAAgBA,EAAO,aAC/BmkC,EAAS9mC,EAAO8mC,OAChBr+B,EAAOzI,EAAO+jB,MAAOzgB,KAEtB,IAAKua,EACCpV,EAAMoV,IAAWpV,EAAMoV,GAAQ2G,MACnCqiB,EAAWp+B,EAAMoV,QAGlB,KAAMA,IAASpV,GACTA,EAAMoV,IAAWpV,EAAMoV,GAAQ2G,MAAQmf,GAAK5/B,KAAM8Z,IACtDgpB,EAAWp+B,EAAMoV,GAKpB,KAAMA,EAAQipB,EAAOtjC,OAAQqa,KACvBipB,EAAQjpB,GAAQxa,OAASC,MAAiB,MAARX,GAAgBmkC,EAAQjpB,GAAQqG,QAAUvhB,IAChFmkC,EAAQjpB,GAAQ4nB,KAAKjhB,KAAM8gB,GAC3BnhB,GAAU,EACV2iB,EAAO/gC,OAAQ8X,EAAO,KAOnBsG,IAAYmhB,IAChBtlC,EAAOmkB,QAAS7gB,KAAMX,MAIzBikC,OAAQ,SAAUjkC,GAIjB,MAHKA,MAAS,IACbA,EAAOA,GAAQ,MAETW,KAAKyB,KAAK,WAChB,GAAI8Y,GACHpV,EAAOzI,EAAO+jB,MAAOzgB,MACrB4gB,EAAQzb,EAAM9F,EAAO,SACrB0hB,EAAQ5b,EAAM9F,EAAO,cACrBmkC,EAAS9mC,EAAO8mC,OAChBtjC,EAAS0gB,EAAQA,EAAM1gB,OAAS,CAajC,KAVAiF,EAAKm+B,QAAS,EAGd5mC,EAAOkkB,MAAO5gB,KAAMX,MAEf0hB,GAASA,EAAMG,MACnBH,EAAMG,KAAKhgB,KAAMlB,MAAM,GAIlBua,EAAQipB,EAAOtjC,OAAQqa,KACvBipB,EAAQjpB,GAAQxa,OAASC,MAAQwjC,EAAQjpB,GAAQqG,QAAUvhB,IAC/DmkC,EAAQjpB,GAAQ4nB,KAAKjhB,MAAM,GAC3BsiB,EAAO/gC,OAAQ8X,EAAO,GAKxB,KAAMA,EAAQ,EAAWra,EAARqa,EAAgBA,IAC3BqG,EAAOrG,IAAWqG,EAAOrG,GAAQ+oB,QACrC1iB,EAAOrG,GAAQ+oB,OAAOpiC,KAAMlB,YAKvBmF,GAAKm+B,WAMf,SAASL,IAAO5jC,EAAMokC,GACrB,GAAInb,GACH5Z,GAAUg1B,OAAQrkC,GAClB8C,EAAI,CAKL,KADAshC,EAAeA,EAAc,EAAI,EACtB,EAAJthC,EAAQA,GAAK,EAAIshC,EACvBnb,EAAQ2K,GAAW9wB,GACnBuM,EAAO,SAAW4Z,GAAU5Z,EAAO,UAAY4Z,GAAUjpB,CAO1D,OAJKokC,KACJ/0B,EAAMuO,QAAUvO,EAAM4Q,MAAQjgB,GAGxBqP,EAIRhS,EAAO+E,MACNkiC,UAAWV,GAAM,QACjBW,QAASX,GAAM,QACfY,YAAaZ,GAAM,UACnBa,QAAU7mB,QAAS,QACnB8mB,SAAW9mB,QAAS,QACpB+mB,YAAc/mB,QAAS,WACrB,SAAUna,EAAMolB,GAClBxrB,EAAOsB,GAAI8E,GAAS,SAAUigC,EAAOhB,EAAQrgC,GAC5C,MAAO1B,MAAKgjC,QAAS9a,EAAO6a,EAAOhB,EAAQrgC,MAI7ChF,EAAOqmC,MAAQ,SAAUA,EAAOhB,EAAQ/jC,GACvC,GAAIwe,GAAMumB,GAA0B,gBAAVA,GAAqBrmC,EAAOgG,UAAYqgC,IACjEjJ,SAAU97B,IAAOA,GAAM+jC,GACtBrlC,EAAOiE,WAAYoiC,IAAWA,EAC/BxB,SAAUwB,EACVhB,OAAQ/jC,GAAM+jC,GAAUA,IAAWrlC,EAAOiE,WAAYohC,IAAYA,EAwBnE,OArBAvlB,GAAI+kB,SAAW7kC,EAAO4kB,GAAGpd,IAAM,EAA4B,gBAAjBsY,GAAI+kB,SAAwB/kB,EAAI+kB,SACzE/kB,EAAI+kB,WAAY7kC,GAAO4kB,GAAGC,OAAS7kB,EAAO4kB,GAAGC,OAAQ/E,EAAI+kB,UAAa7kC,EAAO4kB,GAAGC,OAAO4F,UAGtE,MAAb3K,EAAIoE,OAAiBpE,EAAIoE,SAAU,KACvCpE,EAAIoE,MAAQ,MAIbpE,EAAIhU,IAAMgU,EAAIsd,SAEdtd,EAAIsd,SAAW,WACTp9B,EAAOiE,WAAY6b,EAAIhU,MAC3BgU,EAAIhU,IAAItH,KAAMlB,MAGVwc,EAAIoE,OACRlkB,EAAOmkB,QAAS7gB,KAAMwc,EAAIoE,QAIrBpE,GAGR9f,EAAOqlC,QACNkC,OAAQ,SAAUC,GACjB,MAAOA,IAERC,MAAO,SAAUD,GAChB,MAAO,GAAM7gC,KAAK+gC,IAAKF,EAAE7gC,KAAKghC,IAAO,IAIvC3nC,EAAO8mC,UACP9mC,EAAO4kB,GAAKwgB,GAAMniC,UAAU1B,KAC5BvB,EAAO4kB,GAAG8f,KAAO,WAChB,GAAIc,GACHsB,EAAS9mC,EAAO8mC,OAChBrhC,EAAI,CAIL,KAFA89B,GAAQvjC,EAAO0L,MAEHo7B,EAAOtjC,OAAXiC,EAAmBA,IAC1B+/B,EAAQsB,EAAQrhC,GAEV+/B,KAAWsB,EAAQrhC,KAAQ+/B,GAChCsB,EAAO/gC,OAAQN,IAAK,EAIhBqhC,GAAOtjC,QACZxD,EAAO4kB,GAAGJ,OAEX+e,GAAQhkC,GAGTS,EAAO4kB,GAAG4gB,MAAQ,SAAUA,GACtBA,KAAWxlC,EAAO8mC,OAAOrmC,KAAM+kC,IACnCxlC,EAAO4kB,GAAGhO,SAIZ5W,EAAO4kB,GAAGgjB,SAAW,GAErB5nC,EAAO4kB,GAAGhO,MAAQ,WACX4sB,KACLA,GAAUqE,YAAa7nC,EAAO4kB,GAAG8f,KAAM1kC,EAAO4kB,GAAGgjB,YAInD5nC,EAAO4kB,GAAGJ,KAAO,WAChBsjB,cAAetE,IACfA,GAAU,MAGXxjC,EAAO4kB,GAAGC,QACTkjB,KAAM,IACNC,KAAM,IAENvd,SAAU,KAIXzqB,EAAO4kB,GAAGuhB,QAELnmC,EAAO4U,MAAQ5U,EAAO4U,KAAKwE,UAC/BpZ,EAAO4U,KAAKwE,QAAQ6uB,SAAW,SAAU5kC,GACxC,MAAOrD,GAAO+K,KAAK/K,EAAO8mC,OAAQ,SAAUxlC,GAC3C,MAAO+B,KAAS/B,EAAG+B,OACjBG,SAGLxD,EAAOsB,GAAG4mC,OAAS,SAAU7hC,GAC5B,GAAKhB,UAAU7B,OACd,MAAO6C,KAAY9G,EAClB+D,KACAA,KAAKyB,KAAK,SAAUU,GACnBzF,EAAOkoC,OAAOC,UAAW7kC,KAAM+C,EAASZ,IAI3C,IAAI5F,GAASuoC,EACZC,GAAQn8B,IAAK,EAAGssB,KAAM,GACtBn1B,EAAOC,KAAM,GACbwP,EAAMzP,GAAQA,EAAKS,aAEpB,IAAMgP,EAON,MAHAjT,GAAUiT,EAAIhT,gBAGRE,EAAOmN,SAAUtN,EAASwD,UAMpBA,GAAKilC,wBAA0B5oC,IAC1C2oC,EAAMhlC,EAAKilC,yBAEZF,EAAMG,GAAWz1B,IAEhB5G,IAAKm8B,EAAIn8B,KAASk8B,EAAII,aAAe3oC,EAAQ0sB,YAAiB1sB,EAAQ2sB,WAAc,GACpFgM,KAAM6P,EAAI7P,MAAS4P,EAAIK,aAAe5oC,EAAQssB,aAAiBtsB,EAAQusB,YAAc,KAX9Eic,GAeTroC,EAAOkoC,QAENC,UAAW,SAAU9kC,EAAMgD,EAASZ,GACnC,GAAIywB,GAAWl2B,EAAO82B,IAAKzzB,EAAM,WAGf,YAAb6yB,IACJ7yB,EAAK0I,MAAMmqB,SAAW,WAGvB,IAAIwS,GAAU1oC,EAAQqD,GACrBslC,EAAYD,EAAQR,SACpBU,EAAY5oC,EAAO82B,IAAKzzB,EAAM,OAC9BwlC,EAAa7oC,EAAO82B,IAAKzzB,EAAM,QAC/BylC,GAAmC,aAAb5S,GAAwC,UAAbA,IAA0Bl2B,EAAO2K,QAAQ,QAASi+B,EAAWC,IAAe,GAC7Hrd,KAAYud,KAAkBC,EAAQC,CAGlCH,IACJC,EAAcL,EAAQxS,WACtB8S,EAASD,EAAY78B,IACrB+8B,EAAUF,EAAYvQ,OAEtBwQ,EAASlhC,WAAY8gC,IAAe,EACpCK,EAAUnhC,WAAY+gC,IAAgB,GAGlC7oC,EAAOiE,WAAYoC,KACvBA,EAAUA,EAAQ7B,KAAMnB,EAAMoC,EAAGkjC,IAGd,MAAftiC,EAAQ6F,MACZsf,EAAMtf,IAAQ7F,EAAQ6F,IAAMy8B,EAAUz8B,IAAQ88B,GAE1B,MAAhB3iC,EAAQmyB,OACZhN,EAAMgN,KAASnyB,EAAQmyB,KAAOmQ,EAAUnQ,KAASyQ,GAG7C,SAAW5iC,GACfA,EAAQ6iC,MAAM1kC,KAAMnB,EAAMmoB,GAE1Bkd,EAAQ5R,IAAKtL,KAMhBxrB,EAAOsB,GAAG0E,QAETkwB,SAAU,WACT,GAAM5yB,KAAM,GAAZ,CAIA,GAAI6lC,GAAcjB,EACjBkB,GAAiBl9B,IAAK,EAAGssB,KAAM,GAC/Bn1B,EAAOC,KAAM,EAwBd,OArBwC,UAAnCtD,EAAO82B,IAAKzzB,EAAM,YAEtB6kC,EAAS7kC,EAAKilC,yBAGda,EAAe7lC,KAAK6lC,eAGpBjB,EAAS5kC,KAAK4kC,SACRloC,EAAOmK,SAAUg/B,EAAc,GAAK,UACzCC,EAAeD,EAAajB,UAI7BkB,EAAal9B,KAAQlM,EAAO82B,IAAKqS,EAAc,GAAK,kBAAkB,GACtEC,EAAa5Q,MAAQx4B,EAAO82B,IAAKqS,EAAc,GAAK,mBAAmB,KAOvEj9B,IAAMg8B,EAAOh8B,IAAOk9B,EAAal9B,IAAMlM,EAAO82B,IAAKzzB,EAAM,aAAa,GACtEm1B,KAAM0P,EAAO1P,KAAO4Q,EAAa5Q,KAAOx4B,EAAO82B,IAAKzzB,EAAM,cAAc,MAI1E8lC,aAAc,WACb,MAAO7lC,MAAKsC,IAAI,WACf,GAAIujC,GAAe7lC,KAAK6lC,cAAgBtpC,CACxC,OAAQspC,IAAmBnpC,EAAOmK,SAAUg/B,EAAc,SAAsD,WAA1CnpC,EAAO82B,IAAKqS,EAAc,YAC/FA,EAAeA,EAAaA,YAE7B,OAAOA,IAAgBtpC,OAO1BG,EAAO+E,MAAOonB,WAAY,cAAeI,UAAW,eAAgB,SAAU0T,EAAQra,GACrF,GAAI1Z,GAAM,IAAInI,KAAM6hB,EAEpB5lB,GAAOsB,GAAI2+B,GAAW,SAAUnrB,GAC/B,MAAO9U,GAAOqL,OAAQ/H,KAAM,SAAUD,EAAM48B,EAAQnrB,GACnD,GAAIszB,GAAMG,GAAWllC,EAErB,OAAKyR,KAAQvV,EACL6oC,EAAOxiB,IAAQwiB,GAAOA,EAAKxiB,GACjCwiB,EAAIxoC,SAASE,gBAAiBmgC,GAC9B58B,EAAM48B,IAGHmI,EACJA,EAAIiB,SACFn9B,EAAYlM,EAAQooC,GAAMjc,aAApBrX,EACP5I,EAAM4I,EAAM9U,EAAQooC,GAAM7b,aAI3BlpB,EAAM48B,GAAWnrB,EAPlB,IASEmrB,EAAQnrB,EAAKzP,UAAU7B,OAAQ,QAIpC,SAAS+kC,IAAWllC,GACnB,MAAOrD,GAAO2H,SAAUtE,GACvBA,EACkB,IAAlBA,EAAKQ,SACJR,EAAK2P,aAAe3P,EAAKgnB,cACzB,EAGHrqB,EAAO+E,MAAQukC,OAAQ,SAAUC,MAAO,SAAW,SAAUnjC,EAAMzD,GAClE3C,EAAO+E,MAAQ00B,QAAS,QAAUrzB,EAAMktB,QAAS3wB,EAAM,GAAI,QAAUyD,GAAQ,SAAUojC,EAAcC,GAEpGzpC,EAAOsB,GAAImoC,GAAa,SAAUjQ,EAAQnvB,GACzC,GAAIiB,GAAYjG,UAAU7B,SAAYgmC,GAAkC,iBAAXhQ,IAC5DtB,EAAQsR,IAAkBhQ,KAAW,GAAQnvB,KAAU,EAAO,SAAW,SAE1E,OAAOrK,GAAOqL,OAAQ/H,KAAM,SAAUD,EAAMV,EAAM0H,GACjD,GAAIyI,EAEJ,OAAK9S,GAAO2H,SAAUtE,GAIdA,EAAKzD,SAASE,gBAAiB,SAAWsG,GAI3B,IAAlB/C,EAAKQ,UACTiP,EAAMzP,EAAKvD,gBAIJ6G,KAAKiE,IACXvH,EAAK+D,KAAM,SAAWhB,GAAQ0M,EAAK,SAAW1M,GAC9C/C,EAAK+D,KAAM,SAAWhB,GAAQ0M,EAAK,SAAW1M,GAC9C0M,EAAK,SAAW1M,KAIXiE,IAAU9K,EAEhBS,EAAO82B,IAAKzzB,EAAMV,EAAMu1B,GAGxBl4B,EAAO+L,MAAO1I,EAAMV,EAAM0H,EAAO6tB,IAChCv1B,EAAM2I,EAAYkuB,EAASj6B,EAAW+L,EAAW,WAQvDtL,EAAOsB,GAAGooC,KAAO,WAChB,MAAOpmC,MAAKE,QAGbxD,EAAOsB,GAAGqoC,QAAU3pC,EAAOsB,GAAG6tB,QAGP,gBAAXya,SAAuBA,QAAoC,gBAAnBA,QAAOC,QAK1DD,OAAOC,QAAU7pC,GAGjBV,EAAOU,OAASV,EAAOY,EAAIF,EASJ,kBAAX8pC,SAAyBA,OAAOC,KAC3CD,OAAQ,YAAc,WAAc,MAAO9pC,QAIzCV"}
\ No newline at end of file
--- /dev/null
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+window.matchMedia=window.matchMedia||function(a){"use strict";var c,d=a.documentElement,e=d.firstElementChild||d.firstChild,f=a.createElement("body"),g=a.createElement("div");return g.id="mq-test-1",g.style.cssText="position:absolute;top:-100em",f.style.background="none",f.appendChild(g),function(a){return g.innerHTML='­<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document);
+
+/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
+(function(a){"use strict";function x(){u(!0)}var b={};a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,b.mediaQueriesSupported;var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var a=m.shift();v(a.href,function(b){p(b,a.href,a.media),h[a.href]=!0,setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(a){var b="clientWidth",h=d[b],k="CSS1Compat"===c.compatMode&&h||c.body[b]||h,m={},n=l[l.length-1],o=(new Date).getTime();if(a&&q&&i>o-q)return clearTimeout(r),r=setTimeout(u,i),void 0;q=o;for(var p in e)if(e.hasOwnProperty(p)){var v=e[p],w=v.minw,x=v.maxw,y=null===w,z=null===x,A="em";w&&(w=parseFloat(w)*(w.indexOf(A)>-1?t||s():1)),x&&(x=parseFloat(x)*(x.indexOf(A)>-1?t||s():1)),v.hasquery&&(y&&z||!(y||k>=w)||!(z||x>=k))||(m[v.media]||(m[v.media]=[]),m[v.media].push(f[v.rules]))}for(var B in g)g.hasOwnProperty(B)&&g[B]&&g[B].parentNode===j&&j.removeChild(g[B]);for(var C in m)if(m.hasOwnProperty(C)){var D=c.createElement("style"),E=m[C].join("\n");D.type="text/css",D.media=C,j.insertBefore(D,n.nextSibling),D.styleSheet?D.styleSheet.cssText=E:D.appendChild(c.createTextNode(E)),g.push(D)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)})(this);
$(function() {
// start the icon carousel
- $('#iconCarousel').carousel({
+ $('#icon-carousel').carousel({
interval: 5000
});
--- /dev/null
+//
+// Alerts
+// --------------------------------------------------
+
+
+// Base styles
+// -------------------------
+
+.alert {
+ padding: @alert-padding;
+ margin-bottom: @line-height-computed;
+ border: 1px solid transparent;
+ border-radius: @alert-border-radius;
+
+ // Headings for larger alerts
+ h4 {
+ margin-top: 0;
+ // Specified for the h4 to prevent conflicts of changing @headingsColor
+ color: inherit;
+ }
+ // Provide class for links that match alerts
+ .alert-link {
+ font-weight: @alert-link-font-weight;
+ }
+
+ // Improve alignment and spacing of inner content
+ > p,
+ > ul {
+ margin-bottom: 0;
+ }
+ > p + p {
+ margin-top: 5px;
+ }
+}
+
+// Dismissable alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissable {
+ padding-right: (@alert-padding + 20);
+
+ // Adjust close link position
+ .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ color: inherit;
+ }
+}
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+.alert-success {
+ .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
+}
+.alert-info {
+ .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
+}
+.alert-warning {
+ .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
+}
+.alert-danger {
+ .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
+}
--- /dev/null
+//
+// Badges
+// --------------------------------------------------
+
+
+// Base classes
+.badge {
+ display: inline-block;
+ min-width: 10px;
+ padding: 3px 7px;
+ font-size: @font-size-small;
+ font-weight: @badge-font-weight;
+ color: @badge-color;
+ line-height: @badge-line-height;
+ vertical-align: baseline;
+ white-space: nowrap;
+ text-align: center;
+ background-color: @badge-bg;
+ border-radius: @badge-border-radius;
+
+ // Empty badges collapse automatically (not available in IE8)
+ &:empty {
+ display: none;
+ }
+}
+
+// Hover state, but only for links
+a.badge {
+ &:hover,
+ &:focus {
+ color: @badge-link-hover-color;
+ text-decoration: none;
+ cursor: pointer;
+ }
+}
+
+// Quick fix for labels/badges in buttons
+.btn .badge {
+ position: relative;
+ top: -1px;
+}
+
+// Account for counters in navs
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: @badge-active-color;
+ background-color: @badge-active-bg;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
--- /dev/null
+/*!
+ * Bootstrap v3.0.0
+ *
+ * Copyright 2013 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world by @mdo and @fat.
+ */
+
+// Core variables and mixins
+@import "variables.less";
+@import "mixins.less";
+
+// Reset
+@import "normalize.less";
+@import "print.less";
+
+// Core CSS
+@import "scaffolding.less";
+@import "type.less";
+@import "code.less";
+@import "grid.less";
+@import "tables.less";
+@import "forms.less";
+@import "buttons.less";
+
+// Components
+@import "component-animations.less";
+//@import "glyphicons.less";
+@import "dropdowns.less";
+@import "button-groups.less";
+@import "input-groups.less";
+@import "navs.less";
+@import "navbar.less";
+@import "breadcrumbs.less";
+@import "pagination.less";
+@import "pager.less";
+@import "labels.less";
+@import "badges.less";
+@import "jumbotron.less";
+@import "thumbnails.less";
+@import "alerts.less";
+@import "progress-bars.less";
+@import "media.less";
+@import "list-group.less";
+@import "panels.less";
+@import "wells.less";
+@import "close.less";
+
+// Components w/ JavaScript
+@import "modals.less";
+@import "tooltip.less";
+@import "popovers.less";
+@import "carousel.less";
+
+// Utility classes
+@import "utilities.less";
+@import "responsive-utilities.less";
--- /dev/null
+//
+// Breadcrumbs
+// --------------------------------------------------
+
+
+.breadcrumb {
+ padding: 8px 15px;
+ margin-bottom: @line-height-computed;
+ list-style: none;
+ background-color: @breadcrumb-bg;
+ border-radius: @border-radius-base;
+ > li {
+ display: inline-block;
+ &+li:before {
+ content: "/\00a0"; // Unicode space added since inline-block means non-collapsing white-space
+ padding: 0 5px;
+ color: @breadcrumb-color;
+ }
+ }
+ > .active {
+ color: @breadcrumb-active-color;
+ }
+}
--- /dev/null
+//
+// Button groups
+// --------------------------------------------------
+
+// Button carets
+//
+// Match the button text color to the arrow/caret for indicating dropdown-ness.
+
+.caret {
+ .btn-default & {
+ border-top-color: @btn-default-color;
+ }
+ .btn-primary &,
+ .btn-success &,
+ .btn-warning &,
+ .btn-danger &,
+ .btn-info & {
+ border-top-color: #fff;
+ }
+}
+.dropup {
+ & .btn-default .caret {
+ border-bottom-color: @btn-default-color;
+ }
+ .btn-primary,
+ .btn-success,
+ .btn-warning,
+ .btn-danger,
+ .btn-info {
+ .caret {
+ border-bottom-color: #fff;
+ }
+ }
+}
+
+// Make the div behave like a button
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle; // match .btn alignment given font-size hack above
+ > .btn {
+ position: relative;
+ float: left;
+ // Bring the "active" button to the front
+ &:hover,
+ &:focus,
+ &:active,
+ &.active {
+ z-index: 2;
+ }
+ &:focus {
+ // Remove focus outline when dropdown JS adds it after closing the menu
+ outline: none;
+ }
+ }
+}
+
+// Prevent double borders when buttons are next to each other
+.btn-group {
+ .btn + .btn,
+ .btn + .btn-group,
+ .btn-group + .btn,
+ .btn-group + .btn-group {
+ margin-left: -1px;
+ }
+}
+
+// Optional: Group multiple button groups together for a toolbar
+.btn-toolbar {
+ .clearfix();
+
+ .btn-group {
+ float: left;
+ }
+ // Space out series of button groups
+ > .btn,
+ > .btn-group {
+ + .btn,
+ + .btn-group {
+ margin-left: 5px;
+ }
+ }
+}
+
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+ border-radius: 0;
+}
+
+// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
+.btn-group > .btn:first-child {
+ margin-left: 0;
+ &:not(:last-child):not(.dropdown-toggle) {
+ .border-right-radius(0);
+ }
+}
+// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+ .border-left-radius(0);
+}
+
+// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
+.btn-group > .btn-group {
+ float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
+}
+.btn-group > .btn-group:first-child {
+ > .btn:last-child,
+ > .dropdown-toggle {
+ .border-right-radius(0);
+ }
+}
+.btn-group > .btn-group:last-child > .btn:first-child {
+ .border-left-radius(0);
+}
+
+// On active and open, don't show outline
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+ outline: 0;
+}
+
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.btn-group-xs > .btn { .btn-xs(); }
+.btn-group-sm > .btn { .btn-sm(); }
+.btn-group-lg > .btn { .btn-lg(); }
+
+
+// Split button dropdowns
+// ----------------------
+
+// Give the line between buttons some depth
+.btn-group > .btn + .dropdown-toggle {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+ padding-left: 12px;
+ padding-right: 12px;
+}
+
+// The clickable button for toggling the menu
+// Remove the gradient and set the same inset shadow as the :active state
+.btn-group.open .dropdown-toggle {
+ .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+}
+
+
+// Reposition the caret
+.btn .caret {
+ margin-left: 0;
+}
+// Carets in other button sizes
+.btn-lg .caret {
+ border-width: @caret-width-large @caret-width-large 0;
+ border-bottom-width: 0;
+}
+// Upside down carets for .dropup
+.dropup .btn-lg .caret {
+ border-width: 0 @caret-width-large @caret-width-large;
+}
+
+
+// Vertical button groups
+// ----------------------
+
+.btn-group-vertical {
+ > .btn,
+ > .btn-group {
+ display: block;
+ float: none;
+ width: 100%;
+ max-width: 100%;
+ }
+
+ // Clear floats so dropdown menus can be properly placed
+ > .btn-group {
+ .clearfix();
+ > .btn {
+ float: none;
+ }
+ }
+
+ > .btn + .btn,
+ > .btn + .btn-group,
+ > .btn-group + .btn,
+ > .btn-group + .btn-group {
+ margin-top: -1px;
+ margin-left: 0;
+ }
+}
+
+.btn-group-vertical > .btn {
+ &:not(:first-child):not(:last-child) {
+ border-radius: 0;
+ }
+ &:first-child:not(:last-child) {
+ border-top-right-radius: @border-radius-base;
+ .border-bottom-radius(0);
+ }
+ &:last-child:not(:first-child) {
+ border-bottom-left-radius: @border-radius-base;
+ .border-top-radius(0);
+ }
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child {
+ > .btn:last-child,
+ > .dropdown-toggle {
+ .border-bottom-radius(0);
+ }
+}
+.btn-group-vertical > .btn-group:last-child > .btn:first-child {
+ .border-top-radius(0);
+}
+
+
+
+// Justified button groups
+// ----------------------
+
+.btn-group-justified {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+ border-collapse: separate;
+ .btn {
+ float: none;
+ display: table-cell;
+ width: 1%;
+ }
+}
+
+
+// Checkbox and radio options
+[data-toggle="buttons"] > .btn > input[type="radio"],
+[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+ display: none;
+}
--- /dev/null
+//
+// Buttons
+// --------------------------------------------------
+
+
+// Base styles
+// --------------------------------------------------
+
+// Core styles
+.btn {
+ display: inline-block;
+ padding: @padding-base-vertical @padding-base-horizontal;
+ margin-bottom: 0; // For input.btn
+ font-size: @font-size-base;
+ font-weight: @btn-font-weight;
+ line-height: @line-height-base;
+ text-align: center;
+ vertical-align: middle;
+ cursor: pointer;
+ border: 1px solid transparent;
+ border-radius: @border-radius-base;
+ white-space: nowrap;
+ .user-select(none);
+
+ &:focus {
+ .tab-focus();
+ }
+
+ &:hover,
+ &:focus {
+ color: @btn-default-color;
+ text-decoration: none;
+ }
+
+ &:active,
+ &.active {
+ outline: 0;
+ background-image: none;
+ .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+ }
+
+ &.disabled,
+ &[disabled],
+ fieldset[disabled] & {
+ cursor: not-allowed;
+ pointer-events: none; // Future-proof disabling of clicks
+ .opacity(.65);
+ .box-shadow(none);
+ }
+
+}
+
+
+// Alternate buttons
+// --------------------------------------------------
+
+.btn-default {
+ .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
+}
+.btn-primary {
+ .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
+}
+// Warning appears as orange
+.btn-warning {
+ .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
+}
+// Danger and error appear as red
+.btn-danger {
+ .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
+}
+// Success appears as green
+.btn-success {
+ .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
+}
+// Info appears as blue-green
+.btn-info {
+ .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
+}
+
+
+// Link buttons
+// -------------------------
+
+// Make a button look and behave like a link
+.btn-link {
+ color: @link-color;
+ font-weight: normal;
+ cursor: pointer;
+ border-radius: 0;
+
+ &,
+ &:active,
+ &[disabled],
+ fieldset[disabled] & {
+ background-color: transparent;
+ .box-shadow(none);
+ }
+ &,
+ &:hover,
+ &:focus,
+ &:active {
+ border-color: transparent;
+ }
+ &:hover,
+ &:focus {
+ color: @link-hover-color;
+ text-decoration: underline;
+ background-color: transparent;
+ }
+ &[disabled],
+ fieldset[disabled] & {
+ &:hover,
+ &:focus {
+ color: @btn-link-disabled-color;
+ text-decoration: none;
+ }
+ }
+}
+
+
+// Button Sizes
+// --------------------------------------------------
+
+.btn-lg {
+ // line-height: ensure even-numbered height of button next to large input
+ .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
+}
+.btn-sm,
+.btn-xs {
+ // line-height: ensure proper height of button next to small input
+ .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
+}
+.btn-xs {
+ padding: 1px 5px;
+}
+
+
+// Block button
+// --------------------------------------------------
+
+.btn-block {
+ display: block;
+ width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+// Vertically space out multiple block buttons
+.btn-block + .btn-block {
+ margin-top: 5px;
+}
+
+// Specificity overrides
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+ &.btn-block {
+ width: 100%;
+ }
+}
--- /dev/null
+//
+// Carousel
+// --------------------------------------------------
+
+
+// Wrapper for the slide container and indicators
+.carousel {
+ position: relative;
+}
+
+.carousel-inner {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+
+ > .item {
+ display: none;
+ position: relative;
+ .transition(.6s ease-in-out left);
+
+ // Account for jankitude on images
+ > img,
+ > a > img {
+ .img-responsive();
+ line-height: 1;
+ }
+ }
+
+ > .active,
+ > .next,
+ > .prev { display: block; }
+
+ > .active {
+ left: 0;
+ }
+
+ > .next,
+ > .prev {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ > .next {
+ left: 100%;
+ }
+ > .prev {
+ left: -100%;
+ }
+ > .next.left,
+ > .prev.right {
+ left: 0;
+ }
+
+ > .active.left {
+ left: -100%;
+ }
+ > .active.right {
+ left: 100%;
+ }
+
+}
+
+// Left/right controls for nav
+// ---------------------------
+
+.carousel-control {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: @carousel-control-width;
+ .opacity(@carousel-control-opacity);
+ font-size: @carousel-control-font-size;
+ color: @carousel-control-color;
+ text-align: center;
+ text-shadow: @carousel-text-shadow;
+ // We can't have this transition here because webkit cancels the carousel
+ // animation if you trip this while in the middle of another animation.
+
+ // Set gradients for backgrounds
+ &.left {
+ #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));
+ }
+ &.right {
+ left: auto;
+ right: 0;
+ #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));
+ }
+
+ // Hover/focus state
+ &:hover,
+ &:focus {
+ color: @carousel-control-color;
+ text-decoration: none;
+ .opacity(.9);
+ }
+
+ // Toggles
+ .icon-prev,
+ .icon-next,
+ .glyphicon-chevron-left,
+ .glyphicon-chevron-right {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 5;
+ display: inline-block;
+ }
+ .icon-prev,
+ .icon-next {
+ width: 20px;
+ height: 20px;
+ margin-top: -10px;
+ margin-left: -10px;
+ font-family: serif;
+ }
+
+ .icon-prev {
+ &:before {
+ content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
+ }
+ }
+ .icon-next {
+ &:before {
+ content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
+ }
+ }
+}
+
+// Optional indicator pips
+//
+// Add an unordered list with the following class and add a list item for each
+// slide your carousel holds.
+
+.carousel-indicators {
+ position: absolute;
+ bottom: 10px;
+ left: 50%;
+ z-index: 15;
+ width: 60%;
+ margin-left: -30%;
+ padding-left: 0;
+ list-style: none;
+ text-align: center;
+
+ li {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 1px;
+ text-indent: -999px;
+ border: 1px solid @carousel-indicator-border-color;
+ border-radius: 10px;
+ cursor: pointer;
+ }
+ .active {
+ margin: 0;
+ width: 12px;
+ height: 12px;
+ background-color: @carousel-indicator-active-bg;
+ }
+}
+
+// Optional captions
+// -----------------------------
+// Hidden by default for smaller viewports
+.carousel-caption {
+ position: absolute;
+ left: 15%;
+ right: 15%;
+ bottom: 20px;
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: @carousel-caption-color;
+ text-align: center;
+ text-shadow: @carousel-text-shadow;
+ & .btn {
+ text-shadow: none; // No shadow for button elements in carousel-caption
+ }
+}
+
+
+// Scale up controls for tablets and up
+@media screen and (min-width: @screen-tablet) {
+
+ // Scale up the controls a smidge
+ .carousel-control .icon-prev,
+ .carousel-control .icon-next {
+ width: 30px;
+ height: 30px;
+ margin-top: -15px;
+ margin-left: -15px;
+ font-size: 30px;
+ }
+
+ // Show and left align the captions
+ .carousel-caption {
+ left: 20%;
+ right: 20%;
+ padding-bottom: 30px;
+ }
+
+ // Move up the indicators
+ .carousel-indicators {
+ bottom: 20px;
+ }
+}
--- /dev/null
+//
+// Close icons
+// --------------------------------------------------
+
+
+.close {
+ float: right;
+ font-size: (@font-size-base * 1.5);
+ font-weight: @close-font-weight;
+ line-height: 1;
+ color: @close-color;
+ text-shadow: @close-text-shadow;
+ .opacity(.2);
+
+ &:hover,
+ &:focus {
+ color: @close-color;
+ text-decoration: none;
+ cursor: pointer;
+ .opacity(.5);
+ }
+
+ // Additional properties for button version
+ // iOS requires the button element instead of an anchor tag.
+ // If you want the anchor version, it requires `href="#"`.
+ button& {
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none;
+ }
+}
--- /dev/null
+//
+// Code (inline and blocK)
+// --------------------------------------------------
+
+
+// Inline and block code styles
+code,
+pre {
+ font-family: @font-family-monospace;
+}
+
+// Inline code
+code {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: @code-color;
+ background-color: @code-bg;
+ white-space: nowrap;
+ border-radius: @border-radius-base;
+}
+
+// Blocks of code
+pre {
+ display: block;
+ padding: ((@line-height-computed - 1) / 2);
+ margin: 0 0 (@line-height-computed / 2);
+ font-size: (@font-size-base - 1); // 14px to 13px
+ line-height: @line-height-base;
+ word-break: break-all;
+ word-wrap: break-word;
+ color: @pre-color;
+ background-color: @pre-bg;
+ border: 1px solid @pre-border-color;
+ border-radius: @border-radius-base;
+
+ // Make prettyprint styles more spaced out for readability
+ &.prettyprint {
+ margin-bottom: @line-height-computed;
+ }
+
+ // Account for some code outputs that place code tags in pre tags
+ code {
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ white-space: pre-wrap;
+ background-color: transparent;
+ border: 0;
+ }
+}
+
+// Enable scrollable blocks of code
+.pre-scrollable {
+ max-height: @pre-scrollable-max-height;
+ overflow-y: scroll;
+}
--- /dev/null
+//
+// Component animations
+// --------------------------------------------------
+
+// Heads up!
+//
+// We don't use the `.opacity()` mixin here since it causes a bug with text
+// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
+
+.fade {
+ opacity: 0;
+ .transition(opacity .15s linear);
+ &.in {
+ opacity: 1;
+ }
+}
+
+.collapse {
+ display: none;
+ &.in {
+ display: block;
+ }
+}
+.collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ .transition(height .35s ease);
+}
--- /dev/null
+//
+// Dropdown menus
+// --------------------------------------------------
+
+
+// Dropdown arrow/caret
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 2px;
+ vertical-align: middle;
+ border-top: @caret-width-base solid @dropdown-caret-color;
+ border-right: @caret-width-base solid transparent;
+ border-left: @caret-width-base solid transparent;
+ // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
+ // we can just straight up remove this.
+ border-bottom: 0 dotted;
+ content: "";
+}
+
+// The dropdown wrapper (div)
+.dropdown {
+ position: relative;
+}
+
+// Prevent the focus on the dropdown toggle when closing dropdowns
+.dropdown-toggle:focus {
+ outline: 0;
+}
+
+// The dropdown menu (ul)
+.dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: @zindex-dropdown;
+ display: none; // none by default, but block on "open" of the menu
+ float: left;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0; // override default ul
+ list-style: none;
+ font-size: @font-size-base;
+ background-color: @dropdown-bg;
+ border: 1px solid @dropdown-fallback-border; // IE8 fallback
+ border: 1px solid @dropdown-border;
+ border-radius: @border-radius-base;
+ .box-shadow(0 6px 12px rgba(0,0,0,.175));
+ background-clip: padding-box;
+
+ // Aligns the dropdown menu to right
+ &.pull-right {
+ right: 0;
+ left: auto;
+ }
+
+ // Dividers (basically an hr) within the dropdown
+ .divider {
+ .nav-divider(@dropdown-divider-bg);
+ }
+
+ // Links within the dropdown menu
+ > li > a {
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: @line-height-base;
+ color: @dropdown-link-color;
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
+ }
+}
+
+// Hover/Focus state
+.dropdown-menu > li > a {
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ color: @dropdown-link-hover-color;
+ background-color: @dropdown-link-hover-bg;
+ }
+}
+
+// Active state
+.dropdown-menu > .active > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @dropdown-link-active-color;
+ text-decoration: none;
+ outline: 0;
+ background-color: @dropdown-link-active-bg;
+ }
+}
+
+// Disabled state
+//
+// Gray out text and ensure the hover/focus state remains gray
+
+.dropdown-menu > .disabled > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @dropdown-link-disabled-color;
+ }
+}
+// Nuke hover/focus effects
+.dropdown-menu > .disabled > a {
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ background-color: transparent;
+ background-image: none; // Remove CSS gradient
+ .reset-filter();
+ cursor: not-allowed;
+ }
+}
+
+// Open state for the dropdown
+.open {
+ // Show the menu
+ > .dropdown-menu {
+ display: block;
+ }
+
+ // Remove the outline when :focus is triggered
+ > a {
+ outline: 0;
+ }
+}
+
+// Dropdown section headers
+.dropdown-header {
+ display: block;
+ padding: 3px 20px;
+ font-size: @font-size-small;
+ line-height: @line-height-base;
+ color: @dropdown-header-color;
+}
+
+// Backdrop to catch body clicks on mobile, etc.
+.dropdown-backdrop {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ z-index: @zindex-dropdown - 10;
+}
+
+// Right aligned dropdowns
+.pull-right > .dropdown-menu {
+ right: 0;
+ left: auto;
+}
+
+// Allow for dropdowns to go bottom up (aka, dropup-menu)
+//
+// Just add .dropup after the standard .dropdown class and you're set, bro.
+// TODO: abstract this so that the navbar fixed styles are not placed here?
+
+.dropup,
+.navbar-fixed-bottom .dropdown {
+ // Reverse the caret
+ .caret {
+ // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
+ // gets fixed, restore `border-top: 0;`.
+ border-top: 0 dotted;
+ border-bottom: 4px solid @dropdown-caret-color;
+ content: "";
+ }
+ // Different positioning for bottom up menu
+ .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-bottom: 1px;
+ }
+}
+
+
+// Component alignment
+//
+// Reiterate per navbar.less and the modified component alignment there.
+
+@media (min-width: @grid-float-breakpoint) {
+ .navbar-right {
+ .dropdown-menu {
+ .pull-right > .dropdown-menu();
+ }
+ }
+}
+
--- /dev/null
+//
+// Forms
+// --------------------------------------------------
+
+
+// Normalize non-controls
+//
+// Restyle and baseline non-control form elements.
+
+fieldset {
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin-bottom: @line-height-computed;
+ font-size: (@font-size-base * 1.5);
+ line-height: inherit;
+ color: @legend-color;
+ border: 0;
+ border-bottom: 1px solid @legend-border-color;
+}
+
+label {
+ display: inline-block;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+
+
+// Normalize form controls
+
+// Override content-box in Normalize (* isn't specific enough)
+input[type="search"] {
+ .box-sizing(border-box);
+}
+
+// Position radios and checkboxes better
+input[type="radio"],
+input[type="checkbox"] {
+ margin: 4px 0 0;
+ margin-top: 1px \9; /* IE8-9 */
+ line-height: normal;
+}
+
+// Set the height of select and file controls to match text inputs
+input[type="file"] {
+ display: block;
+}
+
+// Make multiple select elements height not fixed
+select[multiple],
+select[size] {
+ height: auto;
+}
+
+// Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
+select optgroup {
+ font-size: inherit;
+ font-style: inherit;
+ font-family: inherit;
+}
+
+// Focus for select, file, radio, and checkbox
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+ .tab-focus();
+}
+
+// Fix for Chrome number input
+// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
+// See https://github.com/twbs/bootstrap/issues/8350 for more.
+input[type="number"] {
+ &::-webkit-outer-spin-button,
+ &::-webkit-inner-spin-button {
+ height: auto;
+ }
+}
+
+
+// Placeholder
+//
+// Placeholder text gets special styles because when browsers invalidate entire
+// lines if it doesn't understand a selector/
+.form-control {
+ .placeholder();
+}
+
+
+// Common form controls
+//
+// Shared size and type resets for form controls. Apply `.form-control` to any
+// of the following form controls:
+//
+// select
+// textarea
+// input[type="text"]
+// input[type="password"]
+// input[type="datetime"]
+// input[type="datetime-local"]
+// input[type="date"]
+// input[type="month"]
+// input[type="time"]
+// input[type="week"]
+// input[type="number"]
+// input[type="email"]
+// input[type="url"]
+// input[type="search"]
+// input[type="tel"]
+// input[type="color"]
+
+.form-control {
+ display: block;
+ width: 100%;
+ height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
+ padding: @padding-base-vertical @padding-base-horizontal;
+ font-size: @font-size-base;
+ line-height: @line-height-base;
+ color: @input-color;
+ vertical-align: middle;
+ background-color: @input-bg;
+ border: 1px solid @input-border;
+ border-radius: @input-border-radius;
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
+ .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
+
+ // Customize the `:focus` state to imitate native WebKit styles.
+ .form-control-focus();
+
+ // Disabled and read-only inputs
+ // Note: HTML5 says that controls under a fieldset > legend:first-child won't
+ // be disabled if the fieldset is disabled. Due to implementation difficulty,
+ // we don't honor that edge case; we style them as disabled anyway.
+ &[disabled],
+ &[readonly],
+ fieldset[disabled] & {
+ cursor: not-allowed;
+ background-color: @input-bg-disabled;
+ }
+
+ // Reset height for `textarea`s
+ textarea& {
+ height: auto;
+ }
+}
+
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group {
+ margin-bottom: 15px;
+}
+
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.radio,
+.checkbox {
+ display: block;
+ min-height: @line-height-computed; // clear the floating input if there is no label text
+ margin-top: 10px;
+ margin-bottom: 10px;
+ padding-left: 20px;
+ vertical-align: middle;
+ label {
+ display: inline;
+ margin-bottom: 0;
+ font-weight: normal;
+ cursor: pointer;
+ }
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+ float: left;
+ margin-left: -20px;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+ margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
+}
+
+// Radios and checkboxes on same line
+.radio-inline,
+.checkbox-inline {
+ display: inline-block;
+ padding-left: 20px;
+ margin-bottom: 0;
+ vertical-align: middle;
+ font-weight: normal;
+ cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+ margin-top: 0;
+ margin-left: 10px; // space out consecutive inline controls
+}
+
+// Apply same disabled cursor tweak as for inputs
+//
+// Note: Neither radios nor checkboxes can be readonly.
+input[type="radio"],
+input[type="checkbox"],
+.radio,
+.radio-inline,
+.checkbox,
+.checkbox-inline {
+ &[disabled],
+ fieldset[disabled] & {
+ cursor: not-allowed;
+ }
+}
+
+// Form control sizing
+.input-sm {
+ .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
+}
+
+.input-lg {
+ .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
+}
+
+
+// Form control feedback states
+//
+// Apply contextual and semantic states to individual form controls.
+
+// Warning
+.has-warning {
+ .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
+}
+// Error
+.has-error {
+ .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
+}
+// Success
+.has-success {
+ .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
+}
+
+
+// Static form control text
+//
+// Apply class to a `p` element to make any string of text align with labels in
+// a horizontal form layout.
+
+.form-control-static {
+ margin-bottom: 0; // Remove default margin from `p`
+ padding-top: (@padding-base-vertical + 1);
+}
+
+
+// Help text
+//
+// Apply to any element you wish to create light text for placement immediately
+// below a form control. Use for general help, formatting, or instructional text.
+
+.help-block {
+ display: block; // account for any element using help-block
+ margin-top: 5px;
+ margin-bottom: 10px;
+ color: lighten(@text-color, 25%); // lighten the text some for contrast
+}
+
+
+
+// Inline forms
+//
+// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
+// forms begin stacked on extra small (mobile) devices and then go inline when
+// viewports reach <768px.
+//
+// Requires wrapping inputs and labels with `.form-group` for proper display of
+// default HTML form controls and our custom form controls (e.g., input groups).
+//
+// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
+
+.form-inline {
+
+ // Kick in the inline
+ @media (min-width: @screen-tablet) {
+ // Inline-block all the things for "inline"
+ .form-group {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+
+ // In navbar-form, allow folks to *not* use `.form-group`
+ .form-control {
+ display: inline-block;
+ }
+
+ // Remove default margin on radios/checkboxes that were used for stacking, and
+ // then undo the floating of radios and checkboxes to match (which also avoids
+ // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
+ .radio,
+ .checkbox {
+ display: inline-block;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-left: 0;
+ }
+ .radio input[type="radio"],
+ .checkbox input[type="checkbox"] {
+ float: none;
+ margin-left: 0;
+ }
+ }
+}
+
+
+// Horizontal forms
+//
+// Horizontal forms are built on grid classes and allow you to create forms with
+// labels on the left and inputs on the right.
+
+.form-horizontal {
+
+ // Consistent vertical alignment of labels, radios, and checkboxes
+ .control-label,
+ .radio,
+ .checkbox,
+ .radio-inline,
+ .checkbox-inline {
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: (@padding-base-vertical + 1); // Default padding plus a border
+ }
+
+ // Make form groups behave like rows
+ .form-group {
+ .make-row();
+ }
+
+ // Only right align form labels here when the columns stop stacking
+ @media (min-width: @screen-tablet) {
+ .control-label {
+ text-align: right;
+ }
+ }
+}
--- /dev/null
+//
+// Glyphicons for Bootstrap
+//
+// Since icons are fonts, they can be placed anywhere text is placed and are
+// thus automatically sized to match the surrounding child. To use, create an
+// inline element with the appropriate classes, like so:
+//
+// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
+
+// Import the fonts
+@font-face {
+ font-family: 'Glyphicons Halflings';
+ src: url('@{icon-font-path}@{icon-font-name}.eot');
+ src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
+ url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
+ url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
+ url('@{icon-font-path}@{icon-font-name}.svg#glyphicons-halflingsregular') format('svg');
+}
+
+// Catchall baseclass
+.glyphicon {
+ position: relative;
+ top: 1px;
+ display: inline-block;
+ font-family: 'Glyphicons Halflings';
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+}
+
+// Individual icons
+.glyphicon-asterisk { &:before { content: "\2a"; } }
+.glyphicon-plus { &:before { content: "\2b"; } }
+.glyphicon-euro { &:before { content: "\20ac"; } }
+.glyphicon-minus { &:before { content: "\2212"; } }
+.glyphicon-cloud { &:before { content: "\2601"; } }
+.glyphicon-envelope { &:before { content: "\2709"; } }
+.glyphicon-pencil { &:before { content: "\270f"; } }
+.glyphicon-glass { &:before { content: "\e001"; } }
+.glyphicon-music { &:before { content: "\e002"; } }
+.glyphicon-search { &:before { content: "\e003"; } }
+.glyphicon-heart { &:before { content: "\e005"; } }
+.glyphicon-star { &:before { content: "\e006"; } }
+.glyphicon-star-empty { &:before { content: "\e007"; } }
+.glyphicon-user { &:before { content: "\e008"; } }
+.glyphicon-film { &:before { content: "\e009"; } }
+.glyphicon-th-large { &:before { content: "\e010"; } }
+.glyphicon-th { &:before { content: "\e011"; } }
+.glyphicon-th-list { &:before { content: "\e012"; } }
+.glyphicon-ok { &:before { content: "\e013"; } }
+.glyphicon-remove { &:before { content: "\e014"; } }
+.glyphicon-zoom-in { &:before { content: "\e015"; } }
+.glyphicon-zoom-out { &:before { content: "\e016"; } }
+.glyphicon-off { &:before { content: "\e017"; } }
+.glyphicon-signal { &:before { content: "\e018"; } }
+.glyphicon-cog { &:before { content: "\e019"; } }
+.glyphicon-trash { &:before { content: "\e020"; } }
+.glyphicon-home { &:before { content: "\e021"; } }
+.glyphicon-file { &:before { content: "\e022"; } }
+.glyphicon-time { &:before { content: "\e023"; } }
+.glyphicon-road { &:before { content: "\e024"; } }
+.glyphicon-download-alt { &:before { content: "\e025"; } }
+.glyphicon-download { &:before { content: "\e026"; } }
+.glyphicon-upload { &:before { content: "\e027"; } }
+.glyphicon-inbox { &:before { content: "\e028"; } }
+.glyphicon-play-circle { &:before { content: "\e029"; } }
+.glyphicon-repeat { &:before { content: "\e030"; } }
+.glyphicon-refresh { &:before { content: "\e031"; } }
+.glyphicon-list-alt { &:before { content: "\e032"; } }
+.glyphicon-flag { &:before { content: "\e034"; } }
+.glyphicon-headphones { &:before { content: "\e035"; } }
+.glyphicon-volume-off { &:before { content: "\e036"; } }
+.glyphicon-volume-down { &:before { content: "\e037"; } }
+.glyphicon-volume-up { &:before { content: "\e038"; } }
+.glyphicon-qrcode { &:before { content: "\e039"; } }
+.glyphicon-barcode { &:before { content: "\e040"; } }
+.glyphicon-tag { &:before { content: "\e041"; } }
+.glyphicon-tags { &:before { content: "\e042"; } }
+.glyphicon-book { &:before { content: "\e043"; } }
+.glyphicon-print { &:before { content: "\e045"; } }
+.glyphicon-font { &:before { content: "\e047"; } }
+.glyphicon-bold { &:before { content: "\e048"; } }
+.glyphicon-italic { &:before { content: "\e049"; } }
+.glyphicon-text-height { &:before { content: "\e050"; } }
+.glyphicon-text-width { &:before { content: "\e051"; } }
+.glyphicon-align-left { &:before { content: "\e052"; } }
+.glyphicon-align-center { &:before { content: "\e053"; } }
+.glyphicon-align-right { &:before { content: "\e054"; } }
+.glyphicon-align-justify { &:before { content: "\e055"; } }
+.glyphicon-list { &:before { content: "\e056"; } }
+.glyphicon-indent-left { &:before { content: "\e057"; } }
+.glyphicon-indent-right { &:before { content: "\e058"; } }
+.glyphicon-facetime-video { &:before { content: "\e059"; } }
+.glyphicon-picture { &:before { content: "\e060"; } }
+.glyphicon-map-marker { &:before { content: "\e062"; } }
+.glyphicon-adjust { &:before { content: "\e063"; } }
+.glyphicon-tint { &:before { content: "\e064"; } }
+.glyphicon-edit { &:before { content: "\e065"; } }
+.glyphicon-share { &:before { content: "\e066"; } }
+.glyphicon-check { &:before { content: "\e067"; } }
+.glyphicon-move { &:before { content: "\e068"; } }
+.glyphicon-step-backward { &:before { content: "\e069"; } }
+.glyphicon-fast-backward { &:before { content: "\e070"; } }
+.glyphicon-backward { &:before { content: "\e071"; } }
+.glyphicon-play { &:before { content: "\e072"; } }
+.glyphicon-pause { &:before { content: "\e073"; } }
+.glyphicon-stop { &:before { content: "\e074"; } }
+.glyphicon-forward { &:before { content: "\e075"; } }
+.glyphicon-fast-forward { &:before { content: "\e076"; } }
+.glyphicon-step-forward { &:before { content: "\e077"; } }
+.glyphicon-eject { &:before { content: "\e078"; } }
+.glyphicon-chevron-left { &:before { content: "\e079"; } }
+.glyphicon-chevron-right { &:before { content: "\e080"; } }
+.glyphicon-plus-sign { &:before { content: "\e081"; } }
+.glyphicon-minus-sign { &:before { content: "\e082"; } }
+.glyphicon-remove-sign { &:before { content: "\e083"; } }
+.glyphicon-ok-sign { &:before { content: "\e084"; } }
+.glyphicon-question-sign { &:before { content: "\e085"; } }
+.glyphicon-info-sign { &:before { content: "\e086"; } }
+.glyphicon-screenshot { &:before { content: "\e087"; } }
+.glyphicon-remove-circle { &:before { content: "\e088"; } }
+.glyphicon-ok-circle { &:before { content: "\e089"; } }
+.glyphicon-ban-circle { &:before { content: "\e090"; } }
+.glyphicon-arrow-left { &:before { content: "\e091"; } }
+.glyphicon-arrow-right { &:before { content: "\e092"; } }
+.glyphicon-arrow-up { &:before { content: "\e093"; } }
+.glyphicon-arrow-down { &:before { content: "\e094"; } }
+.glyphicon-share-alt { &:before { content: "\e095"; } }
+.glyphicon-resize-full { &:before { content: "\e096"; } }
+.glyphicon-resize-small { &:before { content: "\e097"; } }
+.glyphicon-exclamation-sign { &:before { content: "\e101"; } }
+.glyphicon-gift { &:before { content: "\e102"; } }
+.glyphicon-leaf { &:before { content: "\e103"; } }
+.glyphicon-eye-open { &:before { content: "\e105"; } }
+.glyphicon-eye-close { &:before { content: "\e106"; } }
+.glyphicon-warning-sign { &:before { content: "\e107"; } }
+.glyphicon-plane { &:before { content: "\e108"; } }
+.glyphicon-random { &:before { content: "\e110"; } }
+.glyphicon-comment { &:before { content: "\e111"; } }
+.glyphicon-magnet { &:before { content: "\e112"; } }
+.glyphicon-chevron-up { &:before { content: "\e113"; } }
+.glyphicon-chevron-down { &:before { content: "\e114"; } }
+.glyphicon-retweet { &:before { content: "\e115"; } }
+.glyphicon-shopping-cart { &:before { content: "\e116"; } }
+.glyphicon-folder-close { &:before { content: "\e117"; } }
+.glyphicon-folder-open { &:before { content: "\e118"; } }
+.glyphicon-resize-vertical { &:before { content: "\e119"; } }
+.glyphicon-resize-horizontal { &:before { content: "\e120"; } }
+.glyphicon-hdd { &:before { content: "\e121"; } }
+.glyphicon-bullhorn { &:before { content: "\e122"; } }
+.glyphicon-certificate { &:before { content: "\e124"; } }
+.glyphicon-thumbs-up { &:before { content: "\e125"; } }
+.glyphicon-thumbs-down { &:before { content: "\e126"; } }
+.glyphicon-hand-right { &:before { content: "\e127"; } }
+.glyphicon-hand-left { &:before { content: "\e128"; } }
+.glyphicon-hand-up { &:before { content: "\e129"; } }
+.glyphicon-hand-down { &:before { content: "\e130"; } }
+.glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
+.glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
+.glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
+.glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
+.glyphicon-globe { &:before { content: "\e135"; } }
+.glyphicon-tasks { &:before { content: "\e137"; } }
+.glyphicon-filter { &:before { content: "\e138"; } }
+.glyphicon-fullscreen { &:before { content: "\e140"; } }
+.glyphicon-dashboard { &:before { content: "\e141"; } }
+.glyphicon-heart-empty { &:before { content: "\e143"; } }
+.glyphicon-link { &:before { content: "\e144"; } }
+.glyphicon-phone { &:before { content: "\e145"; } }
+.glyphicon-usd { &:before { content: "\e148"; } }
+.glyphicon-gbp { &:before { content: "\e149"; } }
+.glyphicon-sort { &:before { content: "\e150"; } }
+.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
+.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
+.glyphicon-sort-by-order { &:before { content: "\e153"; } }
+.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
+.glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
+.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
+.glyphicon-unchecked { &:before { content: "\e157"; } }
+.glyphicon-expand { &:before { content: "\e158"; } }
+.glyphicon-collapse-down { &:before { content: "\e159"; } }
+.glyphicon-collapse-up { &:before { content: "\e160"; } }
+.glyphicon-log-in { &:before { content: "\e161"; } }
+.glyphicon-flash { &:before { content: "\e162"; } }
+.glyphicon-log-out { &:before { content: "\e163"; } }
+.glyphicon-new-window { &:before { content: "\e164"; } }
+.glyphicon-record { &:before { content: "\e165"; } }
+.glyphicon-save { &:before { content: "\e166"; } }
+.glyphicon-open { &:before { content: "\e167"; } }
+.glyphicon-saved { &:before { content: "\e168"; } }
+.glyphicon-import { &:before { content: "\e169"; } }
+.glyphicon-export { &:before { content: "\e170"; } }
+.glyphicon-send { &:before { content: "\e171"; } }
+.glyphicon-floppy-disk { &:before { content: "\e172"; } }
+.glyphicon-floppy-saved { &:before { content: "\e173"; } }
+.glyphicon-floppy-remove { &:before { content: "\e174"; } }
+.glyphicon-floppy-save { &:before { content: "\e175"; } }
+.glyphicon-floppy-open { &:before { content: "\e176"; } }
+.glyphicon-credit-card { &:before { content: "\e177"; } }
+.glyphicon-transfer { &:before { content: "\e178"; } }
+.glyphicon-cutlery { &:before { content: "\e179"; } }
+.glyphicon-header { &:before { content: "\e180"; } }
+.glyphicon-compressed { &:before { content: "\e181"; } }
+.glyphicon-earphone { &:before { content: "\e182"; } }
+.glyphicon-phone-alt { &:before { content: "\e183"; } }
+.glyphicon-tower { &:before { content: "\e184"; } }
+.glyphicon-stats { &:before { content: "\e185"; } }
+.glyphicon-sd-video { &:before { content: "\e186"; } }
+.glyphicon-hd-video { &:before { content: "\e187"; } }
+.glyphicon-subtitles { &:before { content: "\e188"; } }
+.glyphicon-sound-stereo { &:before { content: "\e189"; } }
+.glyphicon-sound-dolby { &:before { content: "\e190"; } }
+.glyphicon-sound-5-1 { &:before { content: "\e191"; } }
+.glyphicon-sound-6-1 { &:before { content: "\e192"; } }
+.glyphicon-sound-7-1 { &:before { content: "\e193"; } }
+.glyphicon-copyright-mark { &:before { content: "\e194"; } }
+.glyphicon-registration-mark { &:before { content: "\e195"; } }
+.glyphicon-cloud-download { &:before { content: "\e197"; } }
+.glyphicon-cloud-upload { &:before { content: "\e198"; } }
+.glyphicon-tree-conifer { &:before { content: "\e199"; } }
+.glyphicon-tree-deciduous { &:before { content: "\e200"; } }
+.glyphicon-briefcase { &:before { content: "\1f4bc"; } }
+.glyphicon-calendar { &:before { content: "\1f4c5"; } }
+.glyphicon-pushpin { &:before { content: "\1f4cc"; } }
+.glyphicon-paperclip { &:before { content: "\1f4ce"; } }
+.glyphicon-camera { &:before { content: "\1f4f7"; } }
+.glyphicon-lock { &:before { content: "\1f512"; } }
+.glyphicon-bell { &:before { content: "\1f514"; } }
+.glyphicon-bookmark { &:before { content: "\1f516"; } }
+.glyphicon-fire { &:before { content: "\1f525"; } }
+.glyphicon-wrench { &:before { content: "\1f527"; } }
--- /dev/null
+//
+// Grid system
+// --------------------------------------------------
+
+
+// Set the container width, and override it for fixed navbars in media queries
+.container {
+ .container-fixed();
+}
+
+// mobile first defaults
+.row {
+ .make-row();
+}
+
+// Common styles for small and large grid columns
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
+.col-sm-1,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-md-1,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-lg-1,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12 {
+ position: relative;
+ // Prevent columns from collapsing when empty
+ min-height: 1px;
+ // Inner gutter via padding
+ padding-left: (@grid-gutter-width / 2);
+ padding-right: (@grid-gutter-width / 2);
+}
+
+
+// Extra small grid
+//
+// Grid classes for extra small devices like smartphones. No offset, push, or
+// pull classes are present here due to the size of the target.
+//
+// Note that `.col-xs-12` doesn't get floated on purpose—there's no need since
+// it's full-width.
+
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11 {
+ float: left;
+}
+.col-xs-1 { width: percentage((1 / @grid-columns)); }
+.col-xs-2 { width: percentage((2 / @grid-columns)); }
+.col-xs-3 { width: percentage((3 / @grid-columns)); }
+.col-xs-4 { width: percentage((4 / @grid-columns)); }
+.col-xs-5 { width: percentage((5 / @grid-columns)); }
+.col-xs-6 { width: percentage((6 / @grid-columns)); }
+.col-xs-7 { width: percentage((7 / @grid-columns)); }
+.col-xs-8 { width: percentage((8 / @grid-columns)); }
+.col-xs-9 { width: percentage((9 / @grid-columns)); }
+.col-xs-10 { width: percentage((10/ @grid-columns)); }
+.col-xs-11 { width: percentage((11/ @grid-columns)); }
+.col-xs-12 { width: 100%; }
+
+
+// Small grid
+//
+// Columns, offsets, pushes, and pulls for the small device range, from phones
+// to tablets.
+//
+// Note that `.col-sm-12` doesn't get floated on purpose—there's no need since
+// it's full-width.
+
+@media (min-width: @screen-tablet) {
+ .container {
+ max-width: @container-tablet;
+ }
+
+ .col-sm-1,
+ .col-sm-2,
+ .col-sm-3,
+ .col-sm-4,
+ .col-sm-5,
+ .col-sm-6,
+ .col-sm-7,
+ .col-sm-8,
+ .col-sm-9,
+ .col-sm-10,
+ .col-sm-11 {
+ float: left;
+ }
+ .col-sm-1 { width: percentage((1 / @grid-columns)); }
+ .col-sm-2 { width: percentage((2 / @grid-columns)); }
+ .col-sm-3 { width: percentage((3 / @grid-columns)); }
+ .col-sm-4 { width: percentage((4 / @grid-columns)); }
+ .col-sm-5 { width: percentage((5 / @grid-columns)); }
+ .col-sm-6 { width: percentage((6 / @grid-columns)); }
+ .col-sm-7 { width: percentage((7 / @grid-columns)); }
+ .col-sm-8 { width: percentage((8 / @grid-columns)); }
+ .col-sm-9 { width: percentage((9 / @grid-columns)); }
+ .col-sm-10 { width: percentage((10/ @grid-columns)); }
+ .col-sm-11 { width: percentage((11/ @grid-columns)); }
+ .col-sm-12 { width: 100%; }
+
+ // Push and pull columns for source order changes
+ .col-sm-push-1 { left: percentage((1 / @grid-columns)); }
+ .col-sm-push-2 { left: percentage((2 / @grid-columns)); }
+ .col-sm-push-3 { left: percentage((3 / @grid-columns)); }
+ .col-sm-push-4 { left: percentage((4 / @grid-columns)); }
+ .col-sm-push-5 { left: percentage((5 / @grid-columns)); }
+ .col-sm-push-6 { left: percentage((6 / @grid-columns)); }
+ .col-sm-push-7 { left: percentage((7 / @grid-columns)); }
+ .col-sm-push-8 { left: percentage((8 / @grid-columns)); }
+ .col-sm-push-9 { left: percentage((9 / @grid-columns)); }
+ .col-sm-push-10 { left: percentage((10/ @grid-columns)); }
+ .col-sm-push-11 { left: percentage((11/ @grid-columns)); }
+
+ .col-sm-pull-1 { right: percentage((1 / @grid-columns)); }
+ .col-sm-pull-2 { right: percentage((2 / @grid-columns)); }
+ .col-sm-pull-3 { right: percentage((3 / @grid-columns)); }
+ .col-sm-pull-4 { right: percentage((4 / @grid-columns)); }
+ .col-sm-pull-5 { right: percentage((5 / @grid-columns)); }
+ .col-sm-pull-6 { right: percentage((6 / @grid-columns)); }
+ .col-sm-pull-7 { right: percentage((7 / @grid-columns)); }
+ .col-sm-pull-8 { right: percentage((8 / @grid-columns)); }
+ .col-sm-pull-9 { right: percentage((9 / @grid-columns)); }
+ .col-sm-pull-10 { right: percentage((10/ @grid-columns)); }
+ .col-sm-pull-11 { right: percentage((11/ @grid-columns)); }
+
+ // Offsets
+ .col-sm-offset-1 { margin-left: percentage((1 / @grid-columns)); }
+ .col-sm-offset-2 { margin-left: percentage((2 / @grid-columns)); }
+ .col-sm-offset-3 { margin-left: percentage((3 / @grid-columns)); }
+ .col-sm-offset-4 { margin-left: percentage((4 / @grid-columns)); }
+ .col-sm-offset-5 { margin-left: percentage((5 / @grid-columns)); }
+ .col-sm-offset-6 { margin-left: percentage((6 / @grid-columns)); }
+ .col-sm-offset-7 { margin-left: percentage((7 / @grid-columns)); }
+ .col-sm-offset-8 { margin-left: percentage((8 / @grid-columns)); }
+ .col-sm-offset-9 { margin-left: percentage((9 / @grid-columns)); }
+ .col-sm-offset-10 { margin-left: percentage((10/ @grid-columns)); }
+ .col-sm-offset-11 { margin-left: percentage((11/ @grid-columns)); }
+}
+
+
+// Medium grid
+//
+// Columns, offsets, pushes, and pulls for the desktop device range.
+//
+// Note that `.col-md-12` doesn't get floated on purpose—there's no need since
+// it's full-width.
+
+@media (min-width: @screen-desktop) {
+ .container {
+ max-width: @container-desktop;
+ }
+ .col-md-1,
+ .col-md-2,
+ .col-md-3,
+ .col-md-4,
+ .col-md-5,
+ .col-md-6,
+ .col-md-7,
+ .col-md-8,
+ .col-md-9,
+ .col-md-10,
+ .col-md-11 {
+ float: left;
+ }
+ .col-md-1 { width: percentage((1 / @grid-columns)); }
+ .col-md-2 { width: percentage((2 / @grid-columns)); }
+ .col-md-3 { width: percentage((3 / @grid-columns)); }
+ .col-md-4 { width: percentage((4 / @grid-columns)); }
+ .col-md-5 { width: percentage((5 / @grid-columns)); }
+ .col-md-6 { width: percentage((6 / @grid-columns)); }
+ .col-md-7 { width: percentage((7 / @grid-columns)); }
+ .col-md-8 { width: percentage((8 / @grid-columns)); }
+ .col-md-9 { width: percentage((9 / @grid-columns)); }
+ .col-md-10 { width: percentage((10/ @grid-columns)); }
+ .col-md-11 { width: percentage((11/ @grid-columns)); }
+ .col-md-12 { width: 100%; }
+
+ // Push and pull columns for source order changes
+ .col-md-push-0 { left: auto; }
+ .col-md-push-1 { left: percentage((1 / @grid-columns)); }
+ .col-md-push-2 { left: percentage((2 / @grid-columns)); }
+ .col-md-push-3 { left: percentage((3 / @grid-columns)); }
+ .col-md-push-4 { left: percentage((4 / @grid-columns)); }
+ .col-md-push-5 { left: percentage((5 / @grid-columns)); }
+ .col-md-push-6 { left: percentage((6 / @grid-columns)); }
+ .col-md-push-7 { left: percentage((7 / @grid-columns)); }
+ .col-md-push-8 { left: percentage((8 / @grid-columns)); }
+ .col-md-push-9 { left: percentage((9 / @grid-columns)); }
+ .col-md-push-10 { left: percentage((10/ @grid-columns)); }
+ .col-md-push-11 { left: percentage((11/ @grid-columns)); }
+
+ .col-md-pull-0 { right: auto; }
+ .col-md-pull-1 { right: percentage((1 / @grid-columns)); }
+ .col-md-pull-2 { right: percentage((2 / @grid-columns)); }
+ .col-md-pull-3 { right: percentage((3 / @grid-columns)); }
+ .col-md-pull-4 { right: percentage((4 / @grid-columns)); }
+ .col-md-pull-5 { right: percentage((5 / @grid-columns)); }
+ .col-md-pull-6 { right: percentage((6 / @grid-columns)); }
+ .col-md-pull-7 { right: percentage((7 / @grid-columns)); }
+ .col-md-pull-8 { right: percentage((8 / @grid-columns)); }
+ .col-md-pull-9 { right: percentage((9 / @grid-columns)); }
+ .col-md-pull-10 { right: percentage((10/ @grid-columns)); }
+ .col-md-pull-11 { right: percentage((11/ @grid-columns)); }
+
+ // Offsets
+ .col-md-offset-0 { margin-left: 0; }
+ .col-md-offset-1 { margin-left: percentage((1 / @grid-columns)); }
+ .col-md-offset-2 { margin-left: percentage((2 / @grid-columns)); }
+ .col-md-offset-3 { margin-left: percentage((3 / @grid-columns)); }
+ .col-md-offset-4 { margin-left: percentage((4 / @grid-columns)); }
+ .col-md-offset-5 { margin-left: percentage((5 / @grid-columns)); }
+ .col-md-offset-6 { margin-left: percentage((6 / @grid-columns)); }
+ .col-md-offset-7 { margin-left: percentage((7 / @grid-columns)); }
+ .col-md-offset-8 { margin-left: percentage((8 / @grid-columns)); }
+ .col-md-offset-9 { margin-left: percentage((9 / @grid-columns)); }
+ .col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
+ .col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
+}
+
+
+// Large grid
+//
+// Columns, offsets, pushes, and pulls for the large desktop device range.
+//
+// Note that `.col-lg-12` doesn't get floated on purpose—there's no need since
+// it's full-width.
+
+@media (min-width: @screen-lg-desktop) {
+ .container {
+ max-width: @container-lg-desktop;
+ }
+
+ .col-lg-1,
+ .col-lg-2,
+ .col-lg-3,
+ .col-lg-4,
+ .col-lg-5,
+ .col-lg-6,
+ .col-lg-7,
+ .col-lg-8,
+ .col-lg-9,
+ .col-lg-10,
+ .col-lg-11 {
+ float: left;
+ }
+ .col-lg-1 { width: percentage((1 / @grid-columns)); }
+ .col-lg-2 { width: percentage((2 / @grid-columns)); }
+ .col-lg-3 { width: percentage((3 / @grid-columns)); }
+ .col-lg-4 { width: percentage((4 / @grid-columns)); }
+ .col-lg-5 { width: percentage((5 / @grid-columns)); }
+ .col-lg-6 { width: percentage((6 / @grid-columns)); }
+ .col-lg-7 { width: percentage((7 / @grid-columns)); }
+ .col-lg-8 { width: percentage((8 / @grid-columns)); }
+ .col-lg-9 { width: percentage((9 / @grid-columns)); }
+ .col-lg-10 { width: percentage((10/ @grid-columns)); }
+ .col-lg-11 { width: percentage((11/ @grid-columns)); }
+ .col-lg-12 { width: 100%; }
+
+ // Push and pull columns for source order changes
+ .col-lg-push-0 { left: auto; }
+ .col-lg-push-1 { left: percentage((1 / @grid-columns)); }
+ .col-lg-push-2 { left: percentage((2 / @grid-columns)); }
+ .col-lg-push-3 { left: percentage((3 / @grid-columns)); }
+ .col-lg-push-4 { left: percentage((4 / @grid-columns)); }
+ .col-lg-push-5 { left: percentage((5 / @grid-columns)); }
+ .col-lg-push-6 { left: percentage((6 / @grid-columns)); }
+ .col-lg-push-7 { left: percentage((7 / @grid-columns)); }
+ .col-lg-push-8 { left: percentage((8 / @grid-columns)); }
+ .col-lg-push-9 { left: percentage((9 / @grid-columns)); }
+ .col-lg-push-10 { left: percentage((10/ @grid-columns)); }
+ .col-lg-push-11 { left: percentage((11/ @grid-columns)); }
+
+ .col-lg-pull-0 { right: auto; }
+ .col-lg-pull-1 { right: percentage((1 / @grid-columns)); }
+ .col-lg-pull-2 { right: percentage((2 / @grid-columns)); }
+ .col-lg-pull-3 { right: percentage((3 / @grid-columns)); }
+ .col-lg-pull-4 { right: percentage((4 / @grid-columns)); }
+ .col-lg-pull-5 { right: percentage((5 / @grid-columns)); }
+ .col-lg-pull-6 { right: percentage((6 / @grid-columns)); }
+ .col-lg-pull-7 { right: percentage((7 / @grid-columns)); }
+ .col-lg-pull-8 { right: percentage((8 / @grid-columns)); }
+ .col-lg-pull-9 { right: percentage((9 / @grid-columns)); }
+ .col-lg-pull-10 { right: percentage((10/ @grid-columns)); }
+ .col-lg-pull-11 { right: percentage((11/ @grid-columns)); }
+
+ // Offsets
+ .col-lg-offset-0 { margin-left: 0; }
+ .col-lg-offset-1 { margin-left: percentage((1 / @grid-columns)); }
+ .col-lg-offset-2 { margin-left: percentage((2 / @grid-columns)); }
+ .col-lg-offset-3 { margin-left: percentage((3 / @grid-columns)); }
+ .col-lg-offset-4 { margin-left: percentage((4 / @grid-columns)); }
+ .col-lg-offset-5 { margin-left: percentage((5 / @grid-columns)); }
+ .col-lg-offset-6 { margin-left: percentage((6 / @grid-columns)); }
+ .col-lg-offset-7 { margin-left: percentage((7 / @grid-columns)); }
+ .col-lg-offset-8 { margin-left: percentage((8 / @grid-columns)); }
+ .col-lg-offset-9 { margin-left: percentage((9 / @grid-columns)); }
+ .col-lg-offset-10 { margin-left: percentage((10/ @grid-columns)); }
+ .col-lg-offset-11 { margin-left: percentage((11/ @grid-columns)); }
+}
--- /dev/null
+//
+// Input groups
+// --------------------------------------------------
+
+// Base styles
+// -------------------------
+.input-group {
+ position: relative; // For dropdowns
+ display: table;
+ border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
+
+ // Undo padding and float of grid classes
+ &.col {
+ float: none;
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .form-control {
+ width: 100%;
+ margin-bottom: 0;
+ }
+}
+
+// Sizing options
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn { .input-lg(); }
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn { .input-sm(); }
+
+
+// Display as table-cell
+// -------------------------
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+ display: table-cell;
+
+ &:not(:first-child):not(:last-child) {
+ border-radius: 0;
+ }
+}
+// Addon and addon wrapper for buttons
+.input-group-addon,
+.input-group-btn {
+ width: 1%;
+ white-space: nowrap;
+ vertical-align: middle; // Match the inputs
+}
+
+// Text input groups
+// -------------------------
+.input-group-addon {
+ padding: @padding-base-vertical @padding-base-horizontal;
+ font-size: @font-size-base;
+ font-weight: normal;
+ line-height: 1;
+ text-align: center;
+ background-color: @input-group-addon-bg;
+ border: 1px solid @input-group-addon-border-color;
+ border-radius: @border-radius-base;
+
+ // Sizing
+ &.input-sm {
+ padding: @padding-small-vertical @padding-small-horizontal;
+ font-size: @font-size-small;
+ border-radius: @border-radius-small;
+ }
+ &.input-lg {
+ padding: @padding-large-vertical @padding-large-horizontal;
+ font-size: @font-size-large;
+ border-radius: @border-radius-large;
+ }
+
+ // Nuke default margins from checkboxes and radios to vertically center within.
+ input[type="radio"],
+ input[type="checkbox"] {
+ margin-top: 0;
+ }
+}
+
+// Reset rounded corners
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
+ .border-right-radius(0);
+}
+.input-group-addon:first-child {
+ border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child) {
+ .border-left-radius(0);
+}
+.input-group-addon:last-child {
+ border-left: 0;
+}
+
+// Button input groups
+// -------------------------
+.input-group-btn {
+ position: relative;
+ white-space: nowrap;
+}
+.input-group-btn > .btn {
+ position: relative;
+ // Jankily prevent input button groups from wrapping
+ + .btn {
+ margin-left: -4px;
+ }
+ // Bring the "active" button to the front
+ &:hover,
+ &:active {
+ z-index: 2;
+ }
+}
--- /dev/null
+//
+// Jumbotron
+// --------------------------------------------------
+
+
+.jumbotron {
+ padding: @jumbotron-padding;
+ margin-bottom: @jumbotron-padding;
+ font-size: (@font-size-base * 1.5);
+ font-weight: 200;
+ line-height: (@line-height-base * 1.5);
+ color: @jumbotron-color;
+ background-color: @jumbotron-bg;
+
+ h1 {
+ line-height: 1;
+ color: @jumbotron-heading-color;
+ }
+ p {
+ line-height: 1.4;
+ }
+
+ .container & {
+ border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
+ }
+
+ @media screen and (min-width: @screen-tablet) {
+ padding-top: (@jumbotron-padding * 1.6);
+ padding-bottom: (@jumbotron-padding * 1.6);
+
+ .container & {
+ padding-left: (@jumbotron-padding * 2);
+ padding-right: (@jumbotron-padding * 2);
+ }
+
+ h1 {
+ font-size: (@font-size-base * 4.5);
+ }
+ }
+}
--- /dev/null
+//
+// Labels
+// --------------------------------------------------
+
+.label {
+ display: inline;
+ padding: .2em .6em .3em;
+ font-size: 75%;
+ font-weight: bold;
+ line-height: 1;
+ color: @label-color;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: .25em;
+
+ // Add hover effects, but only for links
+ &[href] {
+ &:hover,
+ &:focus {
+ color: @label-link-hover-color;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ }
+
+ // Empty labels collapse automatically (not available in IE8)
+ &:empty {
+ display: none;
+ }
+}
+
+// Colors
+// Contextual variations (linked labels get darker on :hover)
+
+.label-default {
+ .label-variant(@label-default-bg);
+}
+
+.label-primary {
+ .label-variant(@label-primary-bg);
+}
+
+.label-success {
+ .label-variant(@label-success-bg);
+}
+
+.label-info {
+ .label-variant(@label-info-bg);
+}
+
+.label-warning {
+ .label-variant(@label-warning-bg);
+}
+
+.label-danger {
+ .label-variant(@label-danger-bg);
+}
--- /dev/null
+//
+// List groups
+// --------------------------------------------------
+
+// Base class
+//
+// Easily usable on <ul>, <ol>, or <div>.
+.list-group {
+ // No need to set list-style: none; since .list-group-item is block level
+ margin-bottom: 20px;
+ padding-left: 0; // reset padding because ul and ol
+}
+
+// Individual list items
+// -------------------------
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+ // Place the border on the list items and negative margin up for better styling
+ margin-bottom: -1px;
+ background-color: @list-group-bg;
+ border: 1px solid @list-group-border;
+
+ // Round the first and last items
+ &:first-child {
+ .border-top-radius(@list-group-border-radius);
+ }
+ &:last-child {
+ margin-bottom: 0;
+ .border-bottom-radius(@list-group-border-radius);
+ }
+
+ // Align badges within list items
+ > .badge {
+ float: right;
+ }
+ > .badge + .badge {
+ margin-right: 5px;
+ }
+
+ // Linked list items
+ a& {
+ color: @list-group-link-color;
+
+ .list-group-item-heading {
+ color: @list-group-link-heading-color;
+ }
+
+ // Hover state
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ background-color: @list-group-hover-bg;
+ }
+ }
+
+ // Active class on item itself, not parent
+ &.active,
+ &.active:hover,
+ &.active:focus {
+ z-index: 2; // Place active items above their siblings for proper border styling
+ color: @list-group-active-color;
+ background-color: @list-group-active-bg;
+ border-color: @list-group-active-border;
+
+ // Force color to inherit for custom content
+ .list-group-item-heading {
+ color: inherit;
+ }
+ .list-group-item-text {
+ color: lighten(@list-group-active-bg, 40%);
+ }
+ }
+}
+
+// Custom content options
+// -------------------------
+
+.list-group-item-heading {
+ margin-top: 0;
+ margin-bottom: 5px;
+}
+.list-group-item-text {
+ margin-bottom: 0;
+ line-height: 1.3;
+}
--- /dev/null
+// Media objects
+// Source: http://stubbornella.org/content/?p=497
+// --------------------------------------------------
+
+
+// Common styles
+// -------------------------
+
+// Clear the floats
+.media,
+.media-body {
+ overflow: hidden;
+ zoom: 1;
+}
+
+// Proper spacing between instances of .media
+.media,
+.media .media {
+ margin-top: 15px;
+}
+.media:first-child {
+ margin-top: 0;
+}
+
+// For images and videos, set to block
+.media-object {
+ display: block;
+}
+
+// Reset margins on headings for tighter default spacing
+.media-heading {
+ margin: 0 0 5px;
+}
+
+
+// Media image alignment
+// -------------------------
+
+.media {
+ > .pull-left {
+ margin-right: 10px;
+ }
+ > .pull-right {
+ margin-left: 10px;
+ }
+}
+
+
+// Media list variation
+// -------------------------
+
+// Undo default ul/ol styles
+.media-list {
+ padding-left: 0;
+ list-style: none;
+}
--- /dev/null
+//
+// Mixins
+// --------------------------------------------------
+
+
+// Utilities
+// -------------------------
+
+// Clearfix
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/
+//
+// For modern browsers
+// 1. The space content is one way to avoid an Opera bug when the
+// contenteditable attribute is included anywhere else in the document.
+// Otherwise it causes space to appear at the top and bottom of elements
+// that are clearfixed.
+// 2. The use of `table` rather than `block` is only necessary if using
+// `:before` to contain the top-margins of child elements.
+.clearfix() {
+ &:before,
+ &:after {
+ content: " "; /* 1 */
+ display: table; /* 2 */
+ }
+ &:after {
+ clear: both;
+ }
+}
+
+// Webkit-style focus
+.tab-focus() {
+ // Default
+ outline: thin dotted #333;
+ // Webkit
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+
+// Center-align a block level element
+.center-block() {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+// Sizing shortcuts
+.size(@width; @height) {
+ width: @width;
+ height: @height;
+}
+.square(@size) {
+ .size(@size; @size);
+}
+
+// Placeholder text
+.placeholder(@color: @input-color-placeholder) {
+ &:-moz-placeholder { color: @color; } // Firefox 4-18
+ &::-moz-placeholder { color: @color; } // Firefox 19+
+ &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
+ &::-webkit-input-placeholder { color: @color; } // Safari and Chrome
+}
+
+// Text overflow
+// Requires inline-block or block for proper styling
+.text-overflow() {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+// CSS image replacement
+// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
+.hide-text() {
+ font: ~"0/0" a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+
+
+
+// CSS3 PROPERTIES
+// --------------------------------------------------
+
+// Single side border-radius
+.border-top-radius(@radius) {
+ border-top-right-radius: @radius;
+ border-top-left-radius: @radius;
+}
+.border-right-radius(@radius) {
+ border-bottom-right-radius: @radius;
+ border-top-right-radius: @radius;
+}
+.border-bottom-radius(@radius) {
+ border-bottom-right-radius: @radius;
+ border-bottom-left-radius: @radius;
+}
+.border-left-radius(@radius) {
+ border-bottom-left-radius: @radius;
+ border-top-left-radius: @radius;
+}
+
+// Drop shadows
+.box-shadow(@shadow) {
+ -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
+ box-shadow: @shadow;
+}
+
+// Transitions
+.transition(@transition) {
+ -webkit-transition: @transition;
+ transition: @transition;
+}
+.transition-delay(@transition-delay) {
+ -webkit-transition-delay: @transition-delay;
+ transition-delay: @transition-delay;
+}
+.transition-duration(@transition-duration) {
+ -webkit-transition-duration: @transition-duration;
+ transition-duration: @transition-duration;
+}
+.transition-transform(@transition) {
+ -webkit-transition: -webkit-transform @transition;
+ -moz-transition: -moz-transform @transition;
+ -o-transition: -o-transform @transition;
+ transition: transform @transition;
+}
+
+// Transformations
+.rotate(@degrees) {
+ -webkit-transform: rotate(@degrees);
+ -ms-transform: rotate(@degrees); // IE9+
+ transform: rotate(@degrees);
+}
+.scale(@ratio) {
+ -webkit-transform: scale(@ratio);
+ -ms-transform: scale(@ratio); // IE9+
+ transform: scale(@ratio);
+}
+.translate(@x; @y) {
+ -webkit-transform: translate(@x, @y);
+ -ms-transform: translate(@x, @y); // IE9+
+ transform: translate(@x, @y);
+}
+.skew(@x; @y) {
+ -webkit-transform: skew(@x, @y);
+ -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
+ transform: skew(@x, @y);
+}
+.translate3d(@x; @y; @z) {
+ -webkit-transform: translate3d(@x, @y, @z);
+ transform: translate3d(@x, @y, @z);
+}
+
+// Backface visibility
+// Prevent browsers from flickering when using CSS 3D transforms.
+// Default value is `visible`, but can be changed to `hidden`
+// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
+.backface-visibility(@visibility){
+ -webkit-backface-visibility: @visibility;
+ -moz-backface-visibility: @visibility;
+ backface-visibility: @visibility;
+}
+
+// Box sizing
+.box-sizing(@boxmodel) {
+ -webkit-box-sizing: @boxmodel;
+ -moz-box-sizing: @boxmodel;
+ box-sizing: @boxmodel;
+}
+
+// User select
+// For selecting text on the page
+.user-select(@select) {
+ -webkit-user-select: @select;
+ -moz-user-select: @select;
+ -ms-user-select: @select; // IE10+
+ -o-user-select: @select;
+ user-select: @select;
+}
+
+// Resize anything
+.resizable(@direction) {
+ resize: @direction; // Options: horizontal, vertical, both
+ overflow: auto; // Safari fix
+}
+
+// CSS3 Content Columns
+.content-columns(@column-count; @column-gap: @grid-gutter-width) {
+ -webkit-column-count: @column-count;
+ -moz-column-count: @column-count;
+ column-count: @column-count;
+ -webkit-column-gap: @column-gap;
+ -moz-column-gap: @column-gap;
+ column-gap: @column-gap;
+}
+
+// Optional hyphenation
+.hyphens(@mode: auto) {
+ word-wrap: break-word;
+ -webkit-hyphens: @mode;
+ -moz-hyphens: @mode;
+ -ms-hyphens: @mode; // IE10+
+ -o-hyphens: @mode;
+ hyphens: @mode;
+}
+
+// Opacity
+.opacity(@opacity) {
+ opacity: @opacity;
+ // IE8 filter
+ @opacity-ie: (@opacity * 100);
+ filter: ~"alpha(opacity=@{opacity-ie})";
+}
+
+
+
+// GRADIENTS
+// --------------------------------------------------
+
+#gradient {
+
+ // Horizontal gradient, from left to right
+ //
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
+ // Color stops are not available in IE9 and below.
+ .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
+ background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
+ background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+
+ background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
+ background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
+ background-repeat: repeat-x;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
+ }
+
+ // Vertical gradient, from top to bottom
+ //
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
+ // Color stops are not available in IE9 and below.
+ .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
+ background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
+ background-image: -webkit-linear-gradient(top, @start-color, @start-percent, @end-color, @end-percent); // Safari 5.1+, Chrome 10+
+ background-image: -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
+ background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
+ background-repeat: repeat-x;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
+ }
+
+ .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
+ background-repeat: repeat-x;
+ background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1+, Chrome 10+
+ background-image: -moz-linear-gradient(@deg, @start-color, @end-color); // FF 3.6+
+ background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10
+ }
+ .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
+ background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
+ background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
+ background-image: -moz-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
+ background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
+ background-repeat: no-repeat;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
+ }
+ .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
+ background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
+ background-image: -moz-linear-gradient(top, @start-color, @mid-color @color-stop, @end-color);
+ background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
+ background-repeat: no-repeat;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
+ }
+ .radial(@inner-color: #555; @outer-color: #333) {
+ background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@inner-color), to(@outer-color));
+ background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
+ background-image: -moz-radial-gradient(circle, @inner-color, @outer-color);
+ background-image: radial-gradient(circle, @inner-color, @outer-color);
+ background-repeat: no-repeat;
+ }
+ .striped(@color: #555; @angle: 45deg) {
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
+ background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+ background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+ }
+}
+
+// Reset filters for IE
+//
+// When you need to remove a gradient background, do not forget to use this to reset
+// the IE filter for IE9 and below.
+.reset-filter() {
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
+}
+
+
+
+// Retina images
+//
+// Short retina mixin for setting background-image and -size
+
+.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
+ background-image: url("@{file-1x}");
+
+ @media
+ only screen and (-webkit-min-device-pixel-ratio: 2),
+ only screen and ( min--moz-device-pixel-ratio: 2),
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
+ only screen and ( min-device-pixel-ratio: 2),
+ only screen and ( min-resolution: 192dpi),
+ only screen and ( min-resolution: 2dppx) {
+ background-image: url("@{file-2x}");
+ background-size: @width-1x @height-1x;
+ }
+}
+
+
+// Responsive image
+//
+// Keep images from scaling beyond the width of their parents.
+
+.img-responsive(@display: block;) {
+ display: @display;
+ max-width: 100%; // Part 1: Set a maximum relative to the parent
+ height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
+}
+
+
+// COMPONENT MIXINS
+// --------------------------------------------------
+
+// Horizontal dividers
+// -------------------------
+// Dividers (basically an hr) within dropdowns and nav lists
+.nav-divider(@color: #e5e5e5) {
+ height: 1px;
+ margin: ((@line-height-computed / 2) - 1) 0;
+ overflow: hidden;
+ background-color: @color;
+}
+
+// Panels
+// -------------------------
+.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border;) {
+ border-color: @border;
+ & > .panel-heading {
+ color: @heading-text-color;
+ background-color: @heading-bg-color;
+ border-color: @heading-border;
+ + .panel-collapse .panel-body {
+ border-top-color: @border;
+ }
+ }
+ & > .panel-footer {
+ + .panel-collapse .panel-body {
+ border-bottom-color: @border;
+ }
+ }
+}
+
+// Alerts
+// -------------------------
+.alert-variant(@background; @border; @text-color) {
+ background-color: @background;
+ border-color: @border;
+ color: @text-color;
+ hr {
+ border-top-color: darken(@border, 5%);
+ }
+ .alert-link {
+ color: darken(@text-color, 10%);
+ }
+}
+
+// Tables
+// -------------------------
+.table-row-variant(@state; @background; @border) {
+ // Exact selectors below required to override `.table-striped` and prevent
+ // inheritance to nested tables.
+ .table > thead > tr,
+ .table > tbody > tr,
+ .table > tfoot > tr {
+ > td.@{state},
+ > th.@{state},
+ &.@{state} > td,
+ &.@{state} > th {
+ background-color: @background;
+ border-color: @border;
+ }
+ }
+
+ // Hover states for `.table-hover`
+ // Note: this is not available for cells or rows within `thead` or `tfoot`.
+ .table-hover > tbody > tr {
+ > td.@{state}:hover,
+ > th.@{state}:hover,
+ &.@{state}:hover > td {
+ background-color: darken(@background, 5%);
+ border-color: darken(@border, 5%);
+ }
+ }
+}
+
+// Button variants
+// -------------------------
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+.button-variant(@color; @background; @border) {
+ color: @color;
+ background-color: @background;
+ border-color: @border;
+
+ &:hover,
+ &:focus,
+ &:active,
+ &.active,
+ .open .dropdown-toggle& {
+ color: @color;
+ background-color: darken(@background, 8%);
+ border-color: darken(@border, 12%);
+ }
+ &:active,
+ &.active,
+ .open .dropdown-toggle& {
+ background-image: none;
+ }
+ &.disabled,
+ &[disabled],
+ fieldset[disabled] & {
+ &,
+ &:hover,
+ &:focus,
+ &:active,
+ &.active {
+ background-color: @background;
+ border-color: @border
+ }
+ }
+}
+
+// Button sizes
+// -------------------------
+.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
+ padding: @padding-vertical @padding-horizontal;
+ font-size: @font-size;
+ line-height: @line-height;
+ border-radius: @border-radius;
+}
+
+// Pagination
+// -------------------------
+.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
+ > li {
+ > a,
+ > span {
+ padding: @padding-vertical @padding-horizontal;
+ font-size: @font-size;
+ }
+ &:first-child {
+ > a,
+ > span {
+ .border-left-radius(@border-radius);
+ }
+ }
+ &:last-child {
+ > a,
+ > span {
+ .border-right-radius(@border-radius);
+ }
+ }
+ }
+}
+
+// Labels
+// -------------------------
+.label-variant(@color) {
+ background-color: @color;
+ &[href] {
+ &:hover,
+ &:focus {
+ background-color: darken(@color, 10%);
+ }
+ }
+}
+
+// Navbar vertical align
+// -------------------------
+// Vertically center elements in the navbar.
+// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
+.navbar-vertical-align(@element-height) {
+ margin-top: ((@navbar-height - @element-height) / 2);
+ margin-bottom: ((@navbar-height - @element-height) / 2);
+}
+
+// Progress bars
+// -------------------------
+.progress-bar-variant(@color) {
+ background-color: @color;
+ .progress-striped & {
+ #gradient > .striped(@color);
+ }
+}
+
+// Responsive utilities
+// -------------------------
+// More easily include all the states for responsive-utilities.less.
+.responsive-visibility() {
+ display: block !important;
+ tr& { display: table-row !important; }
+ th&,
+ td& { display: table-cell !important; }
+}
+
+.responsive-invisibility() {
+ display: none !important;
+ tr& { display: none !important; }
+ th&,
+ td& { display: none !important; }
+}
+
+// Grid System
+// -----------
+
+// Centered container element
+.container-fixed() {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: (@grid-gutter-width / 2);
+ padding-right: (@grid-gutter-width / 2);
+ .clearfix();
+}
+
+// Creates a wrapper for a series of columns
+.make-row(@gutter: @grid-gutter-width) {
+ margin-left: (@gutter / -2);
+ margin-right: (@gutter / -2);
+ .clearfix();
+}
+
+// Generate the extra small columns
+.make-xs-column(@columns; @gutter: @grid-gutter-width) {
+ position: relative;
+ float: left;
+ width: percentage((@columns / @grid-columns));
+ // Prevent columns from collapsing when empty
+ min-height: 1px;
+ // Inner gutter via padding
+ padding-left: (@gutter / 2);
+ padding-right: (@gutter / 2);
+}
+
+// Generate the small columns
+.make-sm-column(@columns; @gutter: @grid-gutter-width) {
+ position: relative;
+ // Prevent columns from collapsing when empty
+ min-height: 1px;
+ // Inner gutter via padding
+ padding-left: (@gutter / 2);
+ padding-right: (@gutter / 2);
+
+ // Calculate width based on number of columns available
+ @media (min-width: @screen-sm) {
+ float: left;
+ width: percentage((@columns / @grid-columns));
+ }
+}
+
+// Generate the small column offsets
+.make-sm-column-offset(@columns) {
+ @media (min-width: @screen-sm) {
+ margin-left: percentage((@columns / @grid-columns));
+ }
+}
+.make-sm-column-push(@columns) {
+ @media (min-width: @screen-sm) {
+ left: percentage((@columns / @grid-columns));
+ }
+}
+.make-sm-column-pull(@columns) {
+ @media (min-width: @screen-sm) {
+ right: percentage((@columns / @grid-columns));
+ }
+}
+
+// Generate the medium columns
+.make-md-column(@columns; @gutter: @grid-gutter-width) {
+ position: relative;
+ // Prevent columns from collapsing when empty
+ min-height: 1px;
+ // Inner gutter via padding
+ padding-left: (@gutter / 2);
+ padding-right: (@gutter / 2);
+
+ // Calculate width based on number of columns available
+ @media (min-width: @screen-md) {
+ float: left;
+ width: percentage((@columns / @grid-columns));
+ }
+}
+
+// Generate the large column offsets
+.make-md-column-offset(@columns) {
+ @media (min-width: @screen-md) {
+ margin-left: percentage((@columns / @grid-columns));
+ }
+}
+.make-md-column-push(@columns) {
+ @media (min-width: @screen-md) {
+ left: percentage((@columns / @grid-columns));
+ }
+}
+.make-md-column-pull(@columns) {
+ @media (min-width: @screen-md) {
+ right: percentage((@columns / @grid-columns));
+ }
+}
+
+// Generate the large columns
+.make-lg-column(@columns; @gutter: @grid-gutter-width) {
+ position: relative;
+ // Prevent columns from collapsing when empty
+ min-height: 1px;
+ // Inner gutter via padding
+ padding-left: (@gutter / 2);
+ padding-right: (@gutter / 2);
+
+ // Calculate width based on number of columns available
+ @media (min-width: @screen-lg) {
+ float: left;
+ width: percentage((@columns / @grid-columns));
+ }
+}
+
+// Generate the large column offsets
+.make-lg-column-offset(@columns) {
+ @media (min-width: @screen-lg) {
+ margin-left: percentage((@columns / @grid-columns));
+ }
+}
+.make-lg-column-push(@columns) {
+ @media (min-width: @screen-lg) {
+ left: percentage((@columns / @grid-columns));
+ }
+}
+.make-lg-column-pull(@columns) {
+ @media (min-width: @screen-lg) {
+ right: percentage((@columns / @grid-columns));
+ }
+}
+
+
+// Form validation states
+//
+// Used in forms.less to generate the form validation CSS for warnings, errors,
+// and successes.
+
+.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
+ // Color the label and help text
+ .help-block,
+ .control-label {
+ color: @text-color;
+ }
+ // Set the border and box shadow on specific inputs to match
+ .form-control {
+ border-color: @border-color;
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
+ &:focus {
+ border-color: darken(@border-color, 10%);
+ @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
+ .box-shadow(@shadow);
+ }
+ }
+ // Set validation states also for addons
+ .input-group-addon {
+ color: @text-color;
+ border-color: @border-color;
+ background-color: @background-color;
+ }
+}
+
+// Form control focus state
+//
+// Generate a customized focus state and for any input with the specified color,
+// which defaults to the `@input-focus-border` variable.
+//
+// We highly encourage you to not customize the default value, but instead use
+// this to tweak colors on an as-needed basis. This aesthetic change is based on
+// WebKit's default styles, but applicable to a wider range of browsers. Its
+// usability and accessibility should be taken into account with any change.
+//
+// Example usage: change the default blue border and shadow to white for better
+// contrast against a dark gray background.
+
+.form-control-focus(@color: @input-border-focus) {
+ @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
+ &:focus {
+ border-color: @color;
+ outline: 0;
+ .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
+ }
+}
+
+// Form control sizing
+//
+// Relative text size, padding, and border-radii changes for form controls. For
+// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
+// element gets special love because it's special, and that's a fact!
+
+.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
+ height: @input-height;
+ padding: @padding-vertical @padding-horizontal;
+ font-size: @font-size;
+ line-height: @line-height;
+ border-radius: @border-radius;
+
+ select& {
+ height: @input-height;
+ line-height: @input-height;
+ }
+
+ textarea& {
+ height: auto;
+ }
+}
--- /dev/null
+//
+// Modals
+// --------------------------------------------------
+
+// .modal-open - body class for killing the scroll
+// .modal - container to scroll within
+// .modal-dialog - positioning shell for the actual modal
+// .modal-content - actual modal w/ bg and corners and shit
+
+// Kill the scroll on the body
+.modal-open {
+ overflow: hidden;
+
+
+ // Account for hiding of scrollbar
+ body&,
+ .navbar-fixed-top,
+ .navbar-fixed-bottom {
+ margin-right: 15px
+ }
+}
+
+// Container that the modal scrolls within
+.modal {
+ display: none;
+ overflow: auto;
+ overflow-y: scroll;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: @zindex-modal-background;
+
+ // When fading in the modal, animate it to slide down
+ &.fade .modal-dialog {
+ .translate(0, -25%);
+ .transition-transform(~"0.3s ease-out");
+ }
+ &.in .modal-dialog { .translate(0, 0)}
+}
+
+// Shell div to position the modal with bottom padding
+.modal-dialog {
+ margin-left: auto;
+ margin-right: auto;
+ width: auto;
+ padding: 10px;
+ z-index: (@zindex-modal-background + 10);
+}
+
+// Actual modal
+.modal-content {
+ position: relative;
+ background-color: @modal-content-bg;
+ border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
+ border: 1px solid @modal-content-border-color;
+ border-radius: @border-radius-large;
+ .box-shadow(0 3px 9px rgba(0,0,0,.5));
+ background-clip: padding-box;
+ // Remove focus outline from opened modal
+ outline: none;
+}
+
+// Modal background
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: (@zindex-modal-background - 10);
+ background-color: @modal-backdrop-bg;
+ // Fade for backdrop
+ &.fade { .opacity(0); }
+ &.in { .opacity(.5); }
+}
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal-header {
+ padding: @modal-title-padding;
+ border-bottom: 1px solid @modal-header-border-color;
+ min-height: (@modal-title-padding + @modal-title-line-height);
+}
+// Close icon
+.modal-header .close {
+ margin-top: -2px;
+}
+
+// Title text within header
+.modal-title {
+ margin: 0;
+ line-height: @modal-title-line-height;
+}
+
+// Modal body
+// Where all modal content resides (sibling of .modal-header and .modal-footer)
+.modal-body {
+ position: relative;
+ padding: @modal-inner-padding;
+}
+
+// Footer (for actions)
+.modal-footer {
+ margin-top: 15px;
+ padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
+ text-align: right; // right align buttons
+ border-top: 1px solid @modal-footer-border-color;
+ .clearfix(); // clear it in case folks use .pull-* classes on buttons
+
+ // Properly space out buttons
+ .btn + .btn {
+ margin-left: 5px;
+ margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
+ }
+ // but override that for button groups
+ .btn-group .btn + .btn {
+ margin-left: -1px;
+ }
+ // and override it for block buttons as well
+ .btn-block + .btn-block {
+ margin-left: 0;
+ }
+}
+
+// Scale up the modal
+@media screen and (min-width: @screen-tablet) {
+
+ .modal-dialog {
+ left: 50%;
+ right: auto;
+ width: 600px;
+ padding-top: 30px;
+ padding-bottom: 30px;
+ }
+ .modal-content {
+ .box-shadow(0 5px 15px rgba(0,0,0,.5));
+ }
+
+}
--- /dev/null
+//
+// Navbars
+// --------------------------------------------------
+
+
+// Wrapper and base class
+//
+// Provide a static navbar from which we expand to create full-width, fixed, and
+// other navbar variations.
+
+.navbar {
+ position: relative;
+ z-index: @zindex-navbar;
+ min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
+ margin-bottom: @navbar-margin-bottom;
+ border: 1px solid transparent;
+
+ // Prevent floats from breaking the navbar
+ .clearfix();
+
+ @media (min-width: @grid-float-breakpoint) {
+ border-radius: @navbar-border-radius;
+ }
+}
+
+
+// Navbar heading
+//
+// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
+// styling of responsive aspects.
+
+.navbar-header {
+ .clearfix();
+
+ @media (min-width: @grid-float-breakpoint) {
+ float: left;
+ }
+}
+
+
+// Navbar collapse (body)
+//
+// Group your navbar content into this for easy collapsing and expanding across
+// various device sizes. By default, this content is collapsed when <768px, but
+// will expand past that for a horizontal display.
+//
+// To start (on mobile devices) the navbar links, forms, and buttons are stacked
+// vertically and include a `max-height` to overflow in case you have too much
+// content for the user's viewport.
+
+.navbar-collapse {
+ max-height: 340px;
+ overflow-x: visible;
+ padding-right: @navbar-padding-horizontal;
+ padding-left: @navbar-padding-horizontal;
+ border-top: 1px solid transparent;
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+ .clearfix();
+ -webkit-overflow-scrolling: touch;
+
+ &.in {
+ overflow-y: auto;
+ }
+
+ @media (min-width: @grid-float-breakpoint) {
+ width: auto;
+ border-top: 0;
+ box-shadow: none;
+
+ &.collapse {
+ display: block !important;
+ height: auto !important;
+ padding-bottom: 0; // Override default setting
+ overflow: visible !important;
+ }
+
+ &.in {
+ overflow-y: visible;
+ }
+
+ // Account for first and last children spacing
+ .navbar-nav.navbar-left:first-child {
+ margin-left: -@navbar-padding-horizontal;
+ }
+ .navbar-nav.navbar-right:last-child {
+ margin-right: -@navbar-padding-horizontal;
+ }
+ .navbar-text:last-child {
+ margin-right: 0;
+ }
+ }
+}
+
+
+// Both navbar header and collapse
+//
+// When a container is present, change the behavior of the header and collapse.
+
+.container > .navbar-header,
+.container > .navbar-collapse {
+ margin-right: -@navbar-padding-horizontal;
+ margin-left: -@navbar-padding-horizontal;
+
+ @media (min-width: @grid-float-breakpoint) {
+ margin-right: 0;
+ margin-left: 0;
+ }
+}
+
+
+//
+// Navbar alignment options
+//
+// Display the navbar across the entirity of the page or fixed it to the top or
+// bottom of the page.
+
+// Static top (unfixed, but 100% wide) navbar
+.navbar-static-top {
+ border-width: 0 0 1px;
+ @media (min-width: @grid-float-breakpoint) {
+ border-radius: 0;
+ }
+}
+
+// Fix the top/bottom navbars when screen real estate supports it
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+ position: fixed;
+ right: 0;
+ left: 0;
+ border-width: 0 0 1px;
+
+ // Undo the rounded corners
+ @media (min-width: @grid-float-breakpoint) {
+ border-radius: 0;
+ }
+}
+.navbar-fixed-top {
+ z-index: @zindex-navbar-fixed;
+ top: 0;
+}
+.navbar-fixed-bottom {
+ bottom: 0;
+ margin-bottom: 0; // override .navbar defaults
+}
+
+
+// Brand/project name
+
+.navbar-brand {
+ float: left;
+ padding: @navbar-padding-vertical @navbar-padding-horizontal;
+ font-size: @font-size-large;
+ line-height: @line-height-computed;
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ }
+
+ @media (min-width: @grid-float-breakpoint) {
+ .navbar > .container & {
+ margin-left: -@navbar-padding-horizontal;
+ }
+ }
+}
+
+
+// Navbar toggle
+//
+// Custom button for toggling the `.navbar-collapse`, powered by the collapse
+// JavaScript plugin.
+
+.navbar-toggle {
+ position: relative;
+ float: right;
+ margin-right: @navbar-padding-horizontal;
+ padding: 9px 10px;
+ .navbar-vertical-align(34px);
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: @border-radius-base;
+
+ // Bars
+ .icon-bar {
+ display: block;
+ width: 22px;
+ height: 2px;
+ border-radius: 1px;
+ }
+ .icon-bar + .icon-bar {
+ margin-top: 4px;
+ }
+
+ @media (min-width: @grid-float-breakpoint) {
+ display: none;
+ }
+}
+
+
+// Navbar nav links
+//
+// Builds on top of the `.nav` components with it's own modifier class to make
+// the nav the full height of the horizontal nav (above 768px).
+
+.navbar-nav {
+ margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;
+
+ > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: @line-height-computed;
+ }
+
+ @media (max-width: @screen-xs-max) {
+ // Dropdowns get custom display when collapsed
+ .open .dropdown-menu {
+ position: static;
+ float: none;
+ width: auto;
+ margin-top: 0;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ > li > a,
+ .dropdown-header {
+ padding: 5px 15px 5px 25px;
+ }
+ > li > a {
+ line-height: @line-height-computed;
+ &:hover,
+ &:focus {
+ background-image: none;
+ }
+ }
+ }
+ }
+
+ // Uncollapse the nav
+ @media (min-width: @grid-float-breakpoint) {
+ float: left;
+ margin: 0;
+
+ > li {
+ float: left;
+ > a {
+ padding-top: ((@navbar-height - @line-height-computed) / 2);
+ padding-bottom: ((@navbar-height - @line-height-computed) / 2);
+ }
+ }
+ }
+
+}
+
+
+// Component alignment
+//
+// Repurpose the pull utilities as their own navbar utilities to avoid specifity
+// issues with parents and chaining. Only do this when the navbar is uncollapsed
+// though so that navbar contents properly stack and align in mobile.
+
+@media (min-width: @grid-float-breakpoint) {
+ .navbar-left { .pull-left(); }
+ .navbar-right { .pull-right(); }
+}
+
+
+// Navbar form
+//
+// Extension of the `.form-inline` with some extra flavor for optimum display in
+// our navbars.
+
+.navbar-form {
+ margin-left: -@navbar-padding-horizontal;
+ margin-right: -@navbar-padding-horizontal;
+ padding: 10px @navbar-padding-horizontal;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+ .box-shadow(@shadow);
+
+ // Mixin behavior for optimum display
+ .form-inline();
+
+ .form-group {
+ @media (max-width: @screen-xs-max) {
+ margin-bottom: 5px;
+ }
+ }
+
+ // Vertically center in expanded, horizontal navbar
+ .navbar-vertical-align(@input-height-base);
+
+ // Undo 100% width for pull classes
+ @media (min-width: @grid-float-breakpoint) {
+ width: auto;
+ border: 0;
+ margin-left: 0;
+ margin-right: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+ .box-shadow(none);
+ }
+}
+
+
+// Dropdown menus
+
+// Menu position and menu carets
+.navbar-nav > li > .dropdown-menu {
+ margin-top: 0;
+ .border-top-radius(0);
+}
+// Menu position and menu caret support for dropups via extra dropup class
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+ .border-bottom-radius(0);
+}
+
+// Right aligned menus need alt position
+.navbar-nav.pull-right > li > .dropdown-menu,
+.navbar-nav > li > .dropdown-menu.pull-right {
+ left: auto;
+ right: 0;
+}
+
+
+// Buttons in navbars
+//
+// Vertically center a button within a navbar (when *not* in a form).
+
+.navbar-btn {
+ .navbar-vertical-align(@input-height-base);
+}
+
+
+// Text in navbars
+//
+// Add a class to make any element properly align itself vertically within the navbars.
+
+.navbar-text {
+ float: left;
+ .navbar-vertical-align(@line-height-computed);
+
+ @media (min-width: @grid-float-breakpoint) {
+ margin-left: @navbar-padding-horizontal;
+ margin-right: @navbar-padding-horizontal;
+ }
+}
+
+// Alternate navbars
+// --------------------------------------------------
+
+// Default navbar
+.navbar-default {
+ background-color: @navbar-default-bg;
+ border-color: @navbar-default-border;
+
+ .navbar-brand {
+ color: @navbar-default-brand-color;
+ &:hover,
+ &:focus {
+ color: @navbar-default-brand-hover-color;
+ background-color: @navbar-default-brand-hover-bg;
+ }
+ }
+
+ .navbar-text {
+ color: @navbar-default-color;
+ }
+
+ .navbar-nav {
+ > li > a {
+ color: @navbar-default-link-color;
+
+ &:hover,
+ &:focus {
+ color: @navbar-default-link-hover-color;
+ background-color: @navbar-default-link-hover-bg;
+ }
+ }
+ > .active > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @navbar-default-link-active-color;
+ background-color: @navbar-default-link-active-bg;
+ }
+ }
+ > .disabled > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @navbar-default-link-disabled-color;
+ background-color: @navbar-default-link-disabled-bg;
+ }
+ }
+ }
+
+ .navbar-toggle {
+ border-color: @navbar-default-toggle-border-color;
+ &:hover,
+ &:focus {
+ background-color: @navbar-default-toggle-hover-bg;
+ }
+ .icon-bar {
+ background-color: @navbar-default-toggle-icon-bar-bg;
+ }
+ }
+
+ .navbar-collapse,
+ .navbar-form {
+ border-color: darken(@navbar-default-bg, 7%);
+ }
+
+ // Dropdown menu items and carets
+ .navbar-nav {
+ // Caret should match text color on hover
+ > .dropdown > a:hover .caret,
+ > .dropdown > a:focus .caret {
+ border-top-color: @navbar-default-link-hover-color;
+ border-bottom-color: @navbar-default-link-hover-color;
+ }
+
+ // Remove background color from open dropdown
+ > .open > a {
+ &,
+ &:hover,
+ &:focus {
+ background-color: @navbar-default-link-active-bg;
+ color: @navbar-default-link-active-color;
+ .caret {
+ border-top-color: @navbar-default-link-active-color;
+ border-bottom-color: @navbar-default-link-active-color;
+ }
+ }
+ }
+ > .dropdown > a .caret {
+ border-top-color: @navbar-default-link-color;
+ border-bottom-color: @navbar-default-link-color;
+ }
+
+
+ @media (max-width: @screen-xs-max) {
+ // Dropdowns get custom display when collapsed
+ .open .dropdown-menu {
+ > li > a {
+ color: @navbar-default-link-color;
+ &:hover,
+ &:focus {
+ color: @navbar-default-link-hover-color;
+ background-color: @navbar-default-link-hover-bg;
+ }
+ }
+ > .active > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @navbar-default-link-active-color;
+ background-color: @navbar-default-link-active-bg;
+ }
+ }
+ > .disabled > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @navbar-default-link-disabled-color;
+ background-color: @navbar-default-link-disabled-bg;
+ }
+ }
+ }
+ }
+ }
+
+
+ // Links in navbars
+ //
+ // Add a class to ensure links outside the navbar nav are colored correctly.
+
+ .navbar-link {
+ color: @navbar-default-link-color;
+ &:hover {
+ color: @navbar-default-link-hover-color;
+ }
+ }
+
+}
+
+// Inverse navbar
+
+.navbar-inverse {
+ background-color: @navbar-inverse-bg;
+ border-color: @navbar-inverse-border;
+
+ .navbar-brand {
+ color: @navbar-inverse-brand-color;
+ &:hover,
+ &:focus {
+ color: @navbar-inverse-brand-hover-color;
+ background-color: @navbar-inverse-brand-hover-bg;
+ }
+ }
+
+ .navbar-text {
+ color: @navbar-inverse-color;
+ }
+
+ .navbar-nav {
+ > li > a {
+ color: @navbar-inverse-link-color;
+
+ &:hover,
+ &:focus {
+ color: @navbar-inverse-link-hover-color;
+ background-color: @navbar-inverse-link-hover-bg;
+ }
+ }
+ > .active > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @navbar-inverse-link-active-color;
+ background-color: @navbar-inverse-link-active-bg;
+ }
+ }
+ > .disabled > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @navbar-inverse-link-disabled-color;
+ background-color: @navbar-inverse-link-disabled-bg;
+ }
+ }
+ }
+
+ // Darken the responsive nav toggle
+ .navbar-toggle {
+ border-color: @navbar-inverse-toggle-border-color;
+ &:hover,
+ &:focus {
+ background-color: @navbar-inverse-toggle-hover-bg;
+ }
+ .icon-bar {
+ background-color: @navbar-inverse-toggle-icon-bar-bg;
+ }
+ }
+
+ .navbar-collapse,
+ .navbar-form {
+ border-color: darken(@navbar-inverse-bg, 7%);
+ }
+
+ // Dropdowns
+ .navbar-nav {
+ > .open > a {
+ &,
+ &:hover,
+ &:focus {
+ background-color: @navbar-inverse-link-active-bg;
+ color: @navbar-inverse-link-active-color;
+ }
+ }
+ > .dropdown > a:hover .caret {
+ border-top-color: @navbar-inverse-link-hover-color;
+ border-bottom-color: @navbar-inverse-link-hover-color;
+ }
+ > .dropdown > a .caret {
+ border-top-color: @navbar-inverse-link-color;
+ border-bottom-color: @navbar-inverse-link-color;
+ }
+ > .open > a {
+ &,
+ &:hover,
+ &:focus {
+ .caret {
+ border-top-color: @navbar-inverse-link-active-color;
+ border-bottom-color: @navbar-inverse-link-active-color;
+ }
+ }
+ }
+
+ @media (max-width: @screen-xs-max) {
+ // Dropdowns get custom display
+ .open .dropdown-menu {
+ > .dropdown-header {
+ border-color: @navbar-inverse-border;
+ }
+ > li > a {
+ color: @navbar-inverse-link-color;
+ &:hover,
+ &:focus {
+ color: @navbar-inverse-link-hover-color;
+ background-color: @navbar-inverse-link-hover-bg;
+ }
+ }
+ > .active > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @navbar-inverse-link-active-color;
+ background-color: @navbar-inverse-link-active-bg;
+ }
+ }
+ > .disabled > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @navbar-inverse-link-disabled-color;
+ background-color: @navbar-inverse-link-disabled-bg;
+ }
+ }
+ }
+ }
+ }
+
+ .navbar-link {
+ color: @navbar-inverse-link-color;
+ &:hover {
+ color: @navbar-inverse-link-hover-color;
+ }
+ }
+
+}
--- /dev/null
+//
+// Navs
+// --------------------------------------------------
+
+
+// Base class
+// --------------------------------------------------
+
+.nav {
+ margin-bottom: 0;
+ padding-left: 0; // Override default ul/ol
+ list-style: none;
+ .clearfix();
+
+ > li {
+ position: relative;
+ display: block;
+
+ > a {
+ position: relative;
+ display: block;
+ padding: @nav-link-padding;
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ background-color: @nav-link-hover-bg;
+ }
+ }
+
+ // Disabled state sets text to gray and nukes hover/tab effects
+ &.disabled > a {
+ color: @nav-disabled-link-color;
+
+ &:hover,
+ &:focus {
+ color: @nav-disabled-link-hover-color;
+ text-decoration: none;
+ background-color: transparent;
+ cursor: not-allowed;
+ }
+ }
+ }
+
+ // Open dropdowns
+ .open > a {
+ &,
+ &:hover,
+ &:focus {
+ background-color: @nav-link-hover-bg;
+ border-color: @link-color;
+ }
+ }
+
+ // Dividers (basically an hr) within the dropdown
+ .nav-divider {
+ .nav-divider();
+ }
+
+ // Prevent IE8 from misplacing imgs
+ // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
+ > li > a > img {
+ max-width: none;
+ }
+}
+
+
+// Tabs
+// -------------------------
+
+// Give the tabs something to sit on
+.nav-tabs {
+ border-bottom: 1px solid @nav-tabs-border-color;
+ > li {
+ float: left;
+ // Make the list-items overlay the bottom border
+ margin-bottom: -1px;
+
+ // Actual tabs (as links)
+ > a {
+ margin-right: 2px;
+ line-height: @line-height-base;
+ border: 1px solid transparent;
+ border-radius: @border-radius-base @border-radius-base 0 0;
+ &:hover {
+ border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
+ }
+ }
+
+ // Active state, and it's :hover to override normal :hover
+ &.active > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @nav-tabs-active-link-hover-color;
+ background-color: @nav-tabs-active-link-hover-bg;
+ border: 1px solid @nav-tabs-active-link-hover-border-color;
+ border-bottom-color: transparent;
+ cursor: default;
+ }
+ }
+ }
+ // pulling this in mainly for less shorthand
+ &.nav-justified {
+ .nav-justified();
+ .nav-tabs-justified();
+ }
+}
+
+
+// Pills
+// -------------------------
+.nav-pills {
+ > li {
+ float: left;
+
+ // Links rendered as pills
+ > a {
+ border-radius: 5px;
+ }
+ + li {
+ margin-left: 2px;
+ }
+
+ // Active state
+ &.active > a {
+ &,
+ &:hover,
+ &:focus {
+ color: @nav-pills-active-link-hover-color;
+ background-color: @nav-pills-active-link-hover-bg;
+ }
+ }
+ }
+}
+
+
+// Stacked pills
+.nav-stacked {
+ > li {
+ float: none;
+ + li {
+ margin-top: 2px;
+ margin-left: 0; // no need for this gap between nav items
+ }
+ }
+}
+
+
+// Nav variations
+// --------------------------------------------------
+
+// Justified nav links
+// -------------------------
+
+.nav-justified {
+ width: 100%;
+
+ > li {
+ float: none;
+ > a {
+ text-align: center;
+ }
+ }
+
+ @media (min-width: @screen-sm) {
+ > li {
+ display: table-cell;
+ width: 1%;
+ }
+ }
+}
+
+// Move borders to anchors instead of bottom of list
+.nav-tabs-justified {
+ border-bottom: 0;
+ > li > a {
+ border-bottom: 1px solid @nav-tabs-justified-link-border-color;
+
+ // Override margin from .nav-tabs
+ margin-right: 0;
+ }
+ > .active > a {
+ border-bottom-color: @nav-tabs-justified-active-link-border-color;
+ }
+}
+
+
+// Tabbable tabs
+// -------------------------
+
+// Clear any floats
+.tabbable {
+ .clearfix();
+}
+
+// Show/hide tabbable areas
+.tab-content > .tab-pane,
+.pill-content > .pill-pane {
+ display: none;
+}
+.tab-content,
+.pill-content {
+ > .active {
+ display: block;
+ }
+}
+
+
+
+// Dropdowns
+// -------------------------
+
+// Make dropdown carets use link color in navs
+.nav .caret {
+ border-top-color: @link-color;
+ border-bottom-color: @link-color;
+}
+.nav a:hover .caret {
+ border-top-color: @link-hover-color;
+ border-bottom-color: @link-hover-color;
+}
+
+// Specific dropdowns
+.nav-tabs .dropdown-menu {
+ // make dropdown border overlap tab border
+ margin-top: -1px;
+ // Remove the top rounded corners here since there is a hard edge above the menu
+ .border-top-radius(0);
+}
--- /dev/null
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+// ==========================================================================
+// HTML5 display definitions
+// ==========================================================================
+
+//
+// Correct `block` display not defined in IE 8/9.
+//
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+//
+// Correct `inline-block` display not defined in IE 8/9.
+//
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+//
+// Prevent modern browsers from displaying `audio` without controls.
+// Remove excess height in iOS 5 devices.
+//
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+//
+// Address styling not present in IE 8/9.
+//
+
+[hidden] {
+ display: none;
+}
+
+// ==========================================================================
+// Base
+// ==========================================================================
+
+//
+// 1. Set default font family to sans-serif.
+// 2. Prevent iOS text size adjust after orientation change, without disabling
+// user zoom.
+//
+
+html {
+ font-family: sans-serif; // 1
+ -webkit-text-size-adjust: 100%; // 2
+ -ms-text-size-adjust: 100%; // 2
+}
+
+//
+// Remove default margin.
+//
+
+body {
+ margin: 0;
+}
+
+// ==========================================================================
+// Links
+// ==========================================================================
+
+//
+// Address `outline` inconsistency between Chrome and other browsers.
+//
+
+a:focus {
+ outline: thin dotted;
+}
+
+//
+// Improve readability when focused and also mouse hovered in all browsers.
+//
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+// ==========================================================================
+// Typography
+// ==========================================================================
+
+//
+// Address variable `h1` font-size and margin within `section` and `article`
+// contexts in Firefox 4+, Safari 5, and Chrome.
+//
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+//
+// Address styling not present in IE 8/9, Safari 5, and Chrome.
+//
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+//
+// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+//
+
+b,
+strong {
+ font-weight: bold;
+}
+
+//
+// Address styling not present in Safari 5 and Chrome.
+//
+
+dfn {
+ font-style: italic;
+}
+
+//
+// Address differences between Firefox and other browsers.
+//
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+//
+// Address styling not present in IE 8/9.
+//
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+//
+// Correct font family set oddly in Safari 5 and Chrome.
+//
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+//
+// Improve readability of pre-formatted text in all browsers.
+//
+
+pre {
+ white-space: pre-wrap;
+}
+
+//
+// Set consistent quote types.
+//
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+//
+// Address inconsistent and variable font size in all browsers.
+//
+
+small {
+ font-size: 80%;
+}
+
+//
+// Prevent `sub` and `sup` affecting `line-height` in all browsers.
+//
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+// ==========================================================================
+// Embedded content
+// ==========================================================================
+
+//
+// Remove border when inside `a` element in IE 8/9.
+//
+
+img {
+ border: 0;
+}
+
+//
+// Correct overflow displayed oddly in IE 9.
+//
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+// ==========================================================================
+// Figures
+// ==========================================================================
+
+//
+// Address margin not present in IE 8/9 and Safari 5.
+//
+
+figure {
+ margin: 0;
+}
+
+// ==========================================================================
+// Forms
+// ==========================================================================
+
+//
+// Define consistent border, margin, and padding.
+//
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+//
+// 1. Correct `color` not being inherited in IE 8/9.
+// 2. Remove padding so people aren't caught out if they zero out fieldsets.
+//
+
+legend {
+ border: 0; // 1
+ padding: 0; // 2
+}
+
+//
+// 1. Correct font family not being inherited in all browsers.
+// 2. Correct font size not being inherited in all browsers.
+// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+//
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; // 1
+ font-size: 100%; // 2
+ margin: 0; // 3
+}
+
+//
+// Address Firefox 4+ setting `line-height` on `input` using `!important` in
+// the UA stylesheet.
+//
+
+button,
+input {
+ line-height: normal;
+}
+
+//
+// Address inconsistent `text-transform` inheritance for `button` and `select`.
+// All other form control elements do not inherit `text-transform` values.
+// Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+// Correct `select` style inheritance in Firefox 4+ and Opera.
+//
+
+button,
+select {
+ text-transform: none;
+}
+
+//
+// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+// and `video` controls.
+// 2. Correct inability to style clickable `input` types in iOS.
+// 3. Improve usability and consistency of cursor style between image-type
+// `input` and others.
+//
+
+button,
+html input[type="button"], // 1
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; // 2
+ cursor: pointer; // 3
+}
+
+//
+// Re-set default cursor for disabled elements.
+//
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+//
+// 1. Address box sizing set to `content-box` in IE 8/9.
+// 2. Remove excess padding in IE 8/9.
+//
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; // 1
+ padding: 0; // 2
+}
+
+//
+// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+// (include `-moz` to future-proof).
+//
+
+input[type="search"] {
+ -webkit-appearance: textfield; // 1
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; // 2
+ box-sizing: content-box;
+}
+
+//
+// Remove inner padding and search cancel button in Safari 5 and Chrome
+// on OS X.
+//
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+//
+// Remove inner padding and border in Firefox 4+.
+//
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+//
+// 1. Remove default vertical scrollbar in IE 8/9.
+// 2. Improve readability and alignment in all browsers.
+//
+
+textarea {
+ overflow: auto; // 1
+ vertical-align: top; // 2
+}
+
+// ==========================================================================
+// Tables
+// ==========================================================================
+
+//
+// Remove most spacing between table cells.
+//
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
--- /dev/null
+//
+// Pager pagination
+// --------------------------------------------------
+
+
+.pager {
+ padding-left: 0;
+ margin: @line-height-computed 0;
+ list-style: none;
+ text-align: center;
+ .clearfix();
+ li {
+ display: inline;
+ > a,
+ > span {
+ display: inline-block;
+ padding: 5px 14px;
+ background-color: @pagination-bg;
+ border: 1px solid @pagination-border;
+ border-radius: @pager-border-radius;
+ }
+
+ > a:hover,
+ > a:focus {
+ text-decoration: none;
+ background-color: @pagination-hover-bg;
+ }
+ }
+
+ .next {
+ > a,
+ > span {
+ float: right;
+ }
+ }
+
+ .previous {
+ > a,
+ > span {
+ float: left;
+ }
+ }
+
+ .disabled {
+ > a,
+ > a:hover,
+ > a:focus,
+ > span {
+ color: @pager-disabled-color;
+ background-color: @pagination-bg;
+ cursor: not-allowed;
+ }
+ }
+
+}
--- /dev/null
+//
+// Pagination (multiple pages)
+// --------------------------------------------------
+.pagination {
+ display: inline-block;
+ padding-left: 0;
+ margin: @line-height-computed 0;
+ border-radius: @border-radius-base;
+
+ > li {
+ display: inline; // Remove list-style and block-level defaults
+ > a,
+ > span {
+ position: relative;
+ float: left; // Collapse white-space
+ padding: @padding-base-vertical @padding-base-horizontal;
+ line-height: @line-height-base;
+ text-decoration: none;
+ background-color: @pagination-bg;
+ border: 1px solid @pagination-border;
+ margin-left: -1px;
+ }
+ &:first-child {
+ > a,
+ > span {
+ margin-left: 0;
+ .border-left-radius(@border-radius-base);
+ }
+ }
+ &:last-child {
+ > a,
+ > span {
+ .border-right-radius(@border-radius-base);
+ }
+ }
+ }
+
+ > li > a,
+ > li > span {
+ &:hover,
+ &:focus {
+ background-color: @pagination-hover-bg;
+ }
+ }
+
+ > .active > a,
+ > .active > span {
+ &,
+ &:hover,
+ &:focus {
+ z-index: 2;
+ color: @pagination-active-color;
+ background-color: @pagination-active-bg;
+ border-color: @pagination-active-bg;
+ cursor: default;
+ }
+ }
+
+ > .disabled {
+ > span,
+ > a,
+ > a:hover,
+ > a:focus {
+ color: @pagination-disabled-color;
+ background-color: @pagination-bg;
+ border-color: @pagination-border;
+ cursor: not-allowed;
+ }
+ }
+}
+
+// Sizing
+// --------------------------------------------------
+
+// Large
+.pagination-lg {
+ .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
+}
+
+// Small
+.pagination-sm {
+ .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
+}
--- /dev/null
+//
+// Panels
+// --------------------------------------------------
+
+
+// Base class
+.panel {
+ margin-bottom: @line-height-computed;
+ background-color: @panel-bg;
+ border: 1px solid transparent;
+ border-radius: @panel-border-radius;
+ .box-shadow(0 1px 1px rgba(0,0,0,.05));
+}
+
+// Panel contents
+.panel-body {
+ padding: 15px;
+ .clearfix();
+}
+
+
+// List groups in panels
+//
+// By default, space out list group content from panel headings to account for
+// any kind of custom content between the two.
+
+.panel {
+ > .list-group {
+ margin-bottom: 0;
+
+ .list-group-item {
+ border-width: 1px 0;
+
+ // Remove border radius for top one
+ &:first-child {
+ .border-top-radius(0);
+ }
+ // But keep it for the last one
+ &:last-child {
+ border-bottom: 0;
+ }
+ }
+ }
+}
+// Collapse space between when there's no additional content.
+.panel-heading + .list-group {
+ .list-group-item:first-child {
+ border-top-width: 0;
+ }
+}
+
+
+// Tables in panels
+//
+// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
+// watch it go full width.
+
+.panel {
+ > .table {
+ margin-bottom: 0;
+ }
+ > .panel-body + .table {
+ border-top: 1px solid @table-border-color;
+ }
+}
+
+
+// Optional heading
+.panel-heading {
+ padding: 10px 15px;
+ border-bottom: 1px solid transparent;
+ .border-top-radius(@panel-border-radius - 1);
+}
+
+// Within heading, strip any `h*` tag of it's default margins for spacing.
+.panel-title {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: ceil((@font-size-base * 1.125));
+ > a {
+ color: inherit;
+ }
+}
+
+// Optional footer (stays gray in every modifier class)
+.panel-footer {
+ padding: 10px 15px;
+ background-color: @panel-footer-bg;
+ border-top: 1px solid @panel-inner-border;
+ .border-bottom-radius(@panel-border-radius - 1);
+}
+
+
+// Collapsable panels (aka, accordion)
+//
+// Wrap a series of panels in `.panel-group` to turn them into an accordion with
+// the help of our collapse JavaScript plugin.
+
+.panel-group {
+ // Tighten up margin so it's only between panels
+ .panel {
+ margin-bottom: 0;
+ border-radius: @panel-border-radius;
+ overflow: hidden; // crop contents when collapsed
+ + .panel {
+ margin-top: 5px;
+ }
+ }
+
+ .panel-heading {
+ border-bottom: 0;
+ + .panel-collapse .panel-body {
+ border-top: 1px solid @panel-inner-border;
+ }
+ }
+ .panel-footer {
+ border-top: 0;
+ + .panel-collapse .panel-body {
+ border-bottom: 1px solid @panel-inner-border;
+ }
+ }
+
+ // New subcomponent for wrapping collapsable content for proper animations
+ .panel-collapse {
+
+ }
+}
+
+
+// Contextual variations
+.panel-default {
+ .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
+}
+.panel-primary {
+ .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
+}
+.panel-success {
+ .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
+}
+.panel-warning {
+ .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
+}
+.panel-danger {
+ .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
+}
+.panel-info {
+ .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
+}
--- /dev/null
+//
+// Popovers
+// --------------------------------------------------
+
+
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: @zindex-popover;
+ display: none;
+ max-width: @popover-max-width;
+ padding: 1px;
+ text-align: left; // Reset given new insertion method
+ background-color: @popover-bg;
+ background-clip: padding-box;
+ border: 1px solid @popover-fallback-border-color;
+ border: 1px solid @popover-border-color;
+ border-radius: @border-radius-large;
+ .box-shadow(0 5px 10px rgba(0,0,0,.2));
+
+ // Overrides for proper insertion
+ white-space: normal;
+
+ // Offset the popover to account for the popover arrow
+ &.top { margin-top: -10px; }
+ &.right { margin-left: 10px; }
+ &.bottom { margin-top: 10px; }
+ &.left { margin-left: -10px; }
+}
+
+.popover-title {
+ margin: 0; // reset heading margin
+ padding: 8px 14px;
+ font-size: @font-size-base;
+ font-weight: normal;
+ line-height: 18px;
+ background-color: @popover-title-bg;
+ border-bottom: 1px solid darken(@popover-title-bg, 5%);
+ border-radius: 5px 5px 0 0;
+}
+
+.popover-content {
+ padding: 9px 14px;
+}
+
+// Arrows
+//
+// .arrow is outer, .arrow:after is inner
+
+.popover .arrow {
+ &,
+ &:after {
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ }
+}
+.popover .arrow {
+ border-width: @popover-arrow-outer-width;
+}
+.popover .arrow:after {
+ border-width: @popover-arrow-width;
+ content: "";
+}
+
+.popover {
+ &.top .arrow {
+ left: 50%;
+ margin-left: -@popover-arrow-outer-width;
+ border-bottom-width: 0;
+ border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+ border-top-color: @popover-arrow-outer-color;
+ bottom: -@popover-arrow-outer-width;
+ &:after {
+ content: " ";
+ bottom: 1px;
+ margin-left: -@popover-arrow-width;
+ border-bottom-width: 0;
+ border-top-color: @popover-arrow-color;
+ }
+ }
+ &.right .arrow {
+ top: 50%;
+ left: -@popover-arrow-outer-width;
+ margin-top: -@popover-arrow-outer-width;
+ border-left-width: 0;
+ border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+ border-right-color: @popover-arrow-outer-color;
+ &:after {
+ content: " ";
+ left: 1px;
+ bottom: -@popover-arrow-width;
+ border-left-width: 0;
+ border-right-color: @popover-arrow-color;
+ }
+ }
+ &.bottom .arrow {
+ left: 50%;
+ margin-left: -@popover-arrow-outer-width;
+ border-top-width: 0;
+ border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+ border-bottom-color: @popover-arrow-outer-color;
+ top: -@popover-arrow-outer-width;
+ &:after {
+ content: " ";
+ top: 1px;
+ margin-left: -@popover-arrow-width;
+ border-top-width: 0;
+ border-bottom-color: @popover-arrow-color;
+ }
+ }
+
+ &.left .arrow {
+ top: 50%;
+ right: -@popover-arrow-outer-width;
+ margin-top: -@popover-arrow-outer-width;
+ border-right-width: 0;
+ border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+ border-left-color: @popover-arrow-outer-color;
+ &:after {
+ content: " ";
+ right: 1px;
+ border-right-width: 0;
+ border-left-color: @popover-arrow-color;
+ bottom: -@popover-arrow-width;
+ }
+ }
+
+}
--- /dev/null
+//
+// Basic print styles
+// --------------------------------------------------
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
+
+@media print {
+
+ * {
+ text-shadow: none !important;
+ color: #000 !important; // Black prints faster: h5bp.com/s
+ background: transparent !important;
+ box-shadow: none !important;
+ }
+
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
+
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+
+ // Don't show links for images, or javascript/internal links
+ .ir a:after,
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: "";
+ }
+
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+
+ thead {
+ display: table-header-group; // h5bp.com/t
+ }
+
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+
+ img {
+ max-width: 100% !important;
+ }
+
+ @page {
+ margin: 2cm .5cm;
+ }
+
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+
+ // Bootstrap components
+ .navbar {
+ display: none;
+ }
+ .table {
+ td,
+ th {
+ background-color: #fff !important;
+ }
+ }
+ .btn,
+ .dropup > .btn {
+ > .caret {
+ border-top-color: #000 !important;
+ }
+ }
+ .label {
+ border: 1px solid #000;
+ }
+
+ .table {
+ border-collapse: collapse !important;
+ }
+ .table-bordered {
+ th,
+ td {
+ border: 1px solid #ddd !important;
+ }
+ }
+
+}
--- /dev/null
+//
+// Progress bars
+// --------------------------------------------------
+
+
+// Bar animations
+// -------------------------
+
+// Webkit
+@-webkit-keyframes progress-bar-stripes {
+ from { background-position: 40px 0; }
+ to { background-position: 0 0; }
+}
+
+// Firefox
+@-moz-keyframes progress-bar-stripes {
+ from { background-position: 40px 0; }
+ to { background-position: 0 0; }
+}
+
+// Opera
+@-o-keyframes progress-bar-stripes {
+ from { background-position: 0 0; }
+ to { background-position: 40px 0; }
+}
+
+// Spec and IE10+
+@keyframes progress-bar-stripes {
+ from { background-position: 40px 0; }
+ to { background-position: 0 0; }
+}
+
+
+
+// Bar itself
+// -------------------------
+
+// Outer container
+.progress {
+ overflow: hidden;
+ height: @line-height-computed;
+ margin-bottom: @line-height-computed;
+ background-color: @progress-bg;
+ border-radius: @border-radius-base;
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
+}
+
+// Bar of progress
+.progress-bar {
+ float: left;
+ width: 0%;
+ height: 100%;
+ font-size: @font-size-small;
+ color: @progress-bar-color;
+ text-align: center;
+ background-color: @progress-bar-bg;
+ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
+ .transition(width .6s ease);
+}
+
+// Striped bars
+.progress-striped .progress-bar {
+ #gradient > .striped(@progress-bar-bg);
+ background-size: 40px 40px;
+}
+
+// Call animation for the active one
+.progress.active .progress-bar {
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
+ -moz-animation: progress-bar-stripes 2s linear infinite;
+ -ms-animation: progress-bar-stripes 2s linear infinite;
+ -o-animation: progress-bar-stripes 2s linear infinite;
+ animation: progress-bar-stripes 2s linear infinite;
+}
+
+
+
+// Variations
+// -------------------------
+
+.progress-bar-success {
+ .progress-bar-variant(@progress-bar-success-bg);
+}
+
+.progress-bar-info {
+ .progress-bar-variant(@progress-bar-info-bg);
+}
+
+.progress-bar-warning {
+ .progress-bar-variant(@progress-bar-warning-bg);
+}
+
+.progress-bar-danger {
+ .progress-bar-variant(@progress-bar-danger-bg);
+}
--- /dev/null
+//
+// Responsive: Utility classes
+// --------------------------------------------------
+
+
+// IE10 Metro responsive
+// Required for Windows 8 Metro split-screen snapping with IE10
+//
+// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
+@-ms-viewport{
+ width: device-width;
+}
+
+// IE10 on Windows Phone 8
+// IE10 on WP8 doesn't report CSS pixels, but actual device pixels. In
+// other words, say on a Lumia, you'll get 768px as the device width,
+// meaning users will see the tablet styles and not phone styles.
+//
+// Alternatively you can override this with JS (see source below), but
+// we won't be doing that here given our limited scope.
+//
+// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
+@media screen and (max-width: 400px) {
+ @-ms-viewport{
+ width: 320px;
+ }
+}
+
+// Hide from screenreaders and browsers
+// Credit: HTML5 Boilerplate
+.hidden {
+ display: none !important;
+ visibility: hidden !important;
+}
+
+// Visibility utilities
+
+.visible-xs {
+ .responsive-invisibility();
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
+ }
+ &.visible-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-visibility();
+ }
+ }
+}
+.visible-sm {
+ .responsive-invisibility();
+ &.visible-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
+ }
+ }
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-visibility();
+ }
+ &.visible-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-visibility();
+ }
+ }
+}
+.visible-md {
+ .responsive-invisibility();
+ &.visible-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-visibility();
+ }
+ }
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-visibility();
+ }
+ &.visible-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-visibility();
+ }
+ }
+}
+.visible-lg {
+ .responsive-invisibility();
+ &.visible-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-visibility();
+ }
+ }
+ &.visible-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-visibility();
+ }
+ }
+ @media (min-width: @screen-lg) {
+ .responsive-visibility();
+ }
+}
+
+.hidden-xs {
+ .responsive-visibility();
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
+ }
+ &.hidden-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-invisibility();
+ }
+ }
+}
+.hidden-sm {
+ .responsive-visibility();
+ &.hidden-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
+ }
+ }
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-invisibility();
+ }
+ &.hidden-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-invisibility();
+ }
+ }
+}
+.hidden-md {
+ .responsive-visibility();
+ &.hidden-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-invisibility();
+ }
+ }
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-invisibility();
+ }
+ &.hidden-lg {
+ @media (min-width: @screen-lg) {
+ .responsive-invisibility();
+ }
+ }
+}
+.hidden-lg {
+ .responsive-visibility();
+ &.hidden-xs {
+ @media (max-width: @screen-xs-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-sm {
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ .responsive-invisibility();
+ }
+ }
+ &.hidden-md {
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .responsive-invisibility();
+ }
+ }
+ @media (min-width: @screen-lg) {
+ .responsive-invisibility();
+ }
+}
+
+// Print utilities
+.visible-print {
+ .responsive-invisibility();
+}
+
+@media print {
+ .visible-print {
+ .responsive-visibility();
+ }
+ .hidden-print {
+ .responsive-invisibility();
+ }
+}
--- /dev/null
+//
+// Scaffolding
+// --------------------------------------------------
+
+
+// Reset the box-sizing
+
+*,
+*:before,
+*:after {
+ .box-sizing(border-box);
+}
+
+
+// Body reset
+
+html {
+ font-size: 62.5%;
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+body {
+ font-family: @font-family-base;
+ font-size: @font-size-base;
+ line-height: @line-height-base;
+ color: @text-color;
+ background-color: @body-bg;
+}
+
+// Reset fonts for relevant elements
+input,
+button,
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+// Reset unusual Firefox-on-Android default style.
+//
+// See https://github.com/necolas/normalize.css/issues/214
+
+button,
+input,
+select[multiple],
+textarea {
+ background-image: none;
+}
+
+
+// Links
+
+a {
+ color: @link-color;
+ text-decoration: none;
+
+ &:hover,
+ &:focus {
+ color: @link-hover-color;
+ text-decoration: underline;
+ }
+
+ &:focus {
+ .tab-focus();
+ }
+}
+
+
+// Images
+
+img {
+ vertical-align: middle;
+}
+
+// Responsive images (ensure images don't scale beyond their parents)
+.img-responsive {
+ .img-responsive();
+}
+
+// Rounded corners
+.img-rounded {
+ border-radius: @border-radius-large;
+}
+
+// Image thumbnails
+//
+// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
+.img-thumbnail {
+ padding: @thumbnail-padding;
+ line-height: @line-height-base;
+ background-color: @thumbnail-bg;
+ border: 1px solid @thumbnail-border;
+ border-radius: @thumbnail-border-radius;
+ .transition(all .2s ease-in-out);
+
+ // Keep them at most 100% wide
+ .img-responsive(inline-block);
+}
+
+// Perfect circle
+.img-circle {
+ border-radius: 50%; // set radius in percents
+}
+
+
+// Horizontal rules
+
+hr {
+ margin-top: @line-height-computed;
+ margin-bottom: @line-height-computed;
+ border: 0;
+ border-top: 1px solid @hr-border;
+}
+
+
+// Only display content to screen readers
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0 0 0 0);
+ border: 0;
+}
--- /dev/null
+//
+// Tables
+// --------------------------------------------------
+
+
+table {
+ max-width: 100%;
+ background-color: @table-bg;
+}
+th {
+ text-align: left;
+}
+
+
+// Baseline styles
+
+.table {
+ width: 100%;
+ margin-bottom: @line-height-computed;
+ // Cells
+ thead,
+ tbody,
+ tfoot {
+ > tr {
+ > th,
+ > td {
+ padding: @table-cell-padding;
+ line-height: @line-height-base;
+ vertical-align: top;
+ border-top: 1px solid @table-border-color;
+ }
+ }
+ }
+ // Bottom align for column headings
+ thead > tr > th {
+ vertical-align: bottom;
+ border-bottom: 2px solid @table-border-color;
+ }
+ // Remove top border from thead by default
+ caption + thead,
+ colgroup + thead,
+ thead:first-child {
+ tr:first-child {
+ th, td {
+ border-top: 0;
+ }
+ }
+ }
+ // Account for multiple tbody instances
+ tbody + tbody {
+ border-top: 2px solid @table-border-color;
+ }
+
+ // Nesting
+ .table {
+ background-color: @body-bg;
+ }
+}
+
+
+// Condensed table w/ half padding
+
+.table-condensed {
+ thead,
+ tbody,
+ tfoot {
+ > tr {
+ > th,
+ > td {
+ padding: @table-condensed-cell-padding;
+ }
+ }
+ }
+}
+
+
+// Bordered version
+//
+// Add borders all around the table and between all the columns.
+
+.table-bordered {
+ border: 1px solid @table-border-color;
+ > thead,
+ > tbody,
+ > tfoot {
+ > tr {
+ > th,
+ > td {
+ border: 1px solid @table-border-color;
+ }
+ }
+ }
+ > thead {
+ > tr {
+ > th,
+ > td {
+ border-bottom-width: 2px;
+ }
+ }
+ }
+}
+
+
+// Zebra-striping
+//
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+
+.table-striped {
+ > tbody {
+ > tr:nth-child(odd) {
+ > td,
+ > th {
+ background-color: @table-bg-accent;
+ }
+ }
+ }
+}
+
+
+// Hover effect
+//
+// Placed here since it has to come after the potential zebra striping
+
+.table-hover {
+ > tbody {
+ > tr:hover {
+ > td,
+ > th {
+ background-color: @table-bg-hover;
+ }
+ }
+ }
+}
+
+
+// Table cell sizing
+//
+// Reset default table behavior
+
+table col[class*="col-"] {
+ float: none;
+ display: table-column;
+}
+table {
+ td,
+ th {
+ &[class*="col-"] {
+ float: none;
+ display: table-cell;
+ }
+ }
+}
+
+
+// Table backgrounds
+//
+// Exact selectors below required to override `.table-striped` and prevent
+// inheritance to nested tables.
+
+.table > thead > tr,
+.table > tbody > tr,
+.table > tfoot > tr {
+ > td.active,
+ > th.active,
+ &.active > td,
+ &.active > th {
+ background-color: @table-bg-active;
+ }
+}
+
+// Generate the contextual variants
+.table-row-variant(success; @state-success-bg; @state-success-border);
+.table-row-variant(danger; @state-danger-bg; @state-danger-border);
+.table-row-variant(warning; @state-warning-bg; @state-warning-border);
+
+
+// Responsive tables
+//
+// Wrap your tables in `.table-scrollable` and we'll make them mobile friendly
+// by enabling horizontal scrolling. Only applies <768px. Everything above that
+// will display normally.
+
+@media (max-width: @screen-sm) {
+ .table-responsive {
+ width: 100%;
+ margin-bottom: 15px;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ border: 1px solid @table-border-color;
+
+ // Tighten up spacing and give a background color
+ > .table {
+ margin-bottom: 0;
+ background-color: #fff;
+
+ // Ensure the content doesn't wrap
+ > thead,
+ > tbody,
+ > tfoot {
+ > tr {
+ > th,
+ > td {
+ white-space: nowrap;
+ }
+ }
+ }
+ }
+
+ // Special overrides for the bordered tables
+ > .table-bordered {
+ border: 0;
+
+ // Nuke the appropriate borders so that the parent can handle them
+ > thead,
+ > tbody,
+ > tfoot {
+ > tr {
+ > th:first-child,
+ > td:first-child {
+ border-left: 0;
+ }
+ > th:last-child,
+ > td:last-child {
+ border-right: 0;
+ }
+ }
+ > tr:last-child {
+ > th,
+ > td {
+ border-bottom: 0;
+ }
+ }
+ }
+ }
+ }
+}
--- /dev/null
+
+//
+// Load core variables and mixins
+// --------------------------------------------------
+
+@import "variables.less";
+@import "mixins.less";
+
+
+
+//
+// Buttons
+// --------------------------------------------------
+
+// Common styles
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+ text-shadow: 0 -1px 0 rgba(0,0,0,.2);
+ @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
+ .box-shadow(@shadow);
+
+ // Reset the shadow
+ &:active,
+ &.active {
+ .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+ }
+}
+
+// Mixin for generating new styles
+.btn-styles(@btn-color: #555;) {
+ #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 10%));
+ border-color: darken(@btn-color, 12%);
+
+ &:active,
+ &.active {
+ background-color: darken(@btn-color, 10%);
+ border-color: darken(@btn-color, 12%);
+ }
+}
+
+// Common styles
+.btn {
+ // Remove the gradient for the pressed/active state
+ &:active,
+ &.active {
+ background-image: none;
+ }
+}
+
+// Apply the mixin to the buttons
+.btn-default { .btn-styles(@btn-default-bg;); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
+.btn-primary { .btn-styles(@btn-primary-bg); }
+.btn-success { .btn-styles(@btn-success-bg); }
+.btn-warning { .btn-styles(@btn-warning-bg); }
+.btn-danger { .btn-styles(@btn-danger-bg); }
+.btn-info { .btn-styles(@btn-info-bg); }
+
+
+
+//
+// Images
+// --------------------------------------------------
+
+.thumbnail,
+.img-thumbnail {
+ .box-shadow(0 1px 2px rgba(0,0,0,.075));
+}
+
+
+
+//
+// Dropdowns
+// --------------------------------------------------
+
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus,
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+ #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
+ background-color: darken(@dropdown-link-hover-bg, 5%);
+}
+
+
+
+//
+// Navbar
+// --------------------------------------------------
+
+// Basic navbar
+.navbar {
+ #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg;);
+ border-radius: @navbar-border-radius;
+ @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
+ .box-shadow(@shadow);
+
+ .navbar-nav > .active > a {
+ background-color: @navbar-default-bg;
+ }
+}
+.navbar-brand,
+.navbar-nav > li > a {
+ text-shadow: 0 1px 0 rgba(255,255,255,.25);
+}
+
+// Inverted navbar
+.navbar-inverse {
+ #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg;);
+
+ .navbar-nav > .active > a {
+ background-color: @navbar-inverse-bg;
+ }
+
+ .navbar-brand,
+ .navbar-nav > li > a {
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+ }
+}
+
+// Undo rounded corners in static and fixed navbars
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+ border-radius: 0;
+}
+
+
+
+//
+// Alerts
+// --------------------------------------------------
+
+// Common styles
+.alert {
+ text-shadow: 0 1px 0 rgba(255,255,255,.2);
+ @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
+ .box-shadow(@shadow);
+}
+
+// Mixin for generating new styles
+.alert-styles(@color) {
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
+ border-color: darken(@color, 15%);
+}
+
+// Apply the mixin to the alerts
+.alert-success { .alert-styles(@alert-success-bg); }
+.alert-info { .alert-styles(@alert-info-bg); }
+.alert-warning { .alert-styles(@alert-warning-bg); }
+.alert-danger { .alert-styles(@alert-danger-bg); }
+
+
+
+//
+// Progress bars
+// --------------------------------------------------
+
+// Give the progress background some depth
+.progress {
+ #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg;)
+}
+
+// Mixin for generating new styles
+.progress-bar-styles(@color) {
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
+}
+
+// Apply the mixin to the progress bars
+.progress-bar { .progress-bar-styles(@progress-bar-bg); }
+.progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }
+.progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }
+.progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
+.progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
+
+
+
+//
+// List groups
+// --------------------------------------------------
+
+.list-group {
+ border-radius: @border-radius-base;
+ .box-shadow(0 1px 2px rgba(0,0,0,.075));
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+ text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
+ #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
+ border-color: darken(@list-group-active-border, 7.5%);
+}
+
+
+
+//
+// Panels
+// --------------------------------------------------
+
+// Common styles
+.panel {
+ .box-shadow(0 1px 2px rgba(0,0,0,.05));
+}
+
+// Mixin for generating new styles
+.panel-heading-styles(@color) {
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
+}
+
+// Apply the mixin to the panel headings only
+.panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }
+.panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }
+.panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }
+.panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }
+.panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }
+.panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }
+
+
+
+//
+// Wells
+// --------------------------------------------------
+
+.well {
+ #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg;);
+ border-color: darken(@well-bg, 10%);
+ @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
+ .box-shadow(@shadow);
+}
--- /dev/null
+//
+// Thumbnails
+// --------------------------------------------------
+
+
+// Mixin and adjust the regular image class
+.thumbnail {
+ .img-thumbnail();
+ display: block; // Override the inline-block from `.img-thumbnail`
+
+ > img {
+ .img-responsive();
+ }
+}
+
+
+// Add a hover state for linked versions only
+a.thumbnail:hover,
+a.thumbnail:focus {
+ border-color: @link-color;
+}
+
+// Images and captions
+.thumbnail > img {
+ margin-left: auto;
+ margin-right: auto;
+}
+.thumbnail .caption {
+ padding: @thumbnail-caption-padding;
+ color: @thumbnail-caption-color;
+}
--- /dev/null
+//
+// Tooltips
+// --------------------------------------------------
+
+
+// Base class
+.tooltip {
+ position: absolute;
+ z-index: @zindex-tooltip;
+ display: block;
+ visibility: visible;
+ font-size: @font-size-small;
+ line-height: 1.4;
+ .opacity(0);
+
+ &.in { .opacity(.9); }
+ &.top { margin-top: -3px; padding: 5px 0; }
+ &.right { margin-left: 3px; padding: 0 5px; }
+ &.bottom { margin-top: 3px; padding: 5px 0; }
+ &.left { margin-left: -3px; padding: 0 5px; }
+}
+
+// Wrapper for the tooltip content
+.tooltip-inner {
+ max-width: @tooltip-max-width;
+ padding: 3px 8px;
+ color: @tooltip-color;
+ text-align: center;
+ text-decoration: none;
+ background-color: @tooltip-bg;
+ border-radius: @border-radius-base;
+}
+
+// Arrows
+.tooltip-arrow {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+}
+.tooltip {
+ &.top .tooltip-arrow {
+ bottom: 0;
+ left: 50%;
+ margin-left: -@tooltip-arrow-width;
+ border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+ border-top-color: @tooltip-arrow-color;
+ }
+ &.top-left .tooltip-arrow {
+ bottom: 0;
+ left: 5px;
+ border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+ border-top-color: @tooltip-arrow-color;
+ }
+ &.top-right .tooltip-arrow {
+ bottom: 0;
+ right: 5px;
+ border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+ border-top-color: @tooltip-arrow-color;
+ }
+ &.right .tooltip-arrow {
+ top: 50%;
+ left: 0;
+ margin-top: -@tooltip-arrow-width;
+ border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
+ border-right-color: @tooltip-arrow-color;
+ }
+ &.left .tooltip-arrow {
+ top: 50%;
+ right: 0;
+ margin-top: -@tooltip-arrow-width;
+ border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
+ border-left-color: @tooltip-arrow-color;
+ }
+ &.bottom .tooltip-arrow {
+ top: 0;
+ left: 50%;
+ margin-left: -@tooltip-arrow-width;
+ border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+ border-bottom-color: @tooltip-arrow-color;
+ }
+ &.bottom-left .tooltip-arrow {
+ top: 0;
+ left: 5px;
+ border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+ border-bottom-color: @tooltip-arrow-color;
+ }
+ &.bottom-right .tooltip-arrow {
+ top: 0;
+ right: 5px;
+ border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+ border-bottom-color: @tooltip-arrow-color;
+ }
+}
--- /dev/null
+//
+// Typography
+// --------------------------------------------------
+
+
+// Body text
+// -------------------------
+
+p {
+ margin: 0 0 (@line-height-computed / 2);
+}
+.lead {
+ margin-bottom: @line-height-computed;
+ font-size: (@font-size-base * 1.15);
+ font-weight: 200;
+ line-height: 1.4;
+
+ @media (min-width: 768px) {
+ font-size: (@font-size-base * 1.5);
+ }
+}
+
+
+// Emphasis & misc
+// -------------------------
+
+// Ex: 14px base font * 85% = about 12px
+small { font-size: 85%; }
+
+// Undo browser default styling
+cite { font-style: normal; }
+
+// Contextual emphasis
+.text-muted { color: @text-muted; }
+.text-primary { color: @brand-primary; }
+.text-warning { color: @state-warning-text; }
+.text-danger { color: @state-danger-text; }
+.text-success { color: @state-success-text; }
+.text-info { color: @state-info-text; }
+
+// Alignment
+.text-left { text-align: left; }
+.text-right { text-align: right; }
+.text-center { text-align: center; }
+
+
+// Headings
+// -------------------------
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+ font-family: @headings-font-family;
+ font-weight: @headings-font-weight;
+ line-height: @headings-line-height;
+ small {
+ font-weight: normal;
+ line-height: 1;
+ color: @headings-small-color;
+ }
+}
+
+h1,
+h2,
+h3 {
+ margin-top: @line-height-computed;
+ margin-bottom: (@line-height-computed / 2);
+}
+h4,
+h5,
+h6 {
+ margin-top: (@line-height-computed / 2);
+ margin-bottom: (@line-height-computed / 2);
+}
+
+h1, .h1 { font-size: floor(@font-size-base * 2.60); } // ~36px
+h2, .h2 { font-size: floor(@font-size-base * 2.15); } // ~30px
+h3, .h3 { font-size: ceil(@font-size-base * 1.70); } // ~24px
+h4, .h4 { font-size: ceil(@font-size-base * 1.25); } // ~18px
+h5, .h5 { font-size: @font-size-base; }
+h6, .h6 { font-size: ceil(@font-size-base * 0.85); } // ~12px
+
+h1 small, .h1 small { font-size: ceil(@font-size-base * 1.70); } // ~24px
+h2 small, .h2 small { font-size: ceil(@font-size-base * 1.25); } // ~18px
+h3 small, .h3 small,
+h4 small, .h4 small { font-size: @font-size-base; }
+
+
+// Page header
+// -------------------------
+
+.page-header {
+ padding-bottom: ((@line-height-computed / 2) - 1);
+ margin: (@line-height-computed * 2) 0 @line-height-computed;
+ border-bottom: 1px solid @page-header-border-color;
+}
+
+
+
+// Lists
+// --------------------------------------------------
+
+// Unordered and Ordered lists
+ul,
+ol {
+ margin-top: 0;
+ margin-bottom: (@line-height-computed / 2);
+ ul,
+ ol{
+ margin-bottom: 0;
+ }
+}
+
+// List options
+
+// Unstyled keeps list items block level, just removes default browser padding and list-style
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+// Inline turns list items into inline-block
+.list-inline {
+ .list-unstyled();
+ > li {
+ display: inline-block;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+}
+
+// Description Lists
+dl {
+ margin-bottom: @line-height-computed;
+}
+dt,
+dd {
+ line-height: @line-height-base;
+}
+dt {
+ font-weight: bold;
+}
+dd {
+ margin-left: 0; // Undo browser default
+}
+
+// Horizontal description lists
+//
+// Defaults to being stacked without any of the below styles applied, until the
+// grid breakpoint is reached (default of ~768px).
+
+@media (min-width: @grid-float-breakpoint) {
+ .dl-horizontal {
+ dt {
+ float: left;
+ width: (@component-offset-horizontal - 20);
+ clear: left;
+ text-align: right;
+ .text-overflow();
+ }
+ dd {
+ margin-left: @component-offset-horizontal;
+ .clearfix(); // Clear the floated `dt` if an empty `dd` is present
+ }
+ }
+}
+
+// MISC
+// ----
+
+// Abbreviations and acronyms
+abbr[title],
+// Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
+abbr[data-original-title] {
+ cursor: help;
+ border-bottom: 1px dotted @abbr-border-color;
+}
+abbr.initialism {
+ font-size: 90%;
+ text-transform: uppercase;
+}
+
+// Blockquotes
+blockquote {
+ padding: (@line-height-computed / 2) @line-height-computed;
+ margin: 0 0 @line-height-computed;
+ border-left: 5px solid @blockquote-border-color;
+ p {
+ font-size: (@font-size-base * 1.25);
+ font-weight: 300;
+ line-height: 1.25;
+ }
+ p:last-child {
+ margin-bottom: 0;
+ }
+ small {
+ display: block;
+ line-height: @line-height-base;
+ color: @blockquote-small-color;
+ &:before {
+ content: '\2014 \00A0';// EM DASH, NBSP
+ }
+ }
+
+ // Float right with text-align: right
+ &.pull-right {
+ padding-right: 15px;
+ padding-left: 0;
+ border-right: 5px solid @blockquote-border-color;
+ border-left: 0;
+ p,
+ small {
+ text-align: right;
+ }
+ small {
+ &:before {
+ content: '';
+ }
+ &:after {
+ content: '\00A0 \2014';// NBSP, EM DASH
+ }
+ }
+ }
+}
+
+// Quotes
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+ content: "";
+}
+
+// Addresses
+address {
+ display: block;
+ margin-bottom: @line-height-computed;
+ font-style: normal;
+ line-height: @line-height-base;
+}
--- /dev/null
+//
+// Utility classes
+// --------------------------------------------------
+
+
+// Floats
+// -------------------------
+
+.clearfix {
+ .clearfix();
+}
+.pull-right {
+ float: right !important;
+}
+.pull-left {
+ float: left !important;
+}
+
+
+// Toggling content
+// -------------------------
+
+.hide {
+ display: none !important;
+}
+.show {
+ display: block !important;
+}
+.invisible {
+ visibility: hidden;
+}
+.text-hide {
+ .hide-text();
+}
+
+
+// For Affix plugin
+// -------------------------
+
+.affix {
+ position: fixed;
+}
--- /dev/null
+//
+// Variables
+// --------------------------------------------------
+
+
+// Global values
+// --------------------------------------------------
+
+// Grays
+// -------------------------
+
+@gray-darker: lighten(#000, 13.5%); // #222
+@gray-dark: lighten(#000, 20%); // #333
+@gray: lighten(#000, 33.5%); // #555
+@gray-light: lighten(#000, 60%); // #999
+@gray-lighter: lighten(#000, 93.5%); // #eee
+
+// Brand colors
+// -------------------------
+
+@brand-primary: #428bca;
+@brand-success: #5cb85c;
+@brand-warning: #f0ad4e;
+@brand-danger: #d9534f;
+@brand-info: #5bc0de;
+
+// Scaffolding
+// -------------------------
+
+@body-bg: #fff;
+@text-color: @gray-dark;
+
+// Links
+// -------------------------
+
+@link-color: @brand-primary;
+@link-hover-color: darken(@link-color, 15%);
+
+// Typography
+// -------------------------
+
+@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif: Georgia, "Times New Roman", Times, serif;
+@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
+@font-family-base: @font-family-sans-serif;
+
+@font-size-base: 14px;
+@font-size-large: ceil(@font-size-base * 1.25); // ~18px
+@font-size-small: ceil(@font-size-base * 0.85); // ~12px
+
+@line-height-base: 1.428571429; // 20/14
+@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
+
+@headings-font-family: @font-family-base;
+@headings-font-weight: 500;
+@headings-line-height: 1.1;
+
+// Iconography
+// -------------------------
+
+@icon-font-path: "../fonts/";
+@icon-font-name: "glyphicons-halflings-regular";
+
+
+// Components
+// -------------------------
+// Based on 14px font-size and 1.428 line-height (~20px to start)
+
+@padding-base-vertical: 6px;
+@padding-base-horizontal: 12px;
+
+@padding-large-vertical: 10px;
+@padding-large-horizontal: 16px;
+
+@padding-small-vertical: 5px;
+@padding-small-horizontal: 10px;
+
+@line-height-large: 1.33;
+@line-height-small: 1.5;
+
+@border-radius-base: 4px;
+@border-radius-large: 6px;
+@border-radius-small: 3px;
+
+@component-active-bg: @brand-primary;
+
+@caret-width-base: 4px;
+@caret-width-large: 5px;
+
+// Tables
+// -------------------------
+
+@table-cell-padding: 8px;
+@table-condensed-cell-padding: 5px;
+
+@table-bg: transparent; // overall background-color
+@table-bg-accent: #f9f9f9; // for striping
+@table-bg-hover: #f5f5f5;
+@table-bg-active: @table-bg-hover;
+
+@table-border-color: #ddd; // table and cell border
+
+
+// Buttons
+// -------------------------
+
+@btn-font-weight: normal;
+
+@btn-default-color: #333;
+@btn-default-bg: #fff;
+@btn-default-border: #ccc;
+
+@btn-primary-color: #fff;
+@btn-primary-bg: @brand-primary;
+@btn-primary-border: darken(@btn-primary-bg, 5%);
+
+@btn-success-color: #fff;
+@btn-success-bg: @brand-success;
+@btn-success-border: darken(@btn-success-bg, 5%);
+
+@btn-warning-color: #fff;
+@btn-warning-bg: @brand-warning;
+@btn-warning-border: darken(@btn-warning-bg, 5%);
+
+@btn-danger-color: #fff;
+@btn-danger-bg: @brand-danger;
+@btn-danger-border: darken(@btn-danger-bg, 5%);
+
+@btn-info-color: #fff;
+@btn-info-bg: @brand-info;
+@btn-info-border: darken(@btn-info-bg, 5%);
+
+@btn-link-disabled-color: @gray-light;
+
+
+// Forms
+// -------------------------
+
+@input-bg: #fff;
+@input-bg-disabled: @gray-lighter;
+
+@input-color: @gray;
+@input-border: #ccc;
+@input-border-radius: @border-radius-base;
+@input-border-focus: #66afe9;
+
+@input-color-placeholder: @gray-light;
+
+@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
+@input-height-large: (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
+@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
+
+@legend-color: @gray-dark;
+@legend-border-color: #e5e5e5;
+
+@input-group-addon-bg: @gray-lighter;
+@input-group-addon-border-color: @input-border;
+
+
+// Dropdowns
+// -------------------------
+
+@dropdown-bg: #fff;
+@dropdown-border: rgba(0,0,0,.15);
+@dropdown-fallback-border: #ccc;
+@dropdown-divider-bg: #e5e5e5;
+
+@dropdown-link-active-color: #fff;
+@dropdown-link-active-bg: @component-active-bg;
+
+@dropdown-link-color: @gray-dark;
+@dropdown-link-hover-color: #fff;
+@dropdown-link-hover-bg: @dropdown-link-active-bg;
+
+@dropdown-link-disabled-color: @gray-light;
+
+@dropdown-header-color: @gray-light;
+
+@dropdown-caret-color: #000;
+
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+
+// Z-index master list
+// -------------------------
+// Used for a bird's eye view of components dependent on the z-axis
+// Try to avoid customizing these :)
+
+@zindex-navbar: 1000;
+@zindex-dropdown: 1000;
+@zindex-popover: 1010;
+@zindex-tooltip: 1030;
+@zindex-navbar-fixed: 1030;
+@zindex-modal-background: 1040;
+@zindex-modal: 1050;
+
+// Media queries breakpoints
+// --------------------------------------------------
+
+// Extra small screen / phone
+@screen-xs: 480px;
+@screen-phone: @screen-xs;
+
+// Small screen / tablet
+@screen-sm: 768px;
+@screen-tablet: @screen-sm;
+
+// Medium screen / desktop
+@screen-md: 992px;
+@screen-desktop: @screen-md;
+
+// Large screen / wide desktop
+@screen-lg: 1200px;
+@screen-lg-desktop: @screen-lg;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max: (@screen-sm - 1);
+@screen-sm-max: (@screen-md - 1);
+@screen-md-max: (@screen-lg - 1);
+
+
+// Grid system
+// --------------------------------------------------
+
+// Number of columns in the grid system
+@grid-columns: 12;
+// Padding, to be divided by two and applied to the left and right of all columns
+@grid-gutter-width: 30px;
+// Point at which the navbar stops collapsing
+@grid-float-breakpoint: @screen-tablet;
+
+
+// Navbar
+// -------------------------
+
+// Basics of a navbar
+@navbar-height: 50px;
+@navbar-margin-bottom: @line-height-computed;
+@navbar-default-color: #777;
+@navbar-default-bg: #f8f8f8;
+@navbar-default-border: darken(@navbar-default-bg, 6.5%);
+@navbar-border-radius: @border-radius-base;
+@navbar-padding-horizontal: floor(@grid-gutter-width / 2);
+@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
+
+// Navbar links
+@navbar-default-link-color: #777;
+@navbar-default-link-hover-color: #333;
+@navbar-default-link-hover-bg: transparent;
+@navbar-default-link-active-color: #555;
+@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
+@navbar-default-link-disabled-color: #ccc;
+@navbar-default-link-disabled-bg: transparent;
+
+// Navbar brand label
+@navbar-default-brand-color: @navbar-default-link-color;
+@navbar-default-brand-hover-color: darken(@navbar-default-link-color, 10%);
+@navbar-default-brand-hover-bg: transparent;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg: #ddd;
+@navbar-default-toggle-icon-bar-bg: #ccc;
+@navbar-default-toggle-border-color: #ddd;
+
+
+// Inverted navbar
+//
+// Reset inverted navbar basics
+@navbar-inverse-color: @gray-light;
+@navbar-inverse-bg: #222;
+@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
+
+// Inverted navbar links
+@navbar-inverse-link-color: @gray-light;
+@navbar-inverse-link-hover-color: #fff;
+@navbar-inverse-link-hover-bg: transparent;
+@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
+@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-disabled-color: #444;
+@navbar-inverse-link-disabled-bg: transparent;
+
+// Inverted navbar brand label
+@navbar-inverse-brand-color: @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color: #fff;
+@navbar-inverse-brand-hover-bg: transparent;
+
+// Inverted navbar search
+// Normal navbar needs no special styles or vars
+@navbar-inverse-search-bg: lighten(@navbar-inverse-bg, 25%);
+@navbar-inverse-search-bg-focus: #fff;
+@navbar-inverse-search-border: @navbar-inverse-bg;
+@navbar-inverse-search-placeholder-color: #ccc;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg: #333;
+@navbar-inverse-toggle-icon-bar-bg: #fff;
+@navbar-inverse-toggle-border-color: #333;
+
+
+// Navs
+// -------------------------
+
+@nav-link-padding: 10px 15px;
+@nav-link-hover-bg: @gray-lighter;
+
+@nav-disabled-link-color: @gray-light;
+@nav-disabled-link-hover-color: @gray-light;
+
+@nav-open-link-hover-color: #fff;
+@nav-open-caret-border-color: #fff;
+
+// Tabs
+@nav-tabs-border-color: #ddd;
+
+@nav-tabs-link-hover-border-color: @gray-lighter;
+
+@nav-tabs-active-link-hover-bg: @body-bg;
+@nav-tabs-active-link-hover-color: @gray;
+@nav-tabs-active-link-hover-border-color: #ddd;
+
+@nav-tabs-justified-link-border-color: #ddd;
+@nav-tabs-justified-active-link-border-color: @body-bg;
+
+// Pills
+@nav-pills-active-link-hover-bg: @component-active-bg;
+@nav-pills-active-link-hover-color: #fff;
+
+
+// Pagination
+// -------------------------
+
+@pagination-bg: #fff;
+@pagination-border: #ddd;
+
+@pagination-hover-bg: @gray-lighter;
+
+@pagination-active-bg: @brand-primary;
+@pagination-active-color: #fff;
+
+@pagination-disabled-color: @gray-light;
+
+
+// Pager
+// -------------------------
+
+@pager-border-radius: 15px;
+@pager-disabled-color: @gray-light;
+
+
+// Jumbotron
+// -------------------------
+
+@jumbotron-padding: 30px;
+@jumbotron-color: inherit;
+@jumbotron-bg: @gray-lighter;
+
+@jumbotron-heading-color: inherit;
+
+
+// Form states and alerts
+// -------------------------
+
+@state-warning-text: #c09853;
+@state-warning-bg: #fcf8e3;
+@state-warning-border: darken(spin(@state-warning-bg, -10), 3%);
+
+@state-danger-text: #b94a48;
+@state-danger-bg: #f2dede;
+@state-danger-border: darken(spin(@state-danger-bg, -10), 3%);
+
+@state-success-text: #468847;
+@state-success-bg: #dff0d8;
+@state-success-border: darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text: #3a87ad;
+@state-info-bg: #d9edf7;
+@state-info-border: darken(spin(@state-info-bg, -10), 7%);
+
+
+// Tooltips
+// -------------------------
+@tooltip-max-width: 200px;
+@tooltip-color: #fff;
+@tooltip-bg: #000;
+
+@tooltip-arrow-width: 5px;
+@tooltip-arrow-color: @tooltip-bg;
+
+
+// Popovers
+// -------------------------
+@popover-bg: #fff;
+@popover-max-width: 276px;
+@popover-border-color: rgba(0,0,0,.2);
+@popover-fallback-border-color: #ccc;
+
+@popover-title-bg: darken(@popover-bg, 3%);
+
+@popover-arrow-width: 10px;
+@popover-arrow-color: #fff;
+
+@popover-arrow-outer-width: (@popover-arrow-width + 1);
+@popover-arrow-outer-color: rgba(0,0,0,.25);
+@popover-arrow-outer-fallback-color: #999;
+
+
+// Labels
+// -------------------------
+
+@label-default-bg: @gray-light;
+@label-primary-bg: @brand-primary;
+@label-success-bg: @brand-success;
+@label-info-bg: @brand-info;
+@label-warning-bg: @brand-warning;
+@label-danger-bg: @brand-danger;
+
+@label-color: #fff;
+@label-link-hover-color: #fff;
+
+
+// Modals
+// -------------------------
+@modal-inner-padding: 20px;
+
+@modal-title-padding: 15px;
+@modal-title-line-height: @line-height-base;
+
+@modal-content-bg: #fff;
+@modal-content-border-color: rgba(0,0,0,.2);
+@modal-content-fallback-border-color: #999;
+
+@modal-backdrop-bg: #000;
+@modal-header-border-color: #e5e5e5;
+@modal-footer-border-color: @modal-header-border-color;
+
+
+// Alerts
+// -------------------------
+@alert-padding: 15px;
+@alert-border-radius: @border-radius-base;
+@alert-link-font-weight: bold;
+
+@alert-success-bg: @state-success-bg;
+@alert-success-text: @state-success-text;
+@alert-success-border: @state-success-border;
+
+@alert-info-bg: @state-info-bg;
+@alert-info-text: @state-info-text;
+@alert-info-border: @state-info-border;
+
+@alert-warning-bg: @state-warning-bg;
+@alert-warning-text: @state-warning-text;
+@alert-warning-border: @state-warning-border;
+
+@alert-danger-bg: @state-danger-bg;
+@alert-danger-text: @state-danger-text;
+@alert-danger-border: @state-danger-border;
+
+
+// Progress bars
+// -------------------------
+@progress-bg: #f5f5f5;
+@progress-bar-color: #fff;
+
+@progress-bar-bg: @brand-primary;
+@progress-bar-success-bg: @brand-success;
+@progress-bar-warning-bg: @brand-warning;
+@progress-bar-danger-bg: @brand-danger;
+@progress-bar-info-bg: @brand-info;
+
+
+// List group
+// -------------------------
+@list-group-bg: #fff;
+@list-group-border: #ddd;
+@list-group-border-radius: @border-radius-base;
+
+@list-group-hover-bg: #f5f5f5;
+@list-group-active-color: #fff;
+@list-group-active-bg: @component-active-bg;
+@list-group-active-border: @list-group-active-bg;
+
+@list-group-link-color: #555;
+@list-group-link-heading-color: #333;
+
+
+// Panels
+// -------------------------
+@panel-bg: #fff;
+@panel-inner-border: #ddd;
+@panel-border-radius: @border-radius-base;
+@panel-footer-bg: #f5f5f5;
+
+@panel-default-text: @gray-dark;
+@panel-default-border: #ddd;
+@panel-default-heading-bg: #f5f5f5;
+
+@panel-primary-text: #fff;
+@panel-primary-border: @brand-primary;
+@panel-primary-heading-bg: @brand-primary;
+
+@panel-success-text: @state-success-text;
+@panel-success-border: @state-success-border;
+@panel-success-heading-bg: @state-success-bg;
+
+@panel-warning-text: @state-warning-text;
+@panel-warning-border: @state-warning-border;
+@panel-warning-heading-bg: @state-warning-bg;
+
+@panel-danger-text: @state-danger-text;
+@panel-danger-border: @state-danger-border;
+@panel-danger-heading-bg: @state-danger-bg;
+
+@panel-info-text: @state-info-text;
+@panel-info-border: @state-info-border;
+@panel-info-heading-bg: @state-info-bg;
+
+
+// Thumbnails
+// -------------------------
+@thumbnail-padding: 4px;
+@thumbnail-bg: @body-bg;
+@thumbnail-border: #ddd;
+@thumbnail-border-radius: @border-radius-base;
+
+@thumbnail-caption-color: @text-color;
+@thumbnail-caption-padding: 9px;
+
+
+// Wells
+// -------------------------
+@well-bg: #f5f5f5;
+
+
+// Badges
+// -------------------------
+@badge-color: #fff;
+@badge-link-hover-color: #fff;
+@badge-bg: @gray-light;
+
+@badge-active-color: @link-color;
+@badge-active-bg: #fff;
+
+@badge-font-weight: bold;
+@badge-line-height: 1;
+@badge-border-radius: 10px;
+
+
+// Breadcrumbs
+// -------------------------
+@breadcrumb-bg: #f5f5f5;
+@breadcrumb-color: #ccc;
+@breadcrumb-active-color: @gray-light;
+
+
+// Carousel
+// ------------------------
+
+@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
+
+@carousel-control-color: #fff;
+@carousel-control-width: 15%;
+@carousel-control-opacity: .5;
+@carousel-control-font-size: 20px;
+
+@carousel-indicator-active-bg: #fff;
+@carousel-indicator-border-color: #fff;
+
+@carousel-caption-color: #fff;
+
+
+// Close
+// ------------------------
+@close-color: #000;
+@close-font-weight: bold;
+@close-text-shadow: 0 1px 0 #fff;
+
+
+// Code
+// ------------------------
+@code-color: #c7254e;
+@code-bg: #f9f2f4;
+
+@pre-bg: #f5f5f5;
+@pre-color: @gray-dark;
+@pre-border-color: #ccc;
+@pre-scrollable-max-height: 340px;
+
+// Type
+// ------------------------
+@text-muted: @gray-light;
+@abbr-border-color: @gray-light;
+@headings-small-color: @gray-light;
+@blockquote-small-color: @gray-light;
+@blockquote-border-color: @gray-lighter;
+@page-header-border-color: @gray-lighter;
+
+// Miscellaneous
+// -------------------------
+
+// Hr border color
+@hr-border: @gray-lighter;
+
+// Horizontal forms & lists
+@component-offset-horizontal: 180px;
+
+
+// Container sizes
+// --------------------------------------------------
+
+// Small screen / tablet
+@container-tablet: ((720px + @grid-gutter-width));
+
+// Medium screen / desktop
+@container-desktop: ((940px + @grid-gutter-width));
+
+// Large screen / wide desktop
+@container-lg-desktop: ((1140px + @grid-gutter-width));
--- /dev/null
+//
+// Wells
+// --------------------------------------------------
+
+
+// Base class
+.well {
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: @well-bg;
+ border: 1px solid darken(@well-bg, 7%);
+ border-radius: @border-radius-base;
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+ blockquote {
+ border-color: #ddd;
+ border-color: rgba(0,0,0,.15);
+ }
+}
+
+// Sizes
+.well-lg {
+ padding: 24px;
+ border-radius: @border-radius-large;
+}
+.well-sm {
+ padding: 9px;
+ border-radius: @border-radius-small;
+}
---
---
-@import "bootstrap-{{ site.bootstrap.version }}/bootstrap.less";
-@import "bootstrap-{{ site.bootstrap.version }}/responsive-utilities.less";
-@import "sticky-footer.less";
-
-@import "mixins.less";
-@import "variables.less";
-@import "lazy.less";
-
-.navbar .brand {
- font-family: @serifFontFamily;
- .icon-flag { padding-right: 3px; }
-}
-
-.navbar .nav > li > a { padding: 12px 10px 9px; }
-.navbar .nav.pull-right { margin-right: -10px; }
-//.navbar, .jumbotron, #social-buttons { min-width: 990px; } // necessary fix for non-responsive layouts
-
-h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
-
-#iconCarousel {
- a { color: @white; }
- @size: 220px;
- font-size: @size;
- text-align: center;
- line-height: @size + 5;
- text-shadow: 2px 2px 3px @grayDarker;
- .carousel-control {
- top: @size + 33px;
- .square(30px);
- background: none;
- border-width: 0;
- font-size: 30px;
- line-height: 25px;
- left: 300/2 - 33px;
- &.right {
- left: auto;
- right: 300/2 - 33px;
- }
- }
-}
-
-.jumbotron {
- background: @red;
- border-bottom: 1px solid @redDark;
- &, h1 { color: @white; }
- #gradient > .directional(@red, mix(@red, @redDark, 90%), -40deg);
-// background-color: @red;
-
-// &:after {
-// content:'';
-// display:block;
-// position:absolute;
-// top:0;
-// right:0;
-// bottom:0;
-// left:0;
-// background:url(../img/grain-tm400.png);
-// opacity:.5;
-// }
-
- h1 {
- font-size: 80px;
- letter-spacing: -2px;
- line-height: 1;
- }
- p {
- margin-top: 15px;
- margin-bottom: 15px;
- font-size: 30px;
- line-height: 1.3;
- font-weight: lighter;
- }
- .actions { margin-top: 25px;}
- text-shadow: 2px 2px 2px @grayDark;
- ul {
- margin-left: 50px;
- li {
- &.icon-large:before {
- text-indent: -2em;
- vertical-align: baseline;
- }
- font-size: 15px;
- line-height: 30px;
- text-shadow: 1px 1px 1px @grayDark;
- }
- }
- .btn-large {
- font-family: @serifFontFamily;
- font-weight: 500;
- font-size: 24px;
- padding: 17px 30px;
- letter-spacing: -1px;
- }
- .hero-content {
- text-align: center;
- }
- .shameless-self-promotion {
- font-size: 14px;
- margin-top: 25px;
- color: mix(@white, @red, 40%);
- text-shadow: none;
- a { color: mix(@white, @red, 70%); }
- a:hover { color: mix(@white, @red, 100%); }
- }
-}
-
-.jumbotron-index {
- padding: 40px 0;
- h1 {
- font-size: 80px;
- letter-spacing: -2px;
- line-height: 1;
- margin: 0 0 15px;
- }
- p {
- margin-top: 15px;
- margin-bottom: 15px;
- font-size: 30px;
- line-height: 1.3;
- }
-}
-
-.jumbotron-ad {
- padding: 20px 0;
- h1 { margin-top: 25px; }
- p { margin-bottom: 35px; }
-}
-
-.jumbotron-icon {
- padding: 20px 0 30px;
- #gradient > .directional(@grayLighter, mix(@grayLighter, @grayLight, 90%), -40deg);
- color: @grayDarker;
- text-shadow: 1px 1px 1px @white;
- border-bottom: solid 1px mix(@grayLight, @grayLighter, 50%);
-
- h1 {
- color: @grayDarker;
- font-size: 40px;
- small {
- letter-spacing: normal;
- font-family: @sansFontFamily;
- font-size: @baseFontSize;
- margin-left: 20px;
- }
- }
-
- .info-details {
- float: left;
- p {
- margin: 25px 0;
- font-weight: bold;
- }
- .dl-horizontal {
- dt { width: @horizontalComponentOffset - 100; }
- dd { margin-left: @horizontalComponentOffset - 85; }
- }
- }
- .icon-2 { font-size: 2em; }
- .icon-3 { font-size: 4em; }
- .icon-4 { font-size: 7em; }
- .icon-5 { font-size: 12em; }
- .icon-6 { font-size: 20em; }
-
- .icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 { margin-right: 1/14em; }
-}
-
-//.info-ad {
-// float: right;
-// width: 154px;
-// height: 219px;
-// margin-left: 15px;
-//}
-
-.stripe-ad {
- margin-bottom: 22px;
- .lead {
- margin-top: 10px;
- margin-right: 30px;
- }
-}
-
-.btn-primary {
- color: @grayDark;
- text-shadow: 0 -1px 0 rgba(255,255,255,.25);
- &:hover {
- text-shadow: 0 -1px 0 rgba(255,255,255,.25);
- color: @grayDark;
- }
-}
-
-section { margin-top: 40px; }
-
-.stacked {
- padding-top: 35px;
- height: 105px;
-}
-
-#social-buttons {
- ul.unstyled { margin: 0; }
-
- padding: 22px 0 17px;
- text-align: center;
- background-color: #f5f5f5;
- border-top: 1px solid #fff;
- border-bottom: 1px solid #ddd;
- .btn {
-// font-family: @serifFontFamily;
- font-weight: bold;
-// font-size: @baseFontSize;
- padding: 0px 5px;
- line-height: @baseLineHeight - 3;
- margin: 0;
- }
- .count.btn {
- background: @white;
- font-weight: normal;
- }
-}
-
-.the-icons {
- margin-top: 22px;
- .span3 {
- a {
- display: block;
- &, &:hover { color: @grayDarker; }
-
- cursor: pointer;
- line-height: 32px;
- height: 32px;
- padding-left: 10px;
- .border-radius(6px);
-
- [class^="icon-"],
- [class*=" icon-"] {
- width: 32px;
- font-size: 14px;
- display: inline-block;
- text-align: right;
- margin-right: 10px;
- }
-
- &:hover {
- background-color: @errorBackground;
- text-decoration: none;
- [class^="icon-"], [class*=" icon-"] {
- *font-size: 28px;
- *vertical-align: middle;
- }
-
- [class^="icon-"]:before,
- [class*=" icon-"]:before {
- font-size: 28px;
- vertical-align: -5px;
- }
- }
- }
- }
-}
-
-#why, #whats-new {
- .span4 { margin-bottom: 20px; }
- h4 {
- [class^="icon-"]:before,
- [class*=" icon-"]:before {
- vertical-align: -10%;
- font-size: 28px;
- display: inline-block;
- width: 30/28em;
- text-align: center;
- margin-right: 5px;
-// color: mix(@grayLight, @grayLighter, 70%);
-
- // Gradient on the icons
-// background: -webkit-linear-gradient(mix(@grayLight, @grayLighter, 50%), mix(@gray, @grayLight, 50%));
-// -webkit-background-clip: text;
-// -webkit-text-fill-color: transparent;
- }
- }
-}
-
-
-.rating {
- unicode-bidi: bidi-override;
- direction: rtl;
-
- font-size: 30px;
- span.star {
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- display: inline-block;
- &:hover {
- cursor: pointer;
- }
- }
- span.star:before {
- content: "\f006"; // empty star
- padding-right: 5px;
- color: @grayLight;
- }
-
- span.star:hover:before, span.star:hover ~ span.star:before {
- content: "\f005"; // solid star
- color: #e3cf7a;
- }
-}
-
-
-.label,
-.badge {
- background-color: @grayLighter;
-}
-
-.well.well-transparent {
- background-color: transparent;
-}
-
-footer {
-// #gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
- background-color: @red;
- border-top: 1px solid mix(@red, @redDark, 50%);
- a {
- color: @white;
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
- &:hover {
- color: @white;
- }
-
- }
-
- color: mix(@red, @white, 35%);
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
- margin-top: 60px;
- padding-top: 45px;
- padding-bottom: 60px;
- *zoom: 1; // ie7 hack
- ul {
-// margin-left: 30px;
- line-height: 25px;
- }
-
- .project { margin-top: 10px; }
-}
-
-// makes dropdowns closer for split dropdown
-// Links
-.navbar .nav > li {
- &.dropdown-split-right > a { padding-left: 7px; }
- &.dropdown-split-left > a { padding-right: 0; }
-}
-
-@import "responsive.less";
+@import "bootstrap-{{ site.bootstrap.version }}/bootstrap";
+
+@import "site/bootstrap/variables";
+@import "site/bootstrap/navbar";
+@import "site/bootstrap/buttons";
+@import "site/bootstrap/jumbotron";
+@import "site/bootstrap/wells";
+@import "site/bootstrap/type";
+
+@import "site/layout";
+@import "site/social-buttons";
+@import "site/jumbotron-carousel";
+@import "site/stripe-ad";
+@import "site/fontawesome-icon-list";
+@import "site/feature-list";
+@import "site/example-rating";
+@import "site/footer";
+@import "site/lazy";
+@import "site/carbonad";
+@import "site/textured-bg";
+
+@import "site/responsive/screen-lg";
+@import "site/responsive/screen-md";
+@import "site/responsive/screen-sm";
+@import "site/responsive/screen-xs";
--- /dev/null
+.btn { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); }
+.btn-default { text-shadow: 0 1px 0 #fff; }
+.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info { text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
\ No newline at end of file
--- /dev/null
+.jumbotron {
+ background-color: lighten(@jumbotron-bg, 2%);
+ border-top: 1px solid mix(@jumbotron-bg, @jumbotron-color, 90%);
+ border-bottom: 1px solid @jumbotron-border;
+ margin-bottom: 0;
+ &, h1 { color: @jumbotron-color; }
+ padding: 50px 0 40px;
+
+ h1 {
+ font-size: 80px;
+ letter-spacing: -2px;
+ line-height: 1;
+ text-shadow: 4px 3px 0px @jumbotron-bg, 9px 8px 0px rgba(0,0,0,0.15); // double text shadow
+ margin: 0 0 15px;
+ }
+ p {
+ font-family: @font-family-alt;
+ color: mix(@jumbotron-color, @jumbotron-bg, 75%);
+ margin-top: 15px;
+ margin-bottom: 15px;
+ font-size: 24px;
+ line-height: 1.3;
+ font-weight: lighter;
+ text-shadow: 0 1px 0 rgba(0,0,0,0.15);
+ }
+}
+
+.jumbotron-icon {
+ padding: 30px 0 25px;
+ background-color: @gray-lighter;
+ color: @gray-darker;
+ &, h1 { text-shadow: 0 1px 0 #fff; }
+ border-bottom-color: mix(@gray-light, @gray-lighter, 25%);
+ border-top-color: mix(#fff, @gray-lighter, 50%);
+ h1 {
+ color: @gray-darker;
+ font-size: 30px;
+ margin-top: @buffer-lg;
+ small {
+ letter-spacing: normal;
+ font-family: @font-family-sans-serif;
+ font-size: @font-size-base;
+ margin-left: 20px;
+ }
+ }
+
+ .info-icons {
+ font-size: @font-size-base;
+ }
+ .info-details {
+ float: left;
+ p {
+ margin: 25px 0;
+ font-weight: bold;
+ }
+ .dl-horizontal {
+ dt { width: @component-offset-horizontal - 100; }
+ dd { margin-left: @component-offset-horizontal - 85; }
+ }
+ }
+ .fa-2 { font-size: 2em; }
+ .fa-3 { font-size: 4em; }
+ .fa-4 { font-size: 7em; }
+ .fa-5 { font-size: 12em; }
+ .fa-6 { font-size: 20em; }
+
+ .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 1/14em; }
+}
--- /dev/null
+// SITE SPECIFIC NAVBAR STYLES
+
+.navbar { margin-bottom: 0; }
+.navbar-inverse { background-color: lighten(@fa-green, 2%); }
+.navbar-brand {
+ font-family: @font-family-serif;
+ font-weight: 300;
+ font-size: 20px;
+ .fa-flag { padding-right: 3px; }
+}
+.navbar-nav > li > a { padding: 11px 10px 9px; }
+
+// makes dropdowns closer for split dropdown
+.navbar-nav > li {
+ &.dropdown-split-right > a { padding-left: 7px; }
+ &.dropdown-split-left > a { padding-right: 0; }
+}
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; }
+
+.navbar-inverse .navbar-toggle {
+ color: @jumbotron-color;
+ text-shadow: 0 1px 0 rgba(0,0,0,0.15);
+ padding: 4px 10px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ &:hover {
+ background-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
+ border-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
+ color: @jumbotron-bg;
+ text-shadow: 0 -1px 0 @jumbotron-color;
+ }
+}
--- /dev/null
+.small-caps {
+ font-family: @font-family-alt;
+}
\ No newline at end of file
--- /dev/null
+---
+---
+// SITE VARIABLES
+// --------------
+
+// Blues
+@blue-darker: #003366;
+@blue-dark: #005f9b; // Kyruus Dark Blue - Pantone 3015 C
+@blue: #009add; // Kyruus Blue - Pantone 2925 C
+@blue-light: #b8dcf2;
+@blue-lighter: #f0f9ff;
+
+// Greens
+@green-darker: #41683b;
+@green-dark: #678943;
+@green: #95bf52;
+@green-light: #ddefbd;
+@green-lighter: #f3f9e8;
+
+// Reds
+@red-darker: #702222;
+@red-dark: #ba4a4a;
+@red: #dd7373;
+@red-light: #f2adb1;
+@red-lighter: #fff0f0;
+
+// Yellows
+@yellow-darker: #6f4215;
+@yellow-dark: #db8400;
+@yellow: #f9e27d;
+@yellow-light: #fff5bd;
+@yellow-lighter: #fffcee;
+
+// Oranges
+@orange-darker: #8c3900;
+@orange-dark: #cc5d11;
+@orange: #f4914e;
+@orange-light: #ffd0a6;
+@orange-lighter: #fff4e6;
+
+// Purples
+@purple-darker: #4a226d;
+@purple-dark: #7457ad;
+@purple: #9780d6;
+@purple-light: #c3b8f4;
+@purple-lighter: #fbf5ff;
+
+@fa-green: #1d9d74;
+@fa-green-dark: darken(@fa-green, 10%);
+
+@jumbotron-border: mix(@fa-green, @fa-green-dark, 75%);
+@font-family-alt: proxima-nova-sc-osf, "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+
+// BOOTSTRAP OVERRIDES
+// -------------------
+
+// Brand colors
+@brand-success: mix(@fa-green, #fff, 70%);
+
+
+// Links
+@link-color: lighten(@fa-green, 5%);
+@link-hover-color: darken(@fa-green, 5%);
+
+
+// Typography
+@font-family-sans-serif: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif: museo-slab, Georgia, "Times New Roman", Times, serif;
+@headings-font-family: @font-family-serif;
+
+
+// Components
+@component-active-bg: @fa-green;
+
+
+// Navbar
+@navbar-height: 40px;
+@navbar-inverse-brand-color: #fff;
+
+// Reset inverted navbar basics
+@navbar-inverse-color: mix(@fa-green, #fff, 50%);
+@navbar-inverse-bg: @fa-green;
+@navbar-inverse-border: @jumbotron-border;
+
+// Inverted navbar links
+@navbar-inverse-link-color: mix(@fa-green, #fff, 35%);
+@navbar-inverse-link-hover-color: #fff;
+@navbar-inverse-link-active-bg: @navbar-inverse-border;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg: @jumbotron-color;
+@navbar-inverse-toggle-border-color: mix(@jumbotron-color, @fa-green, 75%);
+
+
+// Jumbotron
+@jumbotron-color: #fff;
+@jumbotron-bg: @fa-green;
+
+
+// Form states and alerts
+@state-success-text: @fa-green;
+@state-success-bg: mix(@fa-green, #fff, 6%);
+@state-success-border: darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text: mix(@blue-dark, @blue, 50%);
+@state-info-bg: @blue-lighter;
+@state-info-border: darken(spin(@state-info-bg, -10), 7%);
+
+
+// Carousel
+@carousel-text-shadow: 0 1px 0 rgba(255,255,255,0.25);
+
+@carousel-control-color: @fa-green-dark;
+@carousel-control-font-size: 30px;
+
+
+// Code
+@pre-border-color: #eee;
--- /dev/null
+.well-transparent { background-color: transparent; }
--- /dev/null
+#carbonads-container {
+ .carbonad {
+ background: @pre-bg;
+ border-color: @pre-border-color;
+ border-radius: (@border-radius-base);
+ border-width: 1px;
+ float: right;
+ margin-left: @buffer-lg;
+ }
+}
+
+.info-ad #carbonads-container .carbonad { float: none; }
\ No newline at end of file
--- /dev/null
+.rating {
+ unicode-bidi: bidi-override;
+ direction: rtl;
+
+ font-size: 30px;
+ span.star {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ display: inline-block;
+ &:hover {
+ cursor: pointer;
+ }
+ }
+ span.star:before {
+ content: "\f006"; // empty star
+ padding-right: 5px;
+ color: @gray-light;
+ }
+
+ span.star:hover:before, span.star:hover ~ span.star:before {
+ content: "\f005"; // solid star
+ color: #e3cf7a;
+ }
+}
--- /dev/null
+.feature-list {
+ .col-md-4 { margin-bottom: 22px; }
+ h4 {
+ .fa:before {
+ vertical-align: -10%;
+ font-size: 28px;
+ display: inline-block;
+ width: 30/28em;
+ text-align: center;
+ margin-right: 5px;
+ // color: mix(@grayLight, @grayLighter, 70%);
+
+ // Gradient on the icons
+ // background: -webkit-linear-gradient(mix(@grayLight, @grayLighter, 50%), mix(@gray, @grayLight, 50%));
+ // -webkit-background-clip: text;
+ // -webkit-text-fill-color: transparent;
+ }
+ }
+}
--- /dev/null
+.fontawesome-icon-list {
+ margin-top: 22px;
+ .fa-hover {
+ a {
+ display: block;
+ color: @gray-darker;
+ line-height: 32px;
+ height: 32px;
+ padding-left: 10px;
+ border-radius: @border-radius-base;
+
+ .fa {
+ width: 32px;
+ font-size: 14px;
+ display: inline-block;
+ text-align: right;
+ margin-right: 10px;
+ }
+
+ &:hover {
+ background-color: @fa-green;
+ color: @jumbotron-color;
+ text-decoration: none;
+ .fa {
+ font-size: 28px;
+ vertical-align: -6px;
+ }
+ .text-muted { color: mix(@jumbotron-color, @fa-green, 70%); }
+ }
+ }
+ }
+}
--- /dev/null
+#footer {
+ // #gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
+ background-color: lighten(@fa-green, 2%);
+ border-top: 1px solid @jumbotron-border;
+ color: mix(@jumbotron-color, @fa-green, 60%);
+ text-shadow: 0 1px 0 rgba(0,0,0,0.15);
+ a {
+ color: mix(@jumbotron-color, @fa-green, 80%);
+ border-bottom: dotted 1px mix(@jumbotron-color, @fa-green, 60%);
+ &:hover {
+ color: @jumbotron-color;
+ text-decoration: none;
+ border-bottom: solid 1px @jumbotron-color;
+ }
+ }
+ .container { padding-top: 40px; }
+ .project { margin-top: 10px; }
+}
+
+
+// Sticky Footer Styles
+// --------------------
+
+html, body { height: 100%; }
+
+#wrap {
+ min-height: 100%;
+ height: auto !important;
+ height: 100%;
+}
+
+.sticky-footer();
+
+.sticky-footer(@footer-height: 165px, @footer-margin: 60px) {
+ #wrap {
+ margin: 0 auto -(@footer-height);
+ padding: 0 0 (@footer-height + @footer-margin);
+ }
+ #footer { height: @footer-height; }
+}
\ No newline at end of file
--- /dev/null
+@size: 220px;
+#icon-carousel {
+ margin-top: @buffer-sm;
+ font-size: @size;
+ text-align: center;
+ line-height: @size + 5;
+ text-shadow: 0 2px 0 rgba(0,0,0,0.15);
+}
+.carousel-control {
+ top: @size + 10px;
+ .square(30px);
+ border-width: 0;
+ font-size: 30px;
+ line-height: 25px;
+ left: 300/2 - 36px;
+ &.right {
+ left: auto;
+ right: 300/2 - 36px;
+ }
+ &.right, &.left {
+ background-image: none;
+ filter: none;
+ }
+}
+
+
+.jumbotron-carousel {
+ padding-top: 40px;
+ .btn {
+ margin-top: @buffer-lg;
+ font-family: @font-family-serif;
+ font-size: 24px;
+ padding: 17px 30px;
+ color: @jumbotron-color;
+ border-color: mix(@jumbotron-color, @jumbotron-bg, 75%);
+ background-color: transparent;
+ text-shadow: 0 1px 0 rgba(0,0,0,0.15);
+ &:hover {
+ background-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
+ border-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
+ color: @jumbotron-bg;
+ text-shadow: 0 -1px 0 @jumbotron-color;
+ }
+ }
+ .shameless-self-promotion {
+ margin-top: @buffer-lg;
+ font-size: @font-size-base;
+ line-height: @line-height-base;
+ color: mix(@jumbotron-color, @jumbotron-bg, 60%);
+ text-shadow: 0 1px 0 rgba(0,0,0,0.15);
+ a {
+ color: mix(@jumbotron-color, @jumbotron-bg, 80%);
+ border-bottom: dotted 1px mix(@jumbotron-color, @jumbotron-bg, 50%);
+ &:hover {
+ color: @jumbotron-color;
+ text-decoration: none;
+ border-bottom: solid 1px @jumbotron-color;
+ }
+ }
+ }
+}
--- /dev/null
+section { margin-top: 40px; }
--- /dev/null
+@buffer-none: 0px;
+@buffer-sm: 5px;
+@buffer-md: 10px;
+@buffer-lg: 22px;
+
+.padding-none { padding: @buffer-none !important; }
+.padding { padding: @buffer-md !important; }
+.padding-sm { padding: @buffer-sm !important; }
+.padding-lg { padding: @buffer-lg !important; }
+
+.padding-top-none { padding-top: @buffer-none !important; }
+.padding-top { padding-top: @buffer-md !important; }
+.padding-top-sm { padding-top: @buffer-sm !important; }
+.padding-top-lg { padding-top: @buffer-lg !important; }
+
+.padding-right-none { padding-right: @buffer-none !important; }
+.padding-right { padding-right: @buffer-md !important; }
+.padding-right-sm { padding-right: @buffer-sm !important; }
+.padding-right-lg { padding-right: @buffer-lg !important; }
+
+.padding-bottom-none { padding-bottom: @buffer-none !important; }
+.padding-bottom { padding-bottom: @buffer-md !important; }
+.padding-bottom-sm { padding-bottom: @buffer-sm !important; }
+.padding-bottom-lg { padding-bottom: @buffer-lg !important; }
+
+.padding-left-none { padding-left: @buffer-none !important; }
+.padding-left { padding-left: @buffer-md !important; }
+.padding-left-sm { padding-left: @buffer-sm !important; }
+.padding-left-lg { padding-left: @buffer-lg !important; }
+
+.margin-none { margin: @buffer-none !important; }
+.margin { margin: @buffer-md !important; }
+.margin-sm { margin: @buffer-sm !important; }
+.margin-lg { margin: @buffer-lg !important; }
+
+.margin-top-none { margin-top: @buffer-none !important; }
+.margin-top { margin-top: @buffer-md !important; }
+.margin-top-lg { margin-top: @buffer-lg !important; }
+.margin-top-sm { margin-top: @buffer-sm !important; }
+
+.margin-right-none { margin-right: @buffer-none !important; }
+.margin-right { margin-right: @buffer-md !important; }
+.margin-right-lg { margin-right: @buffer-lg !important; }
+.margin-right-sm { margin-right: @buffer-sm !important; }
+
+.margin-bottom-none { margin-bottom: @buffer-none !important; }
+.margin-bottom { margin-bottom: @buffer-md !important; }
+.margin-bottom-lg { margin-bottom: @buffer-lg !important; }
+.margin-bottom-sm { margin-bottom: @buffer-sm !important; }
+
+.margin-left-none { margin-left: @buffer-none !important; }
+.margin-left { margin-left: @buffer-md !important; }
+.margin-left-lg { margin-left: @buffer-lg !important; }
+.margin-left-sm { margin-left: @buffer-sm !important; }
+
+.border-left-none { border-left: none !important; }
+.border-right-none { border-right: none !important; }
+.border-bottom-none { border-bottom: none !important; }
+.border-top-none { border-top: none !important; }
+
+.display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger
+.no-underline:hover { text-decoration: none; }
+.clickable { cursor: pointer; }
+.strong { font-weight: bold; }
+.em { font-style: italic; }
+.small { font-size: 85%; } // Ex: 14px base font * 85% = about 12px
+.no-link { color: @gray-dark; }
+
+.text-sans-serif { font-family: @font-family-sans-serif; }
+.text-ellipsis { .text-overflow(); } // truncates text to a single line with an ellipsis at the end
+.text-default {
+ font-family: @font-family-base;
+ font-size: @font-size-base;
+ line-height: @line-height-base;
+ font-weight: normal;
+}
+.text-hilite {
+ color: @link-color;
+ &:hover {
+ color: @link-hover-color;
+ text-decoration: underline;
+ }
+}
+.text-strike { text-decoration: line-through; }
+.text-upper { text-transform: uppercase; }
+.text-lower { text-transform: lowercase; }
--- /dev/null
+@media (min-width: @screen-lg) {
+ #icon-carousel {
+ @size: 240px;
+ font-size: @size;
+ line-height: @size + 5;
+ margin-top: @buffer-lg;
+ }
+
+ .carousel-control {
+ top: @size + 25px;
+ .square(30px);
+ font-size: 40px;
+ line-height: 35px;
+ left: 370/2 - 42px;
+ &.right {
+ right: 370/2 - 42px;
+ }
+ }
+
+ .jumbotron-ad {
+ padding: 50px 0;
+ h1 {
+ margin-top: 25px;
+ font-size: 90px;
+ }
+ p {
+ font-size: 28px;
+ margin: 35px 0 20px;
+ }
+ }
+
+ .jumbotron-carousel {
+ padding: 50px 0;
+ h1 { font-size: 100px; }
+ p {
+ font-size: 32px;
+ margin: 20px 0;
+ }
+ .btn-large {
+ font-size: 30px;
+ padding: 21px 35px;
+ }
+ }
+
+ .stripe-ad .lead { margin-top: 7px; }
+
+ .lead {
+ font-size: 26px;
+ line-height: 36px;
+ }
+
+ .hide-lg { display: none; }
+}
\ No newline at end of file
--- /dev/null
+@media (min-width: @screen-md) and (max-width: @screen-md-max) {
+ .hide-md { display: none; }
+}
--- /dev/null
+@media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+ #icon-carousel {
+ @size: 200px;
+ font-size: @size;
+ line-height: @size + 5;
+ }
+ .carousel-control {
+ top: @size - 10px;
+ .square(30px);
+ left: 228/2 - 36px;
+ &.right {
+ right: 228/2 - 36px;
+ }
+ }
+
+ .jumbotron-carousel {
+ padding: 50px 0;
+ h1 { font-size: 65px; }
+ p { font-size: 23px; }
+ .shameless-self-promotion { font-size: 12px; }
+ }
+
+ .jumbotron-ad {
+ p { font-size: 24px; }
+ }
+
+ .jumbotron-icon {
+ h1 small {
+ display: block;
+ margin-top: 15px;
+ margin-left: 0;
+ line-height: 20px;
+ }
+ }
+
+ .stripe-ad {
+ .lead {
+ margin: 0;
+ padding-top: 5px;
+ font-size: 19px;
+ }
+ }
+
+ .sticky-footer(185px, 60px);
+
+ .hide-sm { display: none; }
+}
--- /dev/null
+@media (max-width: @screen-xs-max) {
+ #icon-carousel {
+ @size: 180px;
+ font-size: @size;
+ line-height: @size;
+ width: 280px;
+ margin: 30px auto 0;
+ }
+ .carousel-control {
+ top: 40%;
+ .square(44px);
+ font-size: 44px;
+ line-height: 44px;
+ left: -7px;
+ &.right { right: -7px; }
+ }
+
+ .jumbotron-carousel {
+ h1 { font-size: 58px; }
+ p { font-size: 24px; }
+ .btn-large {
+ font-size: 20px;
+ padding: 14px 26px;
+ }
+ .shameless-self-promotion { font-size: 12px; }
+ }
+
+ .jumbotron-ad {
+ h1 { font-size: 39px; }
+ p {
+ font-size: 20px;
+ margin-bottom: 20px;
+ }
+ }
+
+ .jumbotron-icon {
+ .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 0; }
+ .fa-6 { font-size: 16em; }
+ h1 small {
+ display: block;
+ margin-top: 15px;
+ margin-left: 0;
+ line-height: 20px;
+ }
+ }
+
+ .stripe-ad .lead {
+ margin-top: @buffer-lg;
+ padding: 0;
+ }
+
+ #carbonads-container {
+ .carbonad {
+ margin-left: 0;
+ margin-top: -20px;
+ float: none;
+ width: 100%;
+ height: 120px;
+ }
+ }
+ #azcarbon {
+ width: 300px;
+ margin: 0 auto;
+ }
+ .info-ad #carbonads-container .carbonad { margin-top: @buffer-lg; }
+
+ .sticky-footer(245px, 60px);
+
+ .hide-xs { display: none; }
+}
\ No newline at end of file
--- /dev/null
+#social-buttons {
+ ul.list-inline { margin-bottom: 0; }
+
+ padding: 22px 0 17px;
+ text-align: center;
+ background-color: #f5f5f5;
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #eee;
+}
--- /dev/null
+.stripe-ad {
+ margin-bottom: 22px;
+ .lead {
+ padding-top: 10px;
+ padding-right: 30px;
+ }
+}
--- /dev/null
+.jumbotron, .navbar-inverse, #footer {
+ position: relative;
+ &:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: .15;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAaRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMalYaAAAAIx0Uk5TlhaTG6WwoBqyCx6sopscnacgq5cfmR2UkZwhlY4li5IjIiYpjYmQJ4iPJIyHhooog4WBfoSCKyx9gCotf3wuMjEwezN6L3l4NnI1dXd0djc4NHNwOXFvO2o8bjptPWw+aD9mQGtEZWlnQUJDRmNiZEVfYWBLXVxIV0lHTk9KXlJWWFlVVFtNTFpTUVCkyaWwAAAfsklEQVQYGQXBg6JsWYIg0Bh7WlVdVjrz5bN17Ygbto5t2977p3utXhseb5cOkcQlMSvlwcK1KN+kXuZFtaw8UKWGHiFOjR+F43DFHF/nyis8PMwvzc7QdS2qjnykhpWRQjtpLDpQTFUQhrP972J3uIwc3/WaHJF73IT3EHONyQqnTVQIxOGvt7JaF3K5XOM7dyDI1VQv1c0xv3T0lzAQ86iJX3cdkg41x1QCweVIKUGI1bm1XhO1cR+L/oaFys6joNLUSBbURm9bwK9yySmu+6MqCJ24VqSu5NofdmOlOGCp1ci5Ob8EObh89le18MLgAWbH/9ZUCR47kyJmcIUArlxGN2Ugzj/bN6fR9qJeC61niRtk516BTEF7QdOmB60uSSfTQ0TwrYLTiq/CFPBE+2AKf2eiGYkrWyQy44z/1CRs35oHxM4U8tBPNVTAGu4X0dq/5tcZs2TlDO7VVRolsSLyzO9t/aNh2FVvlJJQfLpVr0/qY6o37q0Yo3PxdGKWsibL6V8HxMcYGUev9C5qlrp/cDR1Llr8F8r4oToXReV3Rt8KA32bZwZ/4+38bTq5nqTPOmBjNJ8QK8KWQK8uxdyoNFxrle3Snen1ioqasN3qh+JNVdbGiid0Sbl2/TKfJQ+/cQuOMKw4mtKRN9TBhR1RtF67xTGJGQ8DnuKCq9mhpJgLJWqg9VfSb49kr3W0+DWjGaSSw0vQaapjdCyJoHEQykmbfVGDR90u41jAHpbuNfywT+mt6XpgJFeH4i4U0xRxm6Zu/rHSQv/+9+sG4rSnLJ2zrm75c33ohrzas+eJeBA8D2DBSWPsVGOIq5AsfEzUuNWD52wCbXh2XQyZENdvxrWzzCQk04N7slLfLyj+QZfCsixMS05gcNQwxfJZlkBiPZgC7zhVCjMOtV4weO994s/mVikag3ZnelFcdKVUb2kWMoJ1075OTiv4Wq/wlvvAnMFCN6Ic7MIujcr8b/NDQpaGbX78QR/GUFaTeQIK3OGkm9yxClW8FZvGsXs1Tpcz5WtNSdlDZbV6nglu6YZIfXoucMX99Me+/mYqMBEm4X2YhzRrhMbdL2i7YhttHXwOqWSb55ITmIXscoZzj76Kfa8rrZ0Ay/vhUKErGPfKlBRSyJfcWIidwlfoKnAevyxpUGpikcWZqnz6nDvZIxjGULjGmV+E5QscXHwX4I6MYHYsbEJgxPY6I3Y865Wwfl00a6TQHNPNF2d3k1Ztql4EciNK8/SVIf1+7sxkj5RM23h3nipnfF4U3X62c7VIVQk/twKoDTVwWB+nvlfLCa1bj3J+V3gn6SRqj4EqWOtwjYebhAph8NjHX+Db9mq75Hofkv9fsnrmLc+Cxthn1njneZNPdgfO4hnRGppVsqT/tAn2le397e3fN9E9ovzlL9e5DhdsFPACnKb5gYEZ7zDbrH5EufdFxxs/yxqX+DlXmmMq1HrLKs/z5H/pKj3NLfzhuHCCqg8liB0+vNGn7Sf+tChHoxPOP4cu/362qAtC0kNra8dVyzLP4Mgpf/Y3yAOeb5IyqSMRCXy3+mN2v9Flta4Yn1vBXimEZV/V1I3fRlU8Ed0q0/LQaNn2DOJlB45M5X0aajILyO0k9FJZA2o5ie+V1VwDGdgFebF1vrlT4ry4zQcedHIKBXkeVhsvkxsT8jW97S073GTf22Wm2yBN2TRDVaEldhl15MfHpDOllhIavGPJ+OB5Yje71SlEkGVz/6VEBT+fV9lFh9Od2xxK+a5ry0lU3yjQtcRPiCDSF0smi6c9ZDqbZso6afHA8L3Apl0LJJ7whAq3tY6+ZwkxYArATbCsYfe8U+9KNLtlW98Mbacuu7NR6NhOFzOcQKsA55FD15JuR7xsCCmuI7IO7qlDjxlLRmy02bpLxfoBncftvmGHUu6SYDOK+srqYwklx5dIjqUroTweFRrmQZZGiE5Z2eK2iXy/rD8d/+l5kcylD0Yht2mrdNmqDdgKURofrZWefrnJsVQsWnL48VGOY+AhZTf3qJpc6qhxYWyCNHrLCMnqPBgMulqj5CjaGH4/VajHzFIOK18eaVcu0XC/Cp148YVasVmi4zO9rTMjKhSAZmVvZ3l7bBVVvuQI0rP6XTudT24ZBVosD5PrR8nFMVEKPIJ/3K0qvq3TlG7ZFqkfWccRrGr7t5nGZleYH69t+yLaBKwEj7LtTHZRJkiDN9Kdt0J6BlOZeZh71maSHj4FikgDqcRmsUOsy3ZJhqFehZjNYgrd8utMC3KjYCOTICBQ7MQUILu3aDdxeVFOCNpVUcIX76jEKN9nSWYQ2PNTN3vdC8Qydo/dEWRi6OqW1ZxTNcYrgpeb09MHTZ3njxofDbBQtb6SDnL99QtwslhXy8jqLD8STMoTsbYdTxWwqSXJVmTAp0rZComyl7i6QY6a0iOaVIeBh0Zga4TzYmHN4hYY3Yw2jrNMdLya+rhdUHXkyJnXVfW+qQqbKCq7P8jbs82yX+OrVvKc31RBNPv6WNUiq32h13InyQrUcnlty4rTA3Z6N2nkK6NR+E91Q9tCtg19amUtZFPlF+GzJHj3Ew5TnswP6sFQNo0NK9aPNB1nBpGGRALr1PiN10oUIWfvVgXc1Mgd9ehTEh2MqiwtF1rvq9WMhZAeGx9okMJrWfPEkGkbpAuM6zRXEjcr/DY111+hvsdjXEawhkkcy6n0/z3urraN3gBE1+q2epXs+WTbTVMz44yqw/YZKBq8C2uT74W6H5MlaNZN6ibfZ8W+UCpSoaVl51TVo414nslTf5d3RC23QXov+keW33UzjztU0XFwjWAPrjZOQ1JrePpttq2T2AA89Yh+sVGtqmvPzoOm9+Adb2M1qAP0WHIcSPwkVkM+/pIqwZcWoI69l0UOo8LB2g7t9Tv3Vi3fMNdkZOWthWeVAe17/l9qUvWn60ZQm62fZtZLuVx+hCVRthL+Muadnt9VW91Zog+XeQXDQvNayj+JWgMDO1FMA104HNr7p4YZTs65g+PmYTMPSOMgWw44DVJF2qYv5WXfMCjj3WDXPSTC4rFsuyYfT3Y7Sl2YZaNoveCawhtnnR9MrfXS7GgTxLHrQvfndBk8GyTdKDDRZcYQiv1iL0nQ1tXtbUFxQdDySZRaEXYN+BtDeFt48raTnC6v7lrJqqyqTCuptqGjxv1el2eOOi/XUl6HVeXfyDZfJYVzWUbBIgpC6g1gaxgSIwqLpsJoYfnCGOyVg+ElTZfY98e7Tqq+P/DVpOqcZcIpbR5vfDLd3d5slkyodpDL7nuWrYcvdCOVeeXLg8n73rhuW+NaKOS4UjXHaaiSoW9e2RcL9fMnGvJck56aF3WAWOs8XWFVh3VQKBbG9PisEjmoWyy+ydXEtkmvwFu1nSFzuicrZbJT/1HCg5w3+MwWFFwyjbH26I0Tc6NJ20OXqEZKkeWjb2ceG7s0HTZ8Z0mLpEZhM9tZV5kEsM1macd4p47U9p1ppbLDpX57NPLlo5D0Bls7cNTPNpOgaxuD3cd/M0Mh0qrBFyPyqZd9o4FpHjQZpzhq0NXN3MtayO1duT3th/CC3ZY5cXnH7JWsKY15pFX4i8DeLuJ7PeJ3VhXtvKnS88Lvihto5BF0I2Dw2QF05HazFyxddvOH95draC9Ykfxr7uYyLKO62Yq//rYbCFYJjwJ3F7GHQiuOjAtJjbvk9ZQ1oiOKQCplBUtFjgodM07PqXd2/i6uujasmXTUNkE2NoESofFpdQxYC1Cla/hR0KjrrPqldoN8RJnjYvcQ3nmFATeVQ8c3L10K3u9RoVb2RbBCuIpLOe4Kb/xFdsSbtidaxfTO1O/L3Sqgp1HSiTHIVpKZZUX6hvnMXVSBV7hamutlu/VMikQ//HUi9+FWkpfJ8p6uxmJV1Cr/cJ5btknmghJbOTG35fUVXlgpzeyEpleuvU4/3iED30sCQ94PfrhPHSflunakZn2HKhh6HizLefn3ksOyCze6BfSwav6BgHi7AQtekhN2VGL+b09tw8jI+oqMcNDZTTxdPSd/qOafWHjS+9rmka+VpmC1rKOyCZwI9R/exB3NpeX/2XdjwY2ZQ7NuvrhXthcFxmfKlB+d6PiFVTcLfCmFo/jYDgKnDvYGaCYl49g1vCOHEPslDZJ4S30oux6cYQgox+mbtaaQsK2SomOSjYu0cGl2d1hQDmvNMy35ofp5SAQlS1Jd3XjWY+S/TKg2dD652JYjItaMg3m35fMdsSu7u01d123Z/kmxGTJlesmqCFxXn6n8bpcFEsE8EhwV2Yf7yjRqjC3moDUzr7yJVjnkE/vLgjJsKTPh1rltI75F72/xirBylLxyJS573DJZ6ThJQSuTokUK33+ItnXPCkoBVaJb3+FDw8OurIrjm5qbXq21n3zfRP3IOJJ3asbzU9/FVElp2KRUY4mCA5894qXzDj4qmXPgknUbcQcHzZmbom2ybBmqNZfav7Yw7RWGjFoRy4V1EYK2pXmE1pKUpokwPVCspoACXvIHRbtHNe2mbrCFvIOB437CUsaxk/ejf/2/mN9WtqfGfEWWgzQimpaDGsZXQl03cXTg6rL3zIy8K7FQaMOg0BjcA1H039QE5dJSLFV27t0XaDn9YX9QixC4puw9PEUTtpMf28y6DA3ol/xVQborN+2YnKxgg+Pawk+n/7ZOG7SCkyba5D0n5/Jnnk/HkV2wRWwfwYt3YTuxkn1pzvJMBGxM04w/3taOPYu9ff2DJZ7fBZXuHoO8DUCXJjtdeuDW8kqoxduypFa7MXAm1yPiUkrD1WB4HPaeJ7kp1Y5naGEgOKioLDM/IA19kxzSPPWkue8f9MYb8zfKzFKrKHSMhcQGAoQFMUyk9WvyYG6sBtzvw4EUnmPr2ze3bDztQONFUg0lO1LL3g80L0KtpPP4nK+xIo7q4NMozilxiwQGY1zc5T50ilRjMju+A1/r7N0wofxC2H1uMD11+L4hZyeP5/9u6nIjX20amyz05d2B2ueHcW757vJ3xHlv/D4z0AW4w99+VSop2VnZUtFAURmUMn0r4ofoHg+3bKoaKQlOK7rBfRavPwf17Gem8/ysQynXTvuQ2JdobPfnokPR/l1z/2Wf5PdiIMRJoMDeJfKNwMiU6JoKdHGzs9Qm1U34BbEx5GwUuXvmj5/CWu4gPB0xFyko4BhGVFtbfF12WKx+Bv/9mPhc48MA5Ll6jE72OVON6vFlxoXr268rtmB6MtprC39GGm6UdYcMCK6P4j/9mBKuY+60Yrs/0W/dztduFSdN932r3ej6dqG+uao23pd4kbIEGjsQfjPzn39k/VI2D/cL46Gv49v/mb8CuwwKftmT7rIQrXhXDmusMzvYlHGqz1wDg3/+aP0r5/kAWAvXPm4O0TJ4FcLZYkXYtrkOHXFDxSklG01Mj+rV0nqdQs7rAptbGcUg3Vd32tfQfp0Bmu9V7Gs8aUUxT8FwUeTV/kPu/dLJVVOzlO+Rqc18lknhD4NFHjasnIOpVobONhqTVRHV6p4efQDB9jYBlXZ9XBxfaYStOVhYFKoZFoeJ5yU8/rRXSQEGbQYWwgTGKvy4v072XqWo2ryFSudx8Of3J4sBmo8gP3fDhoClaNnATI9erIzx6h0H0gbbBxOc1fQs2DpwmPgF0RTxW4WKC5KzpVLrSedYV6rQvmqYWXIdMhH0z/LM9GOTAi0wvbKJLQJ7p4b3gUuzh3dpwG0s2GKH89Rso4NXRMmkfMRZbuRQQK0gDAt9G6TfZ+3Bp0lylA3Vspcw8syxSV+3qwSh6RUNbjxNkbiv/wyU1Y/JC/aPOv/4OL8gjarztqbD3dNTO0E5GUuCGiRSbl810vV1qt2I/FIUjxn2UTqdp0RNw1YH4mGeSGUvva6ZLsuiKm/2m4Of2nkHUSjM89JYXpEAOM/XElkoJIZFWHPVCfwTJPIgiremFnfDDp+YXfd4EO+PpbNZPhnV07oypat/Iiu7L9uauJoksdSrwq7RynZ9VhjA8qvaOR+X0n5d/+XsfNyyxy/7/xxfIlXjiPxV0t1IFLzcK12n4iu21d+JGX0kR+heWRNCVY2hQ1ZyYR4OyNmpXXzatE1zb4gF0fvVfoNVF9Z3lPOPT5KcVEFhbLTs5KEdoORurGYcYp+9O0Sv4peGU6MQT3lGk38+LDqyKeLSfD/5x2b/LxvWLnbQMk0sLHkGgtdh5we1knMAr1tJ7Xmry7uVyvWfLHA9hZ0WTwSf3aINPZp7TrN8y5tMUmxNxhRCPHDfJmI+H4fJDtRwWKAtKZNGE3pyEjNZ61NmmcqWhQtYsmKZutGyrXAJQ7uXFrv8A8Na47oObg0/216aUz0AwZ3i5vnj9nOOfTuXedNP9FVUrpsH82+2mIq/GiFU4jH4qaFxyTaVTACM2fongb/ErQE1tyNvtKtDO9U+h4nZw0JOrTdysbvDiLnHacLBrC+FV3mYvf1nGNYqBDjJJOaZZdWwZZUX2jVWKp05ttKzRs6Q/wJpsitdOTGsGrdvSQ3e1cqt081eSdeVjVLN4wUV9KQqEbISaTopru4VW8qlRhPPp/R0qtGqPsDl/gYkYodqgicd1Y2IG/jXx1hyvZuSX2htu1KtZkDe1XVDgQjuRPebUB/IqJUWTXcq8KHvAKtn+G3DtgilAZfNJl+tHDE1uXSeTPmohUluVGFf5FWnTty8+GnrRi7X5S7qLgrow2x+ZN8WMr2GlJh5XrKQbtYomRw/Y+a9+fGWd8QkeFr4jz1C3dsO0mqO7lnZgo04WGVpcXY3HPApZXmfrC8qt8iT5g128NLAjfXQgMKvbcMbfTQax0Q0WtUV75+Wvu5ELodhF2+7SyjyoRjFj2gfJCmm9KokrA4J08dqVLeEUdiVIzEczC8tRDzbe27Wr67tB0zRuwokD6n+lo0vjhpo9nYFuKX5QuILNjFor7zZ5lGHzhp42l/Y3b+7UDSjZBuUTZpJPcxS8qs1P1eZo0ZMAa8tj/IXvBPkxzpZa7Lg/oN5NFkt5j2zwaIms84KiohaPnKE49NWzLTTvXi3szrbiY3EPHn4c6ciJsqnljA4xldB39K9sBcFzyBC5BKIVxFE6/rRaWrWi4ykIjZuEajL68gw85TWyFZ9ilbvzuNCJ5QaIZ6nCfstuZ8d97umloSvnJFffD8zk1mq3afkh4GkjzwYfE3BEuvR3oUmX1S4HyStriBxrobRijsIJvMBeJau9P1a3YWaVQI0hg6o10CTO+TRl28syU/dkYd81f7chuBI3aJNSpTfyaNTUu7mqwVMim5yJ4B91os3hndehiP2C1HMwJufLt+a3ut8CoUZ9W350oljULvbX1SyYPg2FSDHsF5+ld8buR1ceDmHLfRdZBgdQLzXE/E+iZsTK5GCT1xXiIpINMXmp5jvpTdoOcxVrzCizDkX9aJTlgAhHXEoU0h5oTedbdEWb3nVh9IeP/0AC616ro5MZjDBPgNmWaM//qe0Fmv0kloLPk28i3+7XO36Yp1kGdPm+denVt7D6RHxBmlUU36IabbxluBRFktte0s7lvWV2pk3Z2GYelWbIsGfvL9zhEM0zt7lM9lcyEb4Y5zqUdRtPrdboKeub9KhECkje3rrnXN1wVCFdi71VnuwqaNcuLEsR5cwsYtosVHauaXUSaCYzr7grb9p4cv3wXP4Ak/q/Z8v/dQlrpXiO1oNJ9e8zrQfcDIXM81pXQdHMkPSBZCpnSq1yb1+ZeylXsPw/cPD6xvHWsNgCXERB0rafOt6bt7t7IHU1g5Lf5fk8QXNrXio6/9vGq9oHxQeEF2qXVbSt10EPKi82YYRY9LXYw2QqV+oyUI6dSFUKZj1DnbzRXG3hkSYHPQjKaOorUsdBw8tW+XMbg7uG8zxd3cW4NQsF3Ug7uNGL5jc+gN6HpqWeRy6WSdsVnt65uWAiwNlWDL7JPgZjcPkhf+r4B57qpmc3gnOzozM5k/TVTwL2tIS418X5eUmciP66sabjF6EPJp+b4kejrZVkp+0cYVIhE96dcJX0GNdTZbtJI8goUVh67KZ39WB1lVZBD9uHL/Xucfio79U7DDi5BPvF0SK40gvEG4+d4vB82CnWk08ccuYr6V2ls8RQ4Ac7hzfFSpa5daMZG8let59pIBSPNHuRkyp2sTZewClY9f9jym9AU/QXpW4dZqU2e1cR8LwEYndfWM2hV5P1tlcbn8+mQRFUpDZ96CV/6hK9J90Z6ElMzdfEnzV5LUTWEXWrUsAiOumitThkuAxC+77LOlkhkJpM9/rcRJi7GMOCeOBU4cdBp4FuSxbKZ6DzNaz+YPanyUuY8yDsu0sNoh16K44T0j7dHZxCysOds1J8M3qwNJ6mB0AJRBz5lUgji8b5/NBEym7aHpw2prPunQRckfDRvSY8VerSzZllUEXrA4BUk6DTG85VVAJvK22afONWEBlMFtBjHsO1DHFDYb+291tslhzU1IQxbasB8vIAI9MzCAX9Wo5vOipHaHWRtcQR/lAWsoafPINiFNEIhyTG5toHS3i0rY1FC9P61VnR9bV0G3dbplbV65cxSwC+bZtkyA3y5dv6PxtuymlhAlsd6vdcTVsi9TrVXI28pG9nZwsQXcs/WIa750ilhUxMkNm2XXs2Y8O2v+o51qiXQ8Vv+zjD3XmZfrdRs4kwuVXSCXTbver95vmOschGSrUhBnvAB/VuF6Rxa7ptXi5OBx00hflKonHi5RaPdDpJSzF7StHdcpnrDbtt9J4lww5VeECPhLsMBGq9+m95ASpFaMLNkTcxxQwqfq8VYLjeg3jwnY16YZORWRfN1bPK7SnsEmGESNQCrr7yJDEko7el9cgSMIgTUqhxFt3o95UWZiaWg1btxpFKEvqLQBoiIKcFnC3zczCbIagrlzX7fLURO2v6X4GA587rPDetvOLyCqHc6Yww2YcbG8X1aRYVCfVMdzTzM2aRqSZtnI4Lv6zdUKusbp9gf7h19TUZD/AC6JpJCaqSwF0H2roiTO0P/mWtiH/4L/rbj58rYnl9Gsv9H1vXia6XCd7sY0jzjtrKBCrH2aRSnDDsGMMfYcY7UN78avbBbqwS1IYgbij4IPq450Ud02hBFAeYVIFf/Q1Bc72B2LXn16OdipfhaXc9mItqdhEK0WxXZOVXzK+wYRPSMb1jLU10wVa10gPbIc6Owau5zKkr1e2GzZdB/+2VjJWV0PTYMIR7eL7YXuu1CEWsrFsDECmWYZbCshJ1JP0jmqobSRAcgDMHfJkOzZD95dq7ZQpS30XAImJ6qzslN1f/o7aHOrsWCaBSPjBnndHrK7f8hIfdHVk47rpfezvqrfOIyQ4HoXG0/tMrcVcjHsZOvHXnZ/V5XPQgDgMHoS0MKBbeC+MyVguwzkjy1XeDkT23uwOoTSrqpdKs2Nf/whUpvNKXrZnt5v3//UA6dPJCgtxOyrtD50ZfGfOoaEcpxTWO0lvX0zEzV2+n1i+GESda1iAZRuLgKCFVfckTh+9xi3T5g46wshk+iKR1Tre9pOFuQ8w72Q8qdj4L9ul5ePuljWHFw8qz8YM80cOorQlBLLWg8UBcMnP7Ndq9/Ug4kYWr2JzlO7atGkwbyGhSZU4QdMxydoa00Ze1MaVE2JadrtSJwGsfbrl7F0Y2YT3GdwMi3anTMMtD10ldys0b8Oovu1Fqi+Qj2yAOJaPRZrVepMVCBGVimkM8x6KArsu/Pd+ReLvS9df2OoJPffNwNaUB7Mfq7Etv9h3eZWiPjlAOSpaOBzn5KbuRZ3ZzqLQE42wZz6S3dr53KAOZtD5Cd/eLvpktUmePrphRxe2WuUL+62ySxKiWNQxAJHT5xXOU0eVDl2fHyoj0dV1nQn0l1EEKDH9cOs8z2bCA4w/n7EcleleT7aJTcV6jCmO8CO57r7fU/NJ6c8NM9WwMI8zstNVEuThtf0UcFVHiLKslx6uBcnkOHy2zLC4i+XyXOA/ez91G/M+W6f01br6VRU+/qWTIr1b7HsuXNnq2sBkpmnsA6EjYtGV6zrI6yxKyk3Ddqpbu447FTtDN0zrTE3B8L54PhXyB9aqTr3C52OtchdowMax3Uo2Q5370vt0vtCzojBTRwM9/eO0UGQRO5YHq1Nb2s9BlEHNRQ/oRtPKu/CiYBecIle1FAvZ8NUYkDy28ZHoEi/R9ZOGgvmju1FqX/M5P49uDWoPfJP6Js3uDX06qdeqZPaqzYPv73ztSe1eScFg9kCE4cMd+4WoYgTDQqPgExPNYqmSPLiKPn+LlnDT2V16zFKVDCBpzx+htzmWVhSXNTDJB9UHcmbYVqE8UFXwObMJvifnjDL9WOGaWeRsW4UEh0hHNvbvJm3/IKzF1WmWwsJMxer4kvnzWxBGmzkfzjIb/NDxCbcLuC6bujbJ41O0dVqhlY73zQoEjqHnsEQekqKzejcmAHEiEkHz7zsgatb0kH3pmoPgEk0St2AmKYip3MFk9V5Nm7q47sj8T8mIOTjTRt2LLBDp9UVFdI7Pa+p1ozeChH3WIQcar05/j8d2FhZqz1Q3kYMGQiHbLV2i1HEfw6qprmjfyGk+MI9Z3sjM2H+lg2a+q6V79RBx4qZeQi8xXOWnMsfu2tqxyqUuecL3+5ijd0F3Ff+14xx3RJSreZz2JOvYVjeyWLyCdnAp5AKRPLu/FWi9PgLhsQ9ja3bphs0nCimW6GkXEz6XFfbeFMTZxczcBwg4aQz7qDTLsv1s0VzZV+089PVDpMBF7LutaT32frEKnZSzEG40dq62Huqh8NyDBIXJv8tOa31DuRLhk7Byn+j9MByMC7Jd5EtzvXCksA0etm6TbcaQX2RzojFLZpiFebI8qMVyxaddkrvkzv4Pt7iFz9PXmP4AAAAASUVORK5CYII=);
+ background-image: none\9;
+ }
+ .container {
+ position: relative;
+ z-index: 2;
+ }
+}
+.jumbotron-icon:after { opacity: .1; }
title: Font Awesome Cheatsheet
relative_path: ../
---
-{% capture jumbotron_h1 %}<i class="icon-list-ul icon-large"></i> Cheatsheet{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-list-ul"></i> Cheatsheet{% endcapture %}
{% capture jumbotron_p %}The complete Font Awesome {{ site.fontawesome.version }} icon reference{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
- {% include cheatsheet.html %}
+ {% capture stripe_ad_content %}
+ <p class="lead">
+ Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf and copy
+ and paste the icons (not the unicode) directly into your designs.
+ </p>
+ {% endcapture %}
+ {% include stripe-ad.html %}
+
+ <h2 class="page-header">Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode</h2>
+
+ <div class="row">
+ {% for icon in icons %}
+ <div class="col-md-4 col-sm-6 col-lg-3">
+ <i class="fa fa-fw">&#x{{ icon.unicode }}</i>
+ fa-{{ icon.id }}
+ <span class="muted">(&#x{{ icon.unicode }};)</span>
+ </div>
+ {% endfor %}
+ </div>
</div>
navbar_active: community
relative_path: ../
---
-{% capture jumbotron_h1 %}<i class="icon-thumbs-up-alt icon-large"></i> Community{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-thumbs-o-up"></i> Community{% endcapture %}
{% capture jumbotron_p %}Lots of ways to get involved with Font Awesome{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
- {% include community.html %}
+ {% capture stripe_ad_content %}
+ <p class="lead">
+ Font Awesome has a vibrant community of folks helping each other out. You can
+ <a href="#getting-support">get support</a>,
+ <a href="#reporting-bugs">report bugs</a>,
+ <a href="#requesting-new-icons">request new icons</a>,
+ <a href="#submitting-pull-requests">submit pull requests</a>, and
+ <a href="#project-milestones">check upcoming milestones</a>.
+ </p>
+ {% endcapture %}
+ {% include stripe-ad.html %}
+
+ {% include community/getting-support.html %}
+ {% include community/reporting-bugs.html %}
+ {% include community/requesting-new-icons.html %}
+ {% include community/submitting-pull-requests.html %}
+ {% include community/project-milestones.html %}
+
+ {% include thanks-to.html %}
+ {% include tell-me-thanks.html %}
</div>
navbar_active: examples
relative_path: ../
---
-{% capture jumbotron_h1 %}<i class="icon-magic icon-large"></i> Examples{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-magic"></i> 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><i></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/inline.html %}
+ {% include examples/larger.html %}
+ {% include examples/fixed-width.html %}
+ {% include examples/list.html %}
+ {% include examples/bordered-pulled.html %}
+ {% include examples/spinning.html %}
+ {% include examples/rotated-flipped.html %}
+ {% include examples/stacked.html %}
+ {% include examples/bootstrap.html %}
+ {% include examples/custom.html %}
</div>
navbar_active: get-started
relative_path: ../
---
-{% capture jumbotron_h1 %}<i class="icon-cogs icon-large"></i> Get Started{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-cogs"></i> Get Started{% endcapture %}
{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.fontawesome.version }} onto your website{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
- {% include get-started.html %}
+ {% capture stripe_ad_content %}
+ <p class="lead">
+ Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and
+ customize the LESS yourself! Font Awesome even plays nicely with
+ <a href="{{ site.bootstrap.url }}">Bootstrap 3</a>!
+ </p>
+ {% endcapture %}
+ {% include stripe-ad.html %}
+
+ <div id="bootstrapcdn">
+ <h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a></h2>
+ <p>Add Font Awesome into your website with a single line of code. You don't even have to download or install anything!</p>
+ <ol>
+ <li>
+ Paste the following code into the <code><head></code> section of your site's HTML.
+{% highlight html %}
+<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version }}/css/font-awesome.css" rel="stylesheet">
+{% endhighlight %}
+ <p class="alert alert-success"><i class="fa fa-info-circle"></i> Immediately after release, it takes a bit of time for BootstrapCDN to catch up and get the newest version live on their CDN.</p>
+ </li>
+ <li>
+ Pat yourself on the back for your scalable-vector-icons-on-the-website
+ <a href="http://37signals.com/svn/posts/312-lingo-judo">judo solution</a> in a single line of code.
+ </li>
+ <li>
+ Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!
+ </li>
+ </ol>
+ </div>
+
+ <section id="default-css">
+ <h2 class="page-header">EASY: Default CSS</h2>
+ <p>Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.</p>
+ <ol>
+ <li>Copy the entire <code>font-awesome</code> directory into your project.</li>
+ <li>
+ In the <code><head></code> of your html, reference the location to your font-awesome.min.css.
+{% highlight html %}
+<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
+{% endhighlight %}
+ </li>
+ <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li>
+ </ol>
+ </section>
+
+ <section id="ruby-gem-less">
+ <h2 class="page-header">EASY: <a href="https://github.com/FortAwesome/font-awesome-less">LESS Ruby Gem</a></h2>
+ <p>
+ Use the <a href="https://github.com/FortAwesome/font-awesome-less">Official Font Awesome LESS Ruby Gem</a> to easily get Font
+ Awesome LESS into a Rails project. Generously maintained by <a href="https://twitter.com/supercodepoet/">@supercodepoet</a>.
+ </p>
+ <ol>
+ <li>
+ Add this line to your application's Gemfile:
+{% highlight bash %}
+gem 'font-awesome-less'
+{% endhighlight %}
+ </li>
+ <li>
+ And then execute:
+{% highlight bash %}
+$ bundle
+{% endhighlight %}
+ </li>
+ <li>Or install it yourself as:
+{% highlight bash %}
+$ gem install font-awesome-less
+{% endhighlight %}
+ </li>
+ </ol>
+ </section>
+
+ <section id="ruby-gem-sass">
+ <h2 class="page-header">EASY: <a href="https://github.com/FortAwesome/font-awesome-sass">SASS Ruby Gem</a></h2>
+ <p>
+ Use the <a href="https://github.com/FortAwesome/font-awesome-sass">Official Font Awesome SASS Ruby Gem</a> to easily get Font
+ Awesome SASS into a Rails project. Generously maintained by <a href="https://twitter.com/supercodepoet/">@supercodepoet</a>.
+ </p>
+ <ol>
+ <li>
+ Add this line to your application's Gemfile:
+{% highlight bash %}
+gem 'font-awesome-sass'
+{% endhighlight %}
+ </li>
+ <li>
+ And then execute:
+{% highlight bash %}
+$ bundle
+{% endhighlight %}
+ </li>
+ <li>Or install it yourself as:
+{% highlight bash %}
+$ gem install font-awesome-sass
+{% endhighlight %}
+ </li>
+ </ol>
+ </section>
+
+ <section id="custom-less">
+ <h2 class="page-header">PRO: Custom LESS or SASS</h2>
+ <p>Use this method to customize Font Awesome {{ site.fontawesome.version }} using LESS or SASS.</p>
+ <ol>
+ <li>Copy the <code>font-awesome/</code> directory into your project.</li>
+ <li>
+ Open your project's <code>font-awesome/less/variables.less</code> or <code>font-awesome/scss/_variables.scss</code> and edit the <code>@fa-font-path</code> or <code>$fa-font-path</code>
+ variable to point to your font directory.
+{% highlight scss %}
+@fa-font-path: "../font";
+{% endhighlight %}
+ <p class="alert alert-success"><i class="fa fa-info-circle"></i> The font path is relative from your compiled CSS directory.</p>
+ </li>
+ <li>Re-compile your LESS or SASS if using a static compiler. Otherwise, you should be good to go.</li>
+ <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li>
+ </ol>
+ </section>
+
+ <section class="need-ie7">
+ <h2 class="page-header">Need IE7 Support?</h2>
+ <p>
+ If you need IE7 support, you have my condolences. Really. Font Awesome {{ site.fontawesome.version }}
+ doesn't support IE7, but an older version does. You'll need to check out the
+ <a href="{{ page.relative_path }}3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to
+ whomever decided your project needs IE7 support.
+ </p>
+ </section>
+
+ <section id="troubleshooting">
+ <h2 class="page-header">Troubleshooting</h2>
+ <p>
+ If you're having trouble with Font Awesome, make sure to check out the
+ <a href="{{ site.fontawesome.github.url }}/wiki/Troubleshooting">troubleshooting wiki page</a>.
+ Generously maintained by <a href="https://twitter.com/gtagliala">@gtagliala</a>.
+ </p>
+ </section>
</div>
--- /dev/null
+---
+title: Glyphicons Visual Test Cases
+relative_path: ../
+---
+
+
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>{% if page.title %}{{ page.title }}{% endif %}</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+
+<section class="container">
+<h1 class="page-header">Visual Test Cases</h1>
+
+<h3>Icons <small>Icons should have proper alignment and not be clipped</small></h3>
+<div class="row">
+ <div class="col-md-3">
+ <div class="well">
+ <i class="glyphicon glyphicon-calendar"></i> Calendar
+ </div>
+ </div>
+ <div class="col-md-3">
+ <div class="well">
+ <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large
+ </div>
+ </div>
+ <div class="col-md-3">
+ <i class="glyphicon glyphicon-calendar"></i> Calendar
+ </div>
+ <div class="col-md-3">
+ <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large
+ </div>
+</div>
+<div class="row" style="font-size: 24px; line-height: 1.5em;">
+ <div class="col-md-4">
+ <div class="well">
+ <i class="glyphicon glyphicon-calendar"></i> Calendar
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="well">
+ <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large
+ </div>
+ </div>
+ <div class="col-md-4">
+ <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-3">
+ <div class="well">
+ <i class="glyphicon glyphicon-minus-sign"></i> Circle
+ </div>
+ </div>
+ <div class="col-md-3">
+ <div class="well">
+ <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large
+ </div>
+ </div>
+ <div class="col-md-3">
+ <i class="glyphicon glyphicon-minus-sign"></i> Circle
+ </div>
+ <div class="col-md-3">
+ <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large
+ </div>
+</div>
+<div class="row" style="font-size: 24px; line-height: 1.5em;">
+ <div class="col-md-4">
+ <div class="well">
+ <i class="glyphicon glyphicon-minus-sign"></i> Circle
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="well">
+ <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large
+ </div>
+ </div>
+ <div class="col-md-4">
+ <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large
+ </div>
+</div>
+
+
+<h3>Links with Icons <small>icon should activate link & underline</small></h3>
+<div class="row lead">
+ <div class="col-md-3">
+ <a href="#"><i class="glyphicon glyphicon-calendar"></i> Link Here</a>
+ </div>
+ <div class="col-md-3">
+ <a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Link Here</a>
+ </div>
+ <div class="col-md-3">
+ <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right"></i></a>
+ </div>
+ <div class="col-md-3">
+ <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right glyphicon-lg"></i></a>
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-3">
+ <a href="#"><i class="glyphicon glyphicon-calendar"></i> Link Here</a>
+ </div>
+ <div class="col-md-3">
+ <a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Link Here</a>
+ </div>
+ <div class="col-md-3">
+ <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right"></i></a>
+ </div>
+ <div class="col-md-3">
+ <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right glyphicon-lg"></i></a>
+ </div>
+</div>
+
+
+<h3>Navbar <small>should stay same height </small></h3>
+<nav class="navbar navbar-inverse" role="navigation">
+ <a class="navbar-brand" href="#"><i class="glyphicon glyphicon-flag"></i> Font Awesome</a>
+ <ul class="nav navbar-nav">
+ <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown" style="border: solid 1px white;">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 3</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-envelope"></i> Nav Item 4</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 5</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 6</a></li>
+ </ul>
+</nav>
+
+
+<h3>Plain buttons next to buttons w/icons <small>should be same height, icons not clipped</small></h3>
+<h4>Buttons</h4>
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-default btn-xs">Button</button>
+ <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i> Button</button>
+ <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-sm">Button</button>
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i> Button</button>
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i> Button</button>
+ <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-lg">Button</button>
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i> Button</button>
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i></button>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-default btn-xs">Button</button>
+ <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button>
+ <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-sm">Button</button>
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button>
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button>
+ <button class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-lg">Button</button>
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button>
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-default btn-xs">Button</button>
+ <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i> Button</button>
+ <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-sm">Button</button>
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i> Button</button>
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i> Button</button>
+ <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-lg">Button</button>
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i> Button</button>
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i></button>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-default btn-xs">Button</button>
+ <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button>
+ <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-sm">Button</button>
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button>
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button>
+ <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-lg">Button</button>
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button>
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+<h4>Anchors</h4>
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-default btn-xs">Button</a>
+ <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i> Button</a>
+ <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-sm">Button</a>
+ <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i> Button</a>
+ <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i> Button</a>
+ <a class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-lg">Button</a>
+ <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i> Button</a>
+ <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-default btn-xs">Button</a>
+ <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a>
+ <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-sm">Button</a>
+ <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a>
+ <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a>
+ <a class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-lg">Button</a>
+ <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a>
+ <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-default btn-xs">Button</a>
+ <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i> Button</a>
+ <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-sm">Button</a>
+ <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i> Button</a>
+ <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i> Button</a>
+ <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-lg">Button</a>
+ <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i> Button</a>
+ <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-default btn-xs">Button</a>
+ <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a>
+ <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-sm">Button</a>
+ <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a>
+ <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a>
+ <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-lg">Button</a>
+ <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a>
+ <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a>
+ </div>
+ </div>
+ </div>
+</div>
+
+<h3>Button groups <small>should be same height</small></h3>
+<div class="row">
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default btn-lg">
+ <i class="icon-adjust"></i>
+ </button>
+ <button class="btn btn-default btn-lg">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default">
+ <i class="icon-adjust"></i>
+ </button>
+ <button class="btn btn-default">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default btn-sm">
+ <i class="icon-adjust"></i>
+ </button>
+ <button class="btn btn-default btn-sm">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+</div>
+
+<h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3>
+<div class="row">
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn btn-default btn-lg" href="#">
+ <i class="icon-github icon-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn btn-default btn-lg" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn btn-default" href="#">
+ <i class="icon-github icon-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn btn-default" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn btn-default btn-sm" href="#">
+ <i class="icon-github icon-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn btn-default btn-sm" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+</div>
+
+
+<h3>Nav pills & nav tabs <small>should be same height and properly vertically aligned</small></h3>
+<div class="row">
+ <div class="col-md-9">
+ <ul class="nav nav-pills" style="border: solid 1px #d3d3d3;">
+ <li class="active"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <col-md- class="caret"></col-md->
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 3
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="active"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 4</a></li>
+ <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
+ <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 6</a></li>
+ <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 7</a></li>
+ </ul>
+ <ul class="nav nav-tabs">
+ <li class="active"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <col-md- class="caret"></col-md->
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 3
+ <i class="icon-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="active"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 4</a></li>
+ <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
+ <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 6</a></li>
+ <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 7</a></li>
+ </ul>
+ </div>
+ <div class="col-md-3">
+ <ul class="nav nav-list">
+ <li>
+ <a href="#c1">
+ <i class="icon-chevron-right icon-fixed-width pull-right"></i> Overview
+ </a>
+ </li>
+ <li>
+ <a href="#c1">
+ Overview
+ <i class="icon-chevron-right icon-fixed-width pull-right"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+
+
+<h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3>
+<div class="row">
+ <div class="col-md-6">
+ <p class="lead">
+ <i class="icon-stethoscope icon-3x pull-left icon-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </p>
+ </div>
+ <div class="col-md-6">
+ <p class="lead">
+ <i class="icon-ambulance icon-4x pull-right icon-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </p>
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-4">
+ <i class="glyphicon glyphicon-calendar icon-2x pull-left icon-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+ <div class="col-md-4">
+ <i class="icon-stethoscope icon-3x pull-right icon-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+ <div class="col-md-4">
+ <i class="icon-ambulance icon-4x pull-left"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+</div>
+
+
+<h3>Bullets <small>should wrap appropriately, have proper spacing</small></h3>
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><i class="icon-li glyphicon glyphicon-chevron-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li glyphicon glyphicon-calendar"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="glyphicon glyphicon-calendar"></i>
+ <col-md- class="label">foo</col-md->
+ <a class="btn btn-default">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-arrow-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul lead">
+ <li><i class="icon-li glyphicon glyphicon-chevron-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li glyphicon glyphicon-calendar"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul lead">
+ <li><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-arrow-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><a href="#"><i class="icon-li glyphicon glyphicon-chevron-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><a href="#"><i class="icon-li icon-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><a href="#"><i class="icon-li glyphicon glyphicon-calendar"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><a href="#"><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><a href="#"><i class="icon-li icon-arrow-right glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><a href="#"><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-refresh icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="glyphicon glyphicon-calendar"></i>
+ <col-md- class="label">foo</col-md->
+ <a class="btn btn-default">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="icons-ul">
+ <li><i class="icon-li icon-refresh icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="icon-li icon-spinner icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="icon-li icon-spinner icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="glyphicon glyphicon-calendar"></i>
+ <col-md- class="label">foo</col-md->
+ <a class="btn btn-default">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+
+<div class="row">
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+
+<h3>Spinning icons <small>icons should be aligned well and on center, buttons should be same height, won't work in ie7</small></h3>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="icon-refresh icon-spin"></i> Loading...
+ <button class="btn btn-default btn-sm"><i class="icon-refresh icon-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-sm">Loading...</button>
+ <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button>
+ <a href="#"><i class="icon-refresh icon-spin"></i> Loading...</a>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="icon-refresh icon-spin"></i> Loading...
+ <button class="btn btn-default"><i class="icon-refresh icon-spin"></i> Loading...</button>
+ <button class="btn btn-default">Loading...</button>
+ <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...
+ <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="icon-spinner icon-spin"></i> Loading...
+ <button class="btn btn-default btn-lg"><i class="icon-spinner icon-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-lg">Loading...</button>
+ <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button>
+</div>
+<h4>glyphicon-lg</h4>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...
+ <button class="btn btn-default btn-sm"><i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-sm">Loading...</button>
+ <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...
+ <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...
+ <button class="btn btn-default"><i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...</button>
+ <button class="btn btn-default">Loading...</button>
+ <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...
+ <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="icon-spinner glyphicon-lg icon-spin"></i> Loading...
+ <button class="btn btn-default btn-lg"><i class="icon-spinner glyphicon-lg icon-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-lg">Loading...</button>
+ <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...
+ <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button>
+</div>
+<h4>Bootstrap Prepend and Append</h4>
+<div class="row">
+ <div class="col-md-6">
+ <div class="input-prepend">
+ <col-md- class="add-on"><i class="icon-spinner icon-spin"></i></col-md->
+ <input class="col-md-2" id="prependedInput" type="text" placeholder="Username">
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="input-append">
+ <input class="col-md-2" id="appendedInput" type="text">
+ <col-md- class="add-on"><i class="icon-spinner icon-spin"></i></col-md->
+ </div>
+ </div>
+</div>
+
+<h3>Stacked icons</h3>
+<div class="well">
+ {% include tests/stacked.html %}
+</div>
+<div class="well lead">
+ {% include tests/stacked.html %}
+</div>
+<h4>Stacked icons inside anchor</h4>
+<div class="well">
+ {% include tests/stacked-inside-anchor.html %}
+</div>
+
+
+<h3>Mirrored and rotated icons</h3>
+<div class="row">
+ <div class="col-md-6">
+ <div class="well">
+ {% include tests/rotated-flipped.html %}
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="well lead">
+ {% include tests/rotated-flipped.html %}
+ </div>
+ </div>
+</div>
+<h4>Mirrored and rotated icons inside anchors and buttons</h4>
+<div class="row">
+ <div class="col-md-6">
+ <div class="well">
+ {% include tests/rotated-flipped-inside-anchor.html %}
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="well">
+ {% include tests/rotated-flipped-inside-btn.html %}
+ </div>
+ </div>
+</div>
+
+</section>
+
+ <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="{{ page.relative_path }}assets/js/jquery-1.7.1.min.js"></script>
+<script src="{{ page.relative_path }}assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+
+</body>
+</html>
+
+
navbar_active: icons
relative_path: ../
---
-{% capture jumbotron_h1 %}<i class="icon-flag icon-large"></i> The Icons{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-flag"></i> The Icons{% endcapture %}
{% capture jumbotron_p %}The complete set of {{ icons | size }} icons in Font Awesome {{ site.fontawesome.version }}{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
- {% include icons.html %}
+ {% capture stripe_ad_content %}
+ <p class="lead">
+ You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}.
+ Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>.
+ <!--The ever-expanding list of Font Awesome {{ site.fontawesome.version }} icons.-->
+ Need vectors or want to use on the desktop? Check the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
+ </p>
+ {% endcapture %}
+ {% include stripe-ad.html %}
+
+ {% include icons/new.html %}
+ {% include icons/web-application.html %}
+ {% include icons/form-control.html %}
+ {% include icons/currency.html %}
+ {% include icons/text-editor.html %}
+ {% include icons/directional.html %}
+ {% include icons/video-player.html %}
+ {% include icons/brand.html %}
+ {% include icons/medical.html %}
</div>
categories:
- Web Application Icons
- - name: Envelope Alt
- id: envelope-alt
+ - name: Envelope Outlined
+ id: envelope-o
unicode: f003
created: 1.0
categories:
categories:
- Web Application Icons
- - name: Star Empty
- id: star-empty
+ - name: Star Outlined
+ id: star-o
unicode: f006
created: 1.0
categories:
categories:
- Text Editor Icons
- - name: OK
- id: ok
+ - name: Check
+ id: check
unicode: f00c
created: 1.0
categories:
- Web Application Icons
- - name: Remove
- id: remove
+ - name: Times
+ id: times
unicode: f00d
created: 1.0
categories:
- Web Application Icons
- - name: Zoom In
- id: zoom-in
+ - name: Search Plus
+ id: search-plus
unicode: f00e
created: 1.0
categories:
- Web Application Icons
- - name: Zoom Out
- id: zoom-out
+ - name: Search Minus
+ id: search-minus
unicode: f010
created: 1.0
categories:
- Web Application Icons
- - name: Off
- id: 'off'
+ - name: Power Off
+ id: power-off
unicode: f011
created: 1.0
- aliases:
- - power-off
categories:
- Web Application Icons
categories:
- Web Application Icons
- - name: trash
- id: trash
+ - name: Trash Outlined
+ id: trash-o
unicode: f014
created: 1.0
categories:
categories:
- Web Application Icons
- - name: file-alt
- id: file-alt
+ - name: File Outlined
+ id: file-o
unicode: f016
created: 1.0
categories:
- Text Editor Icons
- - name: time
- id: time
+ - name: Clock Outlined
+ id: clock-o
unicode: f017
created: 1.0
categories:
categories:
- Web Application Icons
- - name: download-alt
- id: download-alt
+ - name: Download
+ id: download
unicode: f019
created: 1.0
categories:
- Web Application Icons
- - name: download
- id: download
+ - name: Arrow Circle Outlined Down
+ id: arrow-circle-o-down
unicode: f01a
created: 1.0
categories:
- - Web Application Icons
+ - Directional Icons
- - name: upload
- id: upload
+ - name: Arrow Circle Outlined Up
+ id: arrow-circle-o-up
unicode: f01b
created: 1.0
categories:
- - Web Application Icons
+ - Directional Icons
- name: inbox
id: inbox
categories:
- Web Application Icons
- - name: play-circle
- id: play-circle
+ - name: Play Circle Outlined
+ id: play-circle-o
unicode: f01d
created: 1.0
categories:
- Video Player Icons
- - name: repeat
+ - name: Repeat
id: repeat
unicode: f01e
created: 1.0
categories:
- Text Editor Icons
- - name: indent-left
- id: indent-left
+ - name: Outdent
+ id: outdent
unicode: f03b
created: 1.0
+ aliases:
+ - dedent
categories:
- Text Editor Icons
- - name: indent-right
- id: indent-right
+ - name: Indent
+ id: indent
unicode: f03c
created: 1.0
categories:
- Text Editor Icons
- - name: facetime-video
- id: facetime-video
+ - name: Video Camera
+ id: video-camera
unicode: f03d
created: 1.0
categories:
- Web Application Icons
- - name: picture
- id: picture
+ - name: Picture Outlined
+ id: picture-o
unicode: f03e
created: 1.0
categories:
categories:
- Web Application Icons
- - name: edit
- id: edit
+ - name: Pencil Square Outlined
+ id: pencil-square-o
unicode: f044
created: 1.0
+ aliases:
+ - edit
categories:
- Web Application Icons
- - name: share
- id: share
+ - name: Share Square Outlined
+ id: share-square-o
unicode: f045
created: 1.0
categories:
- Web Application Icons
- - name: check
- id: check
+ - name: Check Square Outlined
+ id: check-square-o
unicode: f046
created: 1.0
categories:
- Web Application Icons
+ - Form Control Icons
- - name: move
- id: move
+ - name: Arrows
+ id: arrows
unicode: f047
created: 1.0
categories:
- Web Application Icons
+ - Directional Icons
- name: step-backward
id: step-backward
categories:
- Directional Icons
- - name: plus-sign
- id: plus-sign
+ - name: Plus Circle
+ id: plus-circle
unicode: f055
created: 1.0
categories:
- Web Application Icons
- - name: minus-sign
- id: minus-sign
+ - name: Minus Circle
+ id: minus-circle
unicode: f056
created: 1.0
categories:
- Web Application Icons
- - name: remove-sign
- id: remove-sign
+ - name: Times Circle
+ id: times-circle
unicode: f057
created: 1.0
categories:
- Web Application Icons
- - name: ok-sign
- id: ok-sign
+ - name: Check Circle
+ id: check-circle
unicode: f058
created: 1.0
categories:
- Web Application Icons
- - name: question-sign
- id: question-sign
+ - name: Question Circle
+ id: question-circle
unicode: f059
created: 1.0
categories:
- Web Application Icons
- - name: info-sign
- id: info-sign
+ - name: Info Circle
+ id: info-circle
unicode: f05a
created: 1.0
categories:
- Web Application Icons
- - name: screenshot
- id: screenshot
+ - name: Crosshairs
+ id: crosshairs
unicode: f05b
created: 1.0
categories:
- Web Application Icons
- - name: remove-circle
- id: remove-circle
+ - name: Times Circle Outlined
+ id: times-circle-o
unicode: f05c
created: 1.0
categories:
- Web Application Icons
- - name: ok-circle
- id: ok-circle
+ - name: Check Circle Outlined
+ id: check-circle-o
unicode: f05d
created: 1.0
categories:
- Web Application Icons
- - name: ban-circle
- id: ban-circle
+ - name: ban
+ id: ban
unicode: f05e
created: 1.0
categories:
categories:
- Directional Icons
- - name: share-alt
- id: share-alt
+ - name: Share
+ id: share
unicode: f064
created: 1.0
aliases:
categories:
- Web Application Icons
- - name: resize-full
- id: resize-full
+ - name: Expand
+ id: expand
unicode: f065
created: 1.0
categories:
- Video Player Icons
- - name: resize-small
- id: resize-small
+ - name: Compress
+ id: compress
unicode: f066
created: 1.0
categories:
categories:
- Web Application Icons
- - name: exclamation-sign
- id: exclamation-sign
+ - name: Exclamation Circle
+ id: exclamation-circle
unicode: f06a
created: 1.0
categories:
categories:
- Web Application Icons
- - name: eye-open
- id: eye-open
+ - name: Eye
+ id: eye
unicode: f06e
created: 1.0
categories:
- Web Application Icons
- - name: eye-close
- id: eye-close
+ - name: Eye Slash
+ id: eye-slash
unicode: f070
created: 1.0
categories:
- Web Application Icons
- - name: warning-sign
- id: warning-sign
+ - name: Exclamation Triangle
+ id: exclamation-triangle
unicode: f071
created: 1.0
+ aliases:
+ - warning
categories:
- Web Application Icons
categories:
- Web Application Icons
- - name: folder-close
- id: folder-close
+ - name: Folder
+ id: folder
unicode: f07b
created: 1.0
categories:
- Web Application Icons
- - name: folder-open
+ - name: Folder Open
id: folder-open
unicode: f07c
created: 1.0
categories:
- Web Application Icons
- - name: resize-vertical
- id: resize-vertical
+ - name: Arrows Vertical
+ id: arrows-v
unicode: f07d
created: 1.0
categories:
- Web Application Icons
+ - Directional Icons
- - name: resize-horizontal
- id: resize-horizontal
+ - name: Arrows Horizontal
+ id: arrows-h
unicode: f07e
created: 1.0
categories:
- Web Application Icons
+ - Directional Icons
- - name: bar-chart
- id: bar-chart
+ - name: Bar Chart Outlined
+ id: bar-chart-o
unicode: f080
created: 1.0
categories:
- Web Application Icons
- - name: twitter-sign
- id: twitter-sign
+ - name: Twitter Square
+ id: twitter-square
unicode: f081
created: 1.0
categories:
- Brand Icons
- - name: facebook-sign
- id: facebook-sign
+ - name: Facebook Square
+ id: facebook-square
unicode: f082
created: 1.0
categories:
categories:
- Web Application Icons
- - name: thumbs-up-alt
- id: thumbs-up-alt
+ - name: Thumbs Up Outlined
+ id: thumbs-o-up
unicode: f087
created: 1.0
categories:
- Web Application Icons
- - name: thumbs-down-alt
- id: thumbs-down-alt
+ - name: Thumbs Down Outlined
+ id: thumbs-o-down
unicode: f088
created: 1.0
categories:
categories:
- Web Application Icons
- - name: heart-empty
- id: heart-empty
+ - name: Heart Outlined
+ id: heart-o
unicode: f08a
created: 1.0
categories:
- Web Application Icons
- - name: signout
- id: signout
+ - name: Sign Out
+ id: sign-out
unicode: f08b
created: 1.0
categories:
- Web Application Icons
- - name: linkedin-sign
- id: linkedin-sign
+ - name: LinkedIn Square
+ id: linkedin-square
unicode: f08c
created: 1.0
categories:
- Brand Icons
- - name: pushpin
- id: pushpin
+ - name: Thumb Tack
+ id: thumb-tack
unicode: f08d
created: 1.0
categories:
- Web Application Icons
- - name: external-link
+ - name: External Link
id: external-link
unicode: f08e
created: 1.0
- Web Application Icons
- - name: signin
- id: signin
+ - name: Sign In
+ id: sign-in
unicode: f090
created: 1.0
categories:
categories:
- Web Application Icons
- - name: github-sign
- id: github-sign
+ - name: GitHub Square
+ id: github-square
unicode: f092
created: 1.0
categories:
- Brand Icons
- - name: upload-alt
- id: upload-alt
+ - name: Upload
+ id: upload
unicode: f093
created: 1.0
categories:
- Web Application Icons
- - name: lemon
- id: lemon
+ - name: Lemon Outlined
+ id: lemon-o
unicode: f094
created: 1.0
categories:
- Web Application Icons
- - name: phone
+ - name: Phone
id: phone
unicode: f095
created: 2.0
categories:
- Web Application Icons
- - name: check-empty
- id: check-empty
+ - name: Square Outlined
+ id: square-o
unicode: f096
created: 2.0
- aliases:
- - unchecked
categories:
- Web Application Icons
+ - Form Control Icons
- - name: bookmark-empty
- id: bookmark-empty
+
+ - name: Bookmark Outlined
+ id: bookmark-o
unicode: f097
created: 2.0
categories:
- Web Application Icons
- - name: phone-sign
- id: phone-sign
+ - name: Phone Square
+ id: phone-square
unicode: f098
created: 2.0
categories:
- Web Application Icons
- - name: twitter
+ - name: Twitter
id: twitter
unicode: f099
created: 2.0
categories:
- Brand Icons
- - name: facebook
+ - name: Facebook
id: facebook
unicode: f09a
created: 2.0
categories:
- Brand Icons
- - name: github
+ - name: GitHub
id: github
unicode: f09b
created: 2.0
- Web Application Icons
- - name: hdd
- id: hdd
+ - name: HDD
+ id: hdd-o
unicode: f0a0
created: 2.0
categories:
- name: bell
id: bell
- unicode: f0a2
+ unicode: f0f3
created: 2.0
categories:
- Web Application Icons
categories:
- Web Application Icons
- - name: hand-right
- id: hand-right
+ - name: Hand Outlined Right
+ id: hand-o-right
unicode: f0a4
created: 2.0
categories:
- Directional Icons
- - name: hand-left
- id: hand-left
+ - name: Hand Outlined Left
+ id: hand-o-left
unicode: f0a5
created: 2.0
categories:
- Directional Icons
- - name: hand-up
- id: hand-up
+ - name: Hand Outlined Up
+ id: hand-o-up
unicode: f0a6
created: 2.0
categories:
- Directional Icons
- - name: hand-down
- id: hand-down
+ - name: Hand Outlined Down
+ id: hand-o-down
unicode: f0a7
created: 2.0
categories:
- Directional Icons
- - name: circle-arrow-left
- id: circle-arrow-left
+ - name: Arrow Circle Left
+ id: arrow-circle-left
unicode: f0a8
created: 2.0
categories:
- Directional Icons
- - name: circle-arrow-right
- id: circle-arrow-right
+ - name: Arrow Circle Right
+ id: arrow-circle-right
unicode: f0a9
created: 2.0
categories:
- Directional Icons
- - name: circle-arrow-up
- id: circle-arrow-up
+ - name: Arrow Circle Up
+ id: arrow-circle-up
unicode: f0aa
created: 2.0
categories:
- Directional Icons
- - name: circle-arrow-down
- id: circle-arrow-down
+ - name: Arrow Circle Down
+ id: arrow-circle-down
unicode: f0ab
created: 2.0
categories:
- Directional Icons
- - name: globe
+ - name: Globe
id: globe
unicode: f0ac
created: 2.0
categories:
- Web Application Icons
- - name: wrench
+ - name: Wrench
id: wrench
unicode: f0ad
created: 2.0
categories:
- Web Application Icons
- - name: tasks
+ - name: Tasks
id: tasks
unicode: f0ae
created: 2.0
- Web Application Icons
- - name: filter
+ - name: Filter
id: filter
unicode: f0b0
created: 2.0
categories:
- Web Application Icons
- - name: briefcase
+ - name: Briefcase
id: briefcase
unicode: f0b1
created: 2.0
categories:
- Web Application Icons
- - name: fullscreen
- id: fullscreen
+ - name: Arrows Alt
+ id: arrows-alt
unicode: f0b2
created: 2.0
categories:
- Video Player Icons
+ - Directional Icons
- - name: group
- id: group
+ - name: Users
+ id: users
unicode: f0c0
created: 2.0
+ aliases:
+ - group
categories:
- Web Application Icons
- - name: link
+ - name: Link
id: link
unicode: f0c1
created: 2.0
+ aliases:
+ - chain
categories:
- Text Editor Icons
- - name: cloud
+ - name: Cloud
id: cloud
unicode: f0c2
created: 2.0
categories:
- Web Application Icons
- - name: beaker
- id: beaker
+ - name: Flask
+ id: flask
unicode: f0c3
created: 2.0
categories:
- Web Application Icons
- - name: cut
- id: cut
+ - name: Scissors
+ id: scissors
unicode: f0c4
created: 2.0
+ aliases:
+ - cut
categories:
- Text Editor Icons
- - name: copy
- id: copy
+ - name: Files Outlined
+ id: files-o
unicode: f0c5
created: 2.0
+ aliases:
+ - copy
categories:
- Text Editor Icons
- - name: paper-clip
- id: paper-clip
+ - name: Paperclip
+ id: paperclip
unicode: f0c6
created: 2.0
- aliases:
- - paperclip
categories:
- Text Editor Icons
- - name: save
- id: save
+ - name: Floppy Outlined
+ id: floppy-o
unicode: f0c7
created: 2.0
+ aliases:
+ - save
categories:
- Text Editor Icons
- - name: sign-blank
- id: sign-blank
+ - name: Square
+ id: square
unicode: f0c8
created: 2.0
categories:
- Web Application Icons
+ - Form Control Icons
- - name: reorder
- id: reorder
+ - name: Bars
+ id: bars
unicode: f0c9
created: 2.0
categories:
categories:
- Text Editor Icons
- - name: strikethrough
+ - name: Strikethrough
id: strikethrough
unicode: f0cc
created: 2.0
categories:
- Text Editor Icons
- - name: underline
+ - name: Underline
id: underline
unicode: f0cd
created: 2.0
categories:
- Web Application Icons
- - name: pinterest
+ - name: Pinterest
id: pinterest
unicode: f0d2
created: 2.0
categories:
- Brand Icons
- - name: pinterest-sign
- id: pinterest-sign
+ - name: Pinterest Square
+ id: pinterest-square
unicode: f0d3
created: 2.0
categories:
- Brand Icons
- - name: google-plus-sign
- id: google-plus-sign
+ - name: Google Plus Square
+ id: google-plus-square
unicode: f0d4
created: 2.0
categories:
- Brand Icons
- - name: google-plus
+ - name: Google Plus
id: google-plus
unicode: f0d5
created: 2.0
categories:
- Brand Icons
- - name: money
+ - name: Money
id: money
unicode: f0d6
created: 2.0
categories:
- Web Application Icons
+ - Currency Icons
- - name: caret-down
+ - name: Caret Down
id: caret-down
unicode: f0d7
created: 2.0
categories:
- Directional Icons
- - name: caret-up
+ - name: Caret Up
id: caret-up
unicode: f0d8
created: 2.0
categories:
- Directional Icons
- - name: caret-left
+ - name: Caret Left
id: caret-left
unicode: f0d9
created: 2.0
categories:
- Directional Icons
- - name: caret-right
+ - name: Caret Right
id: caret-right
unicode: f0da
created: 2.0
categories:
- Directional Icons
- - name: columns
+ - name: Columns
id: columns
unicode: f0db
created: 2.0
categories:
- Text Editor Icons
- - name: sort
+ - name: Sort
id: sort
unicode: f0dc
created: 2.0
+ aliases:
+ - unsorted
categories:
- Web Application Icons
- - name: sort-down
- id: sort-down
+ - name: Sort Ascending
+ id: sort-asc
unicode: f0dd
created: 2.0
+ aliases:
+ - sort-down
categories:
- Web Application Icons
- - name: sort-up
- id: sort-up
+ - name: Sort Descending
+ id: sort-desc
unicode: f0de
created: 2.0
+ aliases:
+ - sort-up
categories:
- Web Application Icons
categories:
- Web Application Icons
- - name: linkedin
+ - name: LinkedIn
id: linkedin
unicode: f0e1
created: 2.0
- Brand Icons
- - name: undo
+ - name: Undo
id: undo
unicode: f0e2
created: 2.0
categories:
- Text Editor Icons
- - name: legal
- id: legal
+ - name: Gavel
+ id: gavel
unicode: f0e3
created: 2.0
+ aliases:
+ - legal
categories:
- Web Application Icons
- - name: dashboard
- id: dashboard
+ - name: Tachometer
+ id: tachometer
unicode: f0e4
created: 2.0
+ aliases:
+ - dashboard
categories:
- Web Application Icons
- - name: comment-alt
- id: comment-alt
+ - name: comment-o
+ id: comment-o
unicode: f0e5
created: 2.0
categories:
- Web Application Icons
- - name: comments-alt
- id: comments-alt
+ - name: comments-o
+ id: comments-o
unicode: f0e6
created: 2.0
categories:
- Web Application Icons
- - name: bolt
+ - name: Lightning Bolt
id: bolt
unicode: f0e7
created: 2.0
+ aliases:
+ - flash
categories:
- Web Application Icons
- - name: sitemap
+ - name: Sitemap
id: sitemap
unicode: f0e8
created: 2.0
categories:
- Web Application Icons
- - name: umbrella
+ - name: Umbrella
id: umbrella
unicode: f0e9
created: 2.0
categories:
- Web Application Icons
- - name: paste
- id: paste
+ - name: Clipboard
+ id: clipboard
unicode: f0ea
created: 2.0
+ aliases:
+ - paste
categories:
- Text Editor Icons
- - name: lightbulb
- id: lightbulb
+ - name: Lightbulb Outlined
+ id: lightbulb-o
unicode: f0eb
created: 3.0
categories:
- Web Application Icons
- - name: exchange
+ - name: Exchange
id: exchange
unicode: f0ec
created: 3.0
categories:
- Web Application Icons
- - name: cloud-download
+ - name: Cloud Download
id: cloud-download
unicode: f0ed
created: 3.0
categories:
- Web Application Icons
- - name: cloud-upload
+ - name: Cloud Upload
id: cloud-upload
unicode: f0ee
created: 3.0
categories:
- Medical Icons
- - name: stethoscope
+ - name: Stethoscope
id: stethoscope
unicode: f0f1
created: 3.0
categories:
- Medical Icons
- - name: suitcase
+ - name: Suitcase
id: suitcase
unicode: f0f2
created: 3.0
categories:
- Web Application Icons
- - name: bell-alt
- id: bell-alt
- unicode: f0f3
+ - name: Bell Outlined
+ id: bell-o
+ unicode: f0a2
created: 3.0
categories:
- Web Application Icons
- - name: coffee
+ - name: Coffee
id: coffee
unicode: f0f4
created: 3.0
categories:
- Web Application Icons
- - name: food
- id: food
+ - name: Cutlery
+ id: cutlery
unicode: f0f5
created: 3.0
categories:
- Web Application Icons
- - name: file-text-alt
- id: file-text-alt
+ - name: File Text Outlined
+ id: file-text-o
unicode: f0f6
created: 3.0
categories:
- Text Editor Icons
- - name: building
- id: building
+ - name: Building Outlined
+ id: building-o
unicode: f0f7
created: 3.0
categories:
- Web Application Icons
- - name: hospital
- id: hospital
+ - name: hospital Outlined
+ id: hospital-o
unicode: f0f8
created: 3.0
categories:
categories:
- Web Application Icons
- - name: h-sign
- id: h-sign
+ - name: H Square
+ id: h-square
unicode: f0fd
created: 3.0
categories:
- Medical Icons
- - name: plus-sign-alt
- id: plus-sign-alt
+ - name: Plus Square
+ id: plus-square
unicode: f0fe
created: 3.0
categories:
- Medical Icons
- Web Application Icons
+ - Form Control Icons
- - name: double-angle-left
- id: double-angle-left
+ - name: Angle Double Left
+ id: angle-double-left
unicode: f100
created: 3.0
categories:
- Directional Icons
- - name: double-angle-right
- id: double-angle-right
+ - name: Angle Double Right
+ id: angle-double-right
unicode: f101
created: 3.0
categories:
- Directional Icons
- - name: double-angle-up
- id: double-angle-up
+ - name: Angle Double Up
+ id: angle-double-up
unicode: f102
created: 3.0
categories:
- Directional Icons
- - name: double-angle-down
- id: double-angle-down
+ - name: Angle Double Down
+ id: angle-double-down
unicode: f103
created: 3.0
categories:
categories:
- Directional Icons
- - name: desktop
+ - name: Desktop
id: desktop
unicode: f108
created: 3.0
categories:
- Web Application Icons
- - name: laptop
+ - name: Laptop
id: laptop
unicode: f109
created: 3.0
categories:
- Web Application Icons
- - name: mobile-phone
- id: mobile-phone
+ - name: Mobile Phone
+ id: mobile
unicode: f10b
created: 3.0
+ aliases:
+ - mobile-phone
categories:
- Web Application Icons
- - name: circle-blank
- id: circle-blank
+ - name: Circle Outlined
+ id: circle-o
unicode: f10c
created: 3.0
categories:
- Web Application Icons
+ - Form Control Icons
- name: quote-left
id: quote-left
- Web Application Icons
- - name: spinner
+ - name: Spinner
id: spinner
unicode: f110
created: 3.0
categories:
- Web Application Icons
- - name: circle
+ - name: Circle
id: circle
unicode: f111
created: 3.0
categories:
- Web Application Icons
+ - Form Control Icons
- - name: reply
+ - name: Reply
id: reply
unicode: f112
created: 3.0
categories:
- Web Application Icons
- - name: github-alt
+ - name: GitHub Alt
id: github-alt
unicode: f113
created: 3.0
categories:
- Brand Icons
- - name: folder-close-alt
- id: folder-close-alt
+ - name: Folder Outlined
+ id: folder-o
unicode: f114
created: 3.0
categories:
- Web Application Icons
- - name: folder-open-alt
- id: folder-open-alt
+ - name: Folder Open Outlined
+ id: folder-open-o
unicode: f115
created: 3.0
categories:
- Web Application Icons
- - name: expand-alt
- id: expand-alt
- unicode: f116
- created: 3.1
- categories:
- - Web Application Icons
-
- - name: collapse-alt
- id: collapse-alt
- unicode: f117
- created: 3.1
- categories:
- - Web Application Icons
-
- - name: smile
- id: smile
+ - name: Smile Outlined
+ id: smile-o
unicode: f118
created: 3.1
categories:
- Web Application Icons
- - name: frown
- id: frown
+ - name: Frown Outlined
+ id: frown-o
unicode: f119
created: 3.1
categories:
- Web Application Icons
- - name: meh
- id: meh
+ - name: Meh Outlined
+ id: meh-o
unicode: f11a
created: 3.1
categories:
- Web Application Icons
- - name: gamepad
+ - name: Gamepad
id: gamepad
unicode: f11b
created: 3.1
categories:
- Web Application Icons
- - name: keyboard
- id: keyboard
+ - name: Keyboard Outlined
+ id: keyboard-o
unicode: f11c
created: 3.1
categories:
- Web Application Icons
- - name: flag-alt
- id: flag-alt
+ - name: Flag Outlined
+ id: flag-o
unicode: f11d
created: 3.1
categories:
- Web Application Icons
- - name: terminal
+ - name: Terminal
id: terminal
unicode: f120
created: 3.1
categories:
- Web Application Icons
- - name: code
+ - name: Code
id: code
unicode: f121
created: 3.1
categories:
- Web Application Icons
- - name: star-half-empty
- id: star-half-empty
+ - name: Star Half Outlined
+ id: star-half-o
unicode: f123
created: 3.1
aliases:
+ - star-half-empty
- star-half-full
categories:
- Web Application Icons
categories:
- Web Application Icons
- - name: unlink
- id: unlink
+ - name: Chain Broken
+ id: chain-broken
unicode: f127
created: 3.1
+ aliases:
+ - unlink
categories:
- Text Editor Icons
- - name: question
+ - name: Question
id: question
unicode: f128
created: 3.1
categories:
- Web Application Icons
- - name: info
+ - name: Info
id: info
unicode: f129
created: 3.1
- Text Editor Icons
- Web Application Icons
- - name: puzzle-piece
+ - name: Puzzle Piece
id: puzzle-piece
unicode: f12e
created: 3.1
categories:
- Web Application Icons
- - name: microphone-off
- id: microphone-off
+ - name: Microphone Slash
+ id: microphone-slash
unicode: f131
created: 3.1
categories:
categories:
- Web Application Icons
- - name: calendar-empty
- id: calendar-empty
+ - name: calendar-o
+ id: calendar-o
unicode: f133
created: 3.1
categories:
categories:
- Brand Icons
- - name: Chevron Sign Left
- id: chevron-sign-left
+ - name: Chevron Circle Left
+ id: chevron-circle-left
unicode: f137
created: 3.1
categories:
- Directional Icons
- - name: Chevron Sign Right
- id: chevron-sign-right
+ - name: Chevron Circle Right
+ id: chevron-circle-right
unicode: f138
created: 3.1
categories:
- Directional Icons
- - name: Chevron Sign Up
- id: chevron-sign-up
+ - name: Chevron Circle Up
+ id: chevron-circle-up
unicode: f139
created: 3.1
categories:
- Directional Icons
- - name: Chevron Sign Down
- id: chevron-sign-down
+ - name: Chevron Circle Down
+ id: chevron-circle-down
unicode: f13a
created: 3.1
categories:
categories:
- Web Application Icons
- - name: Horizontal Ellipsis
- id: ellipsis-horizontal
+ - name: Ellipsis Horizontal
+ id: ellipsis-h
unicode: f141
created: 3.1
categories:
- Web Application Icons
- - name: Vertical Ellipsis
- id: ellipsis-vertical
+ - name: Ellipsis Vertical
+ id: ellipsis-v
unicode: f142
created: 3.1
categories:
- Web Application Icons
- - name: RSS Sign
- id: rss-sign
+ - name: RSS Square
+ id: rss-square
unicode: f143
created: 3.1
categories:
- Web Application Icons
- - name: Play Sign
- id: play-sign
+ - name: Play Circle
+ id: play-circle
unicode: f144
created: 3.1
categories:
categories:
- Web Application Icons
- - name: Minus Sign Alt
- id: minus-sign-alt
+ - name: Minus Square
+ id: minus-square
unicode: f146
created: 3.1
categories:
- Web Application Icons
+ - Form Control Icons
- - name: Check Minus
- id: check-minus
+ - name: Minus Square Outlined
+ id: minus-square-o
unicode: f147
created: 3.1
categories:
- Web Application Icons
+ - Form Control Icons
+
- name: Level Up
id: level-up
categories:
- Web Application Icons
- - name: Check Sign
- id: check-sign
+ - name: Check Square
+ id: check-square
unicode: f14a
created: 3.1
categories:
- Web Application Icons
+ - Form Control Icons
- - name: Edit Sign
- id: edit-sign
+ - name: Pencil Square
+ id: pencil-square
unicode: f14b
created: 3.1
categories:
- Web Application Icons
- - name: Exteral Link Sign
- id: external-link-sign
+ - name: External Link Square
+ id: external-link-square
unicode: f14c
created: 3.1
categories:
- Web Application Icons
- - name: Share Sign
- id: share-sign
+ - name: Share Square
+ id: share-square
unicode: f14d
created: 3.1
categories:
- Web Application Icons
- - name: Collapse
- id: collapse
+ - name: Caret Square Outlined Down
+ id: caret-square-o-down
unicode: f150
created: 3.2
+ aliases:
+ - toggle-down
categories:
- Web Application Icons
+ - Directional Icons
- - name: Collapse Top
- id: collapse-top
+ - name: Caret Square Outlined Up
+ id: caret-square-o-up
unicode: f151
created: 3.2
+ aliases:
+ - toggle-up
categories:
- Web Application Icons
+ - Directional Icons
- - name: Expand
- id: expand
+ - name: Caret Square Outlined Right
+ id: caret-square-o-right
unicode: f152
created: 3.2
+ aliases:
+ - toggle-right
categories:
- Web Application Icons
+ - Directional Icons
- name: Euro (EUR)
id: eur
unicode: f157
created: 3.2
aliases:
+ - cny
+ - rmb
- yen
categories:
- Currency Icons
- - name: Renminbi (CNY)
- id: cny
+ - name: Russian Ruble (RUB)
+ id: rub
unicode: f158
- created: 3.2
+ created: 4.0
aliases:
- - renminbi
+ - ruble
+ - rouble
categories:
- Currency Icons
categories:
- Text Editor Icons
- - name: Sort By Alphabet
- id: sort-by-alphabet
+ - name: Sort Alpha Ascending
+ id: sort-alpha-asc
unicode: f15d
created: 3.2
categories:
- Web Application Icons
- - name: Sort By Alphabet Alt
- id: sort-by-alphabet-alt
+ - name: Sort Alpha Descending
+ id: sort-alpha-desc
unicode: f15e
created: 3.2
categories:
- Web Application Icons
- - name: Sort By Attributes
- id: sort-by-attributes
+ - name: Sort Amount Ascending
+ id: sort-amount-asc
unicode: f160
created: 3.2
categories:
- Web Application Icons
- - name: Sort By Attributes Alt
- id: sort-by-attributes-alt
+ - name: Sort Amount Descending
+ id: sort-amount-desc
unicode: f161
created: 3.2
categories:
- Web Application Icons
- - name: Sort By Order
- id: sort-by-order
+ - name: Sort Numeric Ascending
+ id: sort-numeric-asc
unicode: f162
created: 3.2
categories:
- Web Application Icons
- - name: Sort By Order Alt
- id: sort-by-order-alt
+ - name: Sort Numeric Descending
+ id: sort-numeric-desc
unicode: f163
created: 3.2
categories:
categories:
- Web Application Icons
- - name: YouTube Sign
- id: youtube-sign
+ - name: YouTube Square
+ id: youtube-square
unicode: f166
created: 3.2
categories:
categories:
- Brand Icons
- - name: Xing Sign
- id: xing-sign
+ - name: Xing Square
+ id: xing-square
unicode: f169
created: 3.2
categories:
categories:
- Brand Icons
- - name: Stack Exchange
- id: stackexchange
+ - name: Stack Overflow
+ id: stack-overflow
unicode: f16c
created: 3.2
categories:
categories:
- Brand Icons
- - name: Bitbucket Sign
- id: bitbucket-sign
+ - name: Bitbucket Square
+ id: bitbucket-square
unicode: f172
created: 3.2
categories:
categories:
- Brand Icons
- - name: Tumblr Sign
- id: tumblr-sign
+ - name: Tumblr Square
+ id: tumblr-square
unicode: f174
created: 3.2
categories:
categories:
- Brand Icons
- - name: Sun
- id: sun
+ - name: Sun Outlined
+ id: sun-o
unicode: f185
created: 3.2
categories:
- Web Application Icons
- - name: Moon
- id: moon
+ - name: Moon Outlined
+ id: moon-o
unicode: f186
created: 3.2
categories:
created: 3.2
categories:
- Brand Icons
+
+
+ - name: Pagelines
+ id: pagelines
+ unicode: f18c
+ created: 4.0
+ categories:
+ - Brand Icons
+
+ - name: Stack Exchange
+ id: stack-exchange
+ unicode: f18d
+ created: 4.0
+ categories:
+ - Brand Icons
+
+ - name: Arrow Circle Outlined Right
+ id: arrow-circle-o-right
+ unicode: f18e
+ created: 4.0
+ categories:
+ - Directional Icons
+
+
+ - name: Arrow Circle Outlined Left
+ id: arrow-circle-o-left
+ unicode: f190
+ created: 4.0
+ categories:
+ - Directional Icons
+
+ - name: Caret Square Outlined Left
+ id: caret-square-o-left
+ unicode: f191
+ created: 4.0
+ aliases:
+ - toggle-left
+ categories:
+ - Web Application Icons
+ - Directional Icons
+
+ - name: Dot Circle O
+ id: dot-circle-o
+ unicode: f192
+ created: 4.0
+ categories:
+ - Web Application Icons
+ - Form Control Icons
+
+ - name: Wheelchair
+ id: wheelchair
+ unicode: f193
+ created: 4.0
+ categories:
+ - Web Application Icons
+ - Medical Icons
+
+ - name: Vimeo Square
+ id: vimeo-square
+ unicode: f194
+ created: 4.0
+ categories:
+ - Brand Icons
+
+ - name: Turkish Lira (TRY)
+ id: try
+ unicode: f195
+ created: 4.0
+ aliases:
+ - turkish-lira
+ categories:
+ - Currency Icons
+
+ - name: Plus Square Outlined
+ id: plus-square-o
+ unicode: f196
+ created: 4.0
+ categories:
+ - Web Application Icons
+ - Form Control Icons
relative_path: ./
---
-{% include jumbotron-slider.html %}
+{% include jumbotron-carousel.html %}
{% include stripe-social.html %}
<div class="container">
navbar_active: license
relative_path: ../
---
-{% capture jumbotron_h1 %}<i class="icon-legal icon-large"></i> License{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-gavel"></i> License{% endcapture %}
{% capture jumbotron_p %}The full details of how Font Awesome is licensed{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
- {% include license.html %}
+ {% capture stripe_ad_content %}
+ <p class="lead">
+ Font Awesome is fully open source and is GPL compatible. You can use it for commercial projects, open source
+ projects, or really just about whatever you want.
+ </p>
+ {% endcapture %}
+ {% include stripe-ad.html %}
+
+ <section>
+ <div class="alert alert-success">
+ <ul class="fa-ul margin-bottom-none">
+ <li>
+ <i class="fa-li fa fa-info-circle fa-lg"></i>Attribution is no longer required as of Font Awesome 3.0 but is much appreciated:
+ "Font Awesome by Dave Gandy - http://fontawesome.io".
+ </li>
+ </ul>
+ </div>
+ </section>
+
+ <section>
+ <h2 class="page-header">Font License</h2>
+ <ul>
+ <li>
+ Applies to all desktop and webfont files in the following directory:
+ <code>font-awesome/fonts/</code>.
+ </li>
+ <li>License: {{ site.fontawesome.license.font.version }}</li>
+ <li>URL: <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.url }}</a></li>
+ </ul>
+ </section>
+
+ <section>
+ <h2 class="page-header">Code License</h2>
+ <ul>
+ <li>
+ Applies to all CSS and LESS files in the following directories:
+ <code>font-awesome/css/</code>,
+ <code>font-awesome/less/</code>, and
+ <code>font-awesome/scss/</code>.
+ </li>
+ <li>License: {{ site.fontawesome.license.code.version }}</li>
+ <li>URL: <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.url }}</a></li>
+ </ul>
+ </section>
+
+ <section>
+ <h2 class="page-header">Documentation License</h2>
+ <ul>
+ <li>Applies to all Font Awesome project files that are not a part of the Font or Code licenses.</li>
+ <li>License: {{ site.fontawesome.license.documentation.version }}</li>
+ <li>URL: <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.url }}</a></li>
+ </ul>
+ </section>
+
+ <section>
+ <h2 class="page-header">Brand Icons</h2>
+ {% include brand-license.html %}
+ </section>
</div>
--- /dev/null
+---
+title: Font Awesome + Bootstrap 2.3.2 Test Cases
+relative_path: ../
+---
+
+
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+ <!-- Basic Page Needs
+ ================================================== -->
+ <meta charset="utf-8" />
+ <title>{% if page.title %}{{ page.title }}{% endif %}</title>
+ <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+ <meta name="author" content="Dave Gandy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- CSS
+ ================================================== -->
+
+ <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css">
+ <link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome.css">
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico">
+
+ <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+
+<section class="container">
+<h1 class="page-header">Visual Test Cases</h1>
+
+<h3>Icons <small>Icons should have proper alignment and not be clipped</small></h3>
+<div class="row-fluid">
+ <div class="span3">
+ <div class="well">
+ <i class="fa fa-building-o"></i> Building
+ </div>
+ </div>
+ <div class="span3">
+ <div class="well">
+ <i class="fa fa-building-o fa-lg"></i> Building Large
+ </div>
+ </div>
+ <div class="span3">
+ <i class="fa fa-building-o"></i> Building
+ </div>
+ <div class="span3">
+ <i class="fa fa-building-o fa-lg"></i> Building Large
+ </div>
+</div>
+<div class="row-fluid" style="font-size: 24px; line-height: 1.5em;">
+ <div class="span4">
+ <div class="well">
+ <i class="fa fa-building-o"></i> Building
+ </div>
+ </div>
+ <div class="span4">
+ <div class="well">
+ <i class="fa fa-building-o fa-lg"></i> Building Large
+ </div>
+ </div>
+ <div class="span4">
+ <i class="fa fa-building-o fa-lg"></i> Building Large
+ </div>
+</div>
+<div class="row-fluid">
+ <div class="span3">
+ <div class="well">
+ <i class="fa fa-circle"></i> Circle
+ </div>
+ </div>
+ <div class="span3">
+ <div class="well">
+ <i class="fa fa-circle fa-lg"></i> Circle Large
+ </div>
+ </div>
+ <div class="span3">
+ <i class="fa fa-circle"></i> Circle
+ </div>
+ <div class="span3">
+ <i class="fa fa-circle fa-lg"></i> Circle Large
+ </div>
+</div>
+<div class="row-fluid" style="font-size: 24px; line-height: 1.5em;">
+ <div class="span4">
+ <div class="well">
+ <i class="fa fa-circle"></i> Circle
+ </div>
+ </div>
+ <div class="span4">
+ <div class="well">
+ <i class="fa fa-circle fa-lg"></i> Circle Large
+ </div>
+ </div>
+ <div class="span4">
+ <i class="fa fa-circle fa-lg"></i> Circle Large
+ </div>
+</div>
+
+
+<h3>Links with Icons <small>icon should activate link & NOT underline</small></h3>
+<div class="row-fluid lead">
+ <div class="span2">
+ <a href="#"><i class="fa fa-building-o padding-right"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#"><i class="fa fa-building-o fa-lg padding-right"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#"><i class="fa fa-caret-down padding-right"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="fa fa-angle-double-right padding-left"></i></a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="fa fa-angle-double-right fa-lg padding-left"></i></a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="fa fa-caret-down padding-left"></i></a>
+ </div>
+</div>
+<div class="row-fluid">
+ <div class="span2">
+ <a href="#"><i class="fa fa-building-o padding-right-sm"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#"><i class="fa fa-building-o fa-lg padding-right-sm"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#"><i class="fa fa-caret-down padding-right-sm"></i> Link Here</a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="fa fa-angle-double-right padding-left-sm"></i></a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="fa fa-angle-double-right fa-lg padding-left-sm"></i></a>
+ </div>
+ <div class="span2">
+ <a href="#">Link Here <i class="fa fa-caret-down padding-left-sm"></i></a>
+ </div>
+</div>
+
+
+<h3>Navbar <small>should stay same height </small></h3>
+<div class="navbar navbar-inverse navbar-static-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="brand" href="#"><i class="fa fa-flag"></i> Font Awesome</a>
+ <ul class="nav">
+ <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown" style="border: solid 1px white;">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa fa-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-building-o fa fa-lg"></i> Nav Item 3</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-envelope-o"></i> Nav Item 4</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle fa fa-lg"></i> Nav Item 5</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 6</a></li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+
+<h3>Plain buttons next to buttons w/icons <small>should be same height, icons not clipped</small></h3>
+<h4>Buttons</h4>
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-default btn-mini">Button</button>
+ <button class="btn btn-default btn-mini"><i class="fa fa-building-o"></i> Button</button>
+ <button class="btn btn-default btn-mini"><i class="fa fa-building-o"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-small">Button</button>
+ <button class="btn btn-default btn-small"><i class="fa fa-building-o"></i> Button</button>
+ <button class="btn btn-default btn-small"><i class="fa fa-building-o"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="fa fa-building-o"></i> Button</button>
+ <button class="btn btn-default"><i class="fa fa-building-o"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-large">Button</button>
+ <button class="btn btn-default btn-large"><i class="fa fa-building-o"></i> Button</button>
+ <button class="btn btn-default btn-large"><i class="fa fa-building-o"></i></button>
+ </div>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-default btn-mini">Button</button>
+ <button class="btn btn-default btn-mini"><i class="fa fa-building-o fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-mini"><i class="fa fa-building-o fa-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-small">Button</button>
+ <button class="btn btn-default btn-small"><i class="fa fa-building-o fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-small"><i class="fa fa-building-o fa-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="fa fa-building-o fa-lg"></i> Button</button>
+ <button class="btn btn-default"><i class="fa fa-building-o fa-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-large">Button</button>
+ <button class="btn btn-default btn-large"><i class="fa fa-building-o fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-large"><i class="fa fa-building-o fa-lg"></i></button>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-default btn-mini">Button</button>
+ <button class="btn btn-default btn-mini"><i class="fa fa-circle"></i> Button</button>
+ <button class="btn btn-default btn-mini"><i class="fa fa-circle"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-small">Button</button>
+ <button class="btn btn-default btn-small"><i class="fa fa-circle"></i> Button</button>
+ <button class="btn btn-default btn-small"><i class="fa fa-circle"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="fa fa-circle"></i> Button</button>
+ <button class="btn btn-default"><i class="fa fa-circle"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-large">Button</button>
+ <button class="btn btn-default btn-large"><i class="fa fa-circle"></i> Button</button>
+ <button class="btn btn-default btn-large"><i class="fa fa-circle"></i></button>
+ </div>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <button class="btn btn-default btn-mini">Button</button>
+ <button class="btn btn-default btn-mini"><i class="fa fa-circle fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-mini"><i class="fa fa-circle fa-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-small">Button</button>
+ <button class="btn btn-default btn-small"><i class="fa fa-circle fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-small"><i class="fa fa-circle fa-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="fa fa-circle fa-lg"></i> Button</button>
+ <button class="btn btn-default"><i class="fa fa-circle fa-lg"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-large">Button</button>
+ <button class="btn btn-default btn-large"><i class="fa fa-circle fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-large"><i class="fa fa-circle fa-lg"></i></button>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+<h4>Anchors</h4>
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-default btn-mini">Button</a>
+ <a class="btn btn-default btn-mini"><i class="fa fa-building-o"></i> Button</a>
+ <a class="btn btn-default btn-mini"><i class="fa fa-building-o"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-small">Button</a>
+ <a class="btn btn-default btn-small"><i class="fa fa-building-o"></i> Button</a>
+ <a class="btn btn-default btn-small"><i class="fa fa-building-o"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="fa fa-building-o"></i> Button</a>
+ <a class="btn btn-default"><i class="fa fa-building-o"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-large">Button</a>
+ <a class="btn btn-default btn-large"><i class="fa fa-building-o"></i> Button</a>
+ <a class="btn btn-default btn-large"><i class="fa fa-building-o"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-default btn-mini">Button</a>
+ <a class="btn btn-default btn-mini"><i class="fa fa-building-o fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-mini"><i class="fa fa-building-o fa-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-small">Button</a>
+ <a class="btn btn-default btn-small"><i class="fa fa-building-o fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-small"><i class="fa fa-building-o fa-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="fa fa-building-o fa-lg"></i> Button</a>
+ <a class="btn btn-default"><i class="fa fa-building-o fa-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-large">Button</a>
+ <a class="btn btn-default btn-large"><i class="fa fa-building-o fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-large"><i class="fa fa-building-o fa-lg"></i></a>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-default btn-mini">Button</a>
+ <a class="btn btn-default btn-mini"><i class="fa fa-circle"></i> Button</a>
+ <a class="btn btn-default btn-mini"><i class="fa fa-circle"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-small">Button</a>
+ <a class="btn btn-default btn-small"><i class="fa fa-circle"></i> Button</a>
+ <a class="btn btn-default btn-small"><i class="fa fa-circle"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="fa fa-circle"></i> Button</a>
+ <a class="btn btn-default"><i class="fa fa-circle"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-large">Button</a>
+ <a class="btn btn-default btn-large"><i class="fa fa-circle"></i> Button</a>
+ <a class="btn btn-default btn-large"><i class="fa fa-circle"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3; text-align: center;">
+ <div>
+ <a class="btn btn-default btn-mini">Button</a>
+ <a class="btn btn-default btn-mini"><i class="fa fa-circle fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-mini"><i class="fa fa-circle fa-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-small">Button</a>
+ <a class="btn btn-default btn-small"><i class="fa fa-circle fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-small"><i class="fa fa-circle fa-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="fa fa-circle fa-lg"></i> Button</a>
+ <a class="btn btn-default"><i class="fa fa-circle fa-lg"></i></a>
+ </div>
+ <div>
+ <a class="btn btn-default btn-large">Button</a>
+ <a class="btn btn-default btn-large"><i class="fa fa-circle fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-large"><i class="fa fa-circle fa-lg"></i></a>
+ </div>
+ </div>
+ </div>
+</div>
+
+<h3>Button groups <small>should be same height</small></h3>
+<div class="row-fluid">
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default btn-large">
+ <i class="fa fa-adjust"></i>
+ </button>
+ <button class="btn btn-default btn-large">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default">
+ <i class="fa fa-adjust"></i>
+ </button>
+ <button class="btn btn-default">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default btn-small">
+ <i class="fa fa-adjust"></i>
+ </button>
+ <button class="btn btn-default btn-small">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+</div>
+
+<h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3>
+<div class="row-fluid">
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn btn-default btn-large" href="#">
+ <i class="fa fa-github fa-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn btn-default btn-large" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-github fa-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn btn-default" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+ <div class="span4">
+ <div style="border: solid 1px #d3d3d3;">
+ <a class="btn btn-default btn-small" href="#">
+ <i class="fa fa-github fa-2x pull-left"></i>
+ Longer<br>Button</a>
+ <a class="btn btn-default btn-small" href="#">
+ Longer<br>Button</a>
+ </div>
+ </div>
+</div>
+
+
+<h3>Nav pills & nav tabs <small>should be same height and properly vertically aligned</small></h3>
+<div class="row-fluid">
+ <div class="span9">
+ <ul class="nav nav-pills" style="border: solid 1px #d3d3d3;">
+ <li class="active"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 3
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="active"><a href="#examples"><i class="fa fa-building-o fa-lg"></i> Nav Item 4</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 6</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li>
+ </ul>
+ <ul class="nav nav-tabs">
+ <li class="active"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="dropdown active">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 3
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li class="active"><a href="#examples"><i class="fa fa-building-o fa-lg"></i> Nav Item 4</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 6</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li>
+ </ul>
+ </div>
+ <div class="span3">
+ <ul class="nav nav-list">
+ <li>
+ <a href="#c1">
+ <i class="fa fa-chevron-right fa fa-fw pull-right"></i> Overview
+ </a>
+ </li>
+ <li>
+ <a href="#c1">
+ Overview
+ <i class="fa fa-chevron-right fa fa-fw pull-right"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+<h3>Hide class directly on icons</h3>
+<div class="row-fluid">
+ <div class="span6">
+ <div class="well">
+ <i class="hide fa fa-circle"></i> Icon should be hidden
+ </div>
+ </div>
+ <div class="span6">
+ <i class="hide fa fa-circle"></i> Icon should be hidden
+ </div>
+</div>
+
+
+<h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3>
+<div class="row-fluid">
+ <div class="span6">
+ <p class="lead">
+ <i class="fa fa-stethoscope fa-3x pull-left fa-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </p>
+ </div>
+ <div class="span6">
+ <p class="lead">
+ <i class="fa fa-ambulance fa-4x pull-right fa-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </p>
+ </div>
+</div>
+<div class="row-fluid">
+ <div class="span4">
+ <i class="fa fa-building-o fa-2x pull-left fa-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+ <div class="span4">
+ <i class="fa fa-stethoscope fa-3x pull-right fa-border"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+ <div class="span4">
+ <i class="fa fa-ambulance fa-4x pull-left"></i>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+ </div>
+</div>
+
+
+<h3>Bullets <small>should wrap appropriately, have proper spacing</small></h3>
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-angle-double-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-building-o"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="fa fa-building-o"></i>
+ <span class="label label-default">foo</span>
+ <a class="btn btn-default btn-mini">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-angle-double-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-arrow-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-building-o fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="fa fa-building-o"></i>
+ <span class="label label-default">foo</span>
+ <a class="btn btn-default btn-mini">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+</div>
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="fa-ul lead">
+ <li><i class="fa-li fa fa-angle-double-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-building-o"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="fa-ul lead">
+ <li><i class="fa-li fa fa-angle-double-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-arrow-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-building-o fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+</div>
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="fa-ul">
+ <li><a href="#"><i class="fa-li fa fa-angle-double-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><a href="#"><i class="fa-li fa fa-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><a href="#"><i class="fa-li fa fa-building-o"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="fa-ul">
+ <li><a href="#"><i class="fa-li fa fa-angle-double-right fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><a href="#"><i class="fa-li fa fa-arrow-right fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><a href="#"><i class="fa-li fa fa-building-o fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+</div>
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-refresh fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="fa fa-building-o"></i>
+ <span class="label label-default">foo</span>
+ <a class="btn btn-default btn-mini">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-refresh fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-spinner fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-spinner fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="fa fa-building-o"></i>
+ <span class="label label-default">foo</span>
+ <a class="btn btn-default btn-mini">foo</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+
+<div class="row-fluid">
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+ <div class="span6">
+ <div style="border: solid 1px #d3d3d3;">
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+
+<h3>Spinning icons <small>icons should be aligned well and on center, buttons should be same height, won't work in ie7</small></h3>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="fa fa-refresh fa-spin"></i> Loading...
+ <button class="btn btn-default btn-small"><i class="fa fa-refresh fa-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-small">Loading...</button>
+ <i class="fa fa-circle-o fa-spin"></i> Loading...
+ <button class="btn btn-default btn-small"><i class="fa fa-circle-o fa-spin"></i> Loading...</button>
+ <a href="#"><i class="fa fa-refresh fa-spin"></i> Loading...</a>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="fa fa-refresh fa-spin"></i> Loading...
+ <button class="btn btn-default"><i class="fa fa-refresh fa-spin"></i> Loading...</button>
+ <button class="btn btn-default">Loading...</button>
+ <i class="fa fa-circle-o fa-spin"></i> Loading...
+ <button class="btn btn-default"><i class="fa fa-circle-o fa-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="fa fa-spinner fa-spin"></i> Loading...
+ <button class="btn btn-default btn-large"><i class="fa fa-spinner fa-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-large">Loading...</button>
+ <i class="fa fa-circle-o fa-spin"></i> Loading...
+ <button class="btn btn-default btn-large"><i class="fa fa-circle-o fa-spin"></i> Loading...</button>
+</div>
+<h4>fa-lg</h4>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="fa fa-refresh fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default btn-small"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-small">Loading...</button>
+ <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default btn-small"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="fa fa-refresh fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button>
+ <button class="btn btn-default">Loading...</button>
+ <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+ <i class="fa fa-spinner fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default btn-large"><i class="fa fa-spinner fa-lg fa-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-large">Loading...</button>
+ <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default btn-large"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button>
+</div>
+<h4>Bootstrap Prepend and Append</h4>
+<div class="row">
+ <div class="span6">
+ <div class="input-prepend">
+ <span class="add-on"><i class="fa fa-spinner fa fa-spin"></i></span>
+ <input class="span2" id="prependedInput" type="text" placeholder="Username">
+ </div>
+ </div>
+ <div class="span6">
+ <div class="input-append">
+ <input class="span2" id="appendedInput" type="text">
+ <span class="add-on"><i class="fa fa-spinner fa fa-spin"></i></span>
+ </div>
+ </div>
+</div>
+<h3>Stacked icons</h3>
+<div class="well">
+ {% include tests/stacked.html %}
+</div>
+<div class="well lead">
+ {% include tests/stacked.html %}
+</div>
+<h4>Stacked icons inside anchor</h4>
+<div class="well">
+ {% include tests/stacked-inside-anchor.html %}
+</div>
+
+
+<h3>Mirrored and rotated icons</h3>
+<div class="row-fluid">
+ <div class="span6">
+ <div class="well">
+ {% include tests/rotated-flipped.html %}
+ </div>
+ </div>
+ <div class="span6">
+ <div class="well lead">
+ {% include tests/rotated-flipped.html %}
+ </div>
+ </div>
+</div>
+<h4>Mirrored and rotated icons inside anchors and buttons</h4>
+<div class="row-fluid">
+ <div class="span6">
+ <div class="well">
+ {% include tests/rotated-flipped-inside-anchor.html %}
+ </div>
+ </div>
+ <div class="span6">
+ <div class="well">
+ {% include tests/rotated-flipped-inside-btn.html %}
+ </div>
+ </div>
+</div>
+
+</section>
+
+<div class="push"><!-- necessary for sticky footer --></div>
+</div>
+
+<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
+<script src="//netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
+
+</body>
+</html>
+
+
<h3>Icons <small>Icons should have proper alignment and not be clipped</small></h3>
<div class="row">
- <div class="span3">
+ <div class="col-md-3">
<div class="well">
- <i class="icon-building"></i> Building
+ <i class="fa fa-building-o"></i> Building
</div>
</div>
- <div class="span3">
+ <div class="col-md-3">
<div class="well">
- <i class="icon-building icon-large"></i> Building Large
+ <i class="fa fa-building-o fa-lg"></i> Building Large
</div>
</div>
- <div class="span3">
- <i class="icon-building"></i> Building
+ <div class="col-md-3">
+ <i class="fa fa-building-o"></i> Building
</div>
- <div class="span3">
- <i class="icon-building icon-large"></i> Building Large
+ <div class="col-md-3">
+ <i class="fa fa-building-o fa-lg"></i> Building Large
</div>
</div>
<div class="row" style="font-size: 24px; line-height: 1.5em;">
- <div class="span4">
+ <div class="col-md-4">
<div class="well">
- <i class="icon-building"></i> Building
+ <i class="fa fa-building-o"></i> Building
</div>
</div>
- <div class="span4">
+ <div class="col-md-4">
<div class="well">
- <i class="icon-building icon-large"></i> Building Large
+ <i class="fa fa-building-o fa-lg"></i> Building Large
</div>
</div>
- <div class="span4">
- <i class="icon-building icon-large"></i> Building Large
+ <div class="col-md-4">
+ <i class="fa fa-building-o fa-lg"></i> Building Large
</div>
</div>
<div class="row">
- <div class="span3">
+ <div class="col-md-3">
<div class="well">
- <i class="icon-circle"></i> Circle
+ <i class="fa fa-circle"></i> Circle
</div>
</div>
- <div class="span3">
+ <div class="col-md-3">
<div class="well">
- <i class="icon-circle icon-large"></i> Circle Large
+ <i class="fa fa-circle fa-lg"></i> Circle Large
</div>
</div>
- <div class="span3">
- <i class="icon-circle"></i> Circle
+ <div class="col-md-3">
+ <i class="fa fa-circle"></i> Circle
</div>
- <div class="span3">
- <i class="icon-circle icon-large"></i> Circle Large
+ <div class="col-md-3">
+ <i class="fa fa-circle fa-lg"></i> Circle Large
</div>
</div>
<div class="row" style="font-size: 24px; line-height: 1.5em;">
- <div class="span4">
+ <div class="col-md-4">
<div class="well">
- <i class="icon-circle"></i> Circle
+ <i class="fa fa-circle"></i> Circle
</div>
</div>
- <div class="span4">
+ <div class="col-md-4">
<div class="well">
- <i class="icon-circle icon-large"></i> Circle Large
+ <i class="fa fa-circle fa-lg"></i> Circle Large
</div>
</div>
- <div class="span4">
- <i class="icon-circle icon-large"></i> Circle Large
+ <div class="col-md-4">
+ <i class="fa fa-circle fa-lg"></i> Circle Large
</div>
</div>
- <h3>Links with Icons <small>icon should activate link & underline</small></h3>
+ <h3>Links with Icons <small>icon should activate link & NOT underline</small></h3>
<div class="row lead">
- <div class="span2">
- <a href="#"><i class="icon-building"></i> Link Here</a>
+ <div class="col-md-2">
+ <a href="#"><i class="fa fa-building-o padding-right"></i>Link Here</a>
</div>
- <div class="span2">
- <a href="#"><i class="icon-building icon-large"></i> Link Here</a>
+ <div class="col-md-2">
+ <a href="#"><i class="fa fa-building-o fa-lg padding-right"></i>Link Here</a>
</div>
- <div class="span2">
- <a href="#"><i class="icon-caret-down"></i> Link Here</a>
+ <div class="col-md-2">
+ <a href="#"><i class="fa fa-caret-down padding-right"></i>Link Here</a>
</div>
- <div class="span2">
- <a href="#">Link Here <i class="icon-double-angle-right"></i></a>
+ <div class="col-md-2">
+ <a href="#">Link Here<i class="fa fa-angle-double-right padding-left"></i></a>
</div>
- <div class="span2">
- <a href="#">Link Here <i class="icon-double-angle-right icon-large"></i></a>
+ <div class="col-md-2">
+ <a href="#">Link Here<i class="fa fa-angle-double-right fa-lg padding-left"></i></a>
</div>
- <div class="span2">
- <a href="#">Link Here <i class="icon-caret-down"></i></a>
+ <div class="col-md-2">
+ <a href="#">Link Here<i class="fa fa-caret-down padding-left"></i></a>
</div>
</div>
<div class="row">
- <div class="span2">
- <a href="#"><i class="icon-building"></i> Link Here</a>
+ <div class="col-md-2">
+ <a href="#"><i class="fa fa-building-o padding-right-sm"></i>Link Here</a>
</div>
- <div class="span2">
- <a href="#"><i class="icon-building icon-large"></i> Link Here</a>
+ <div class="col-md-2">
+ <a href="#"><i class="fa fa-building-o fa-lg padding-right-sm"></i>Link Here</a>
</div>
- <div class="span2">
- <a href="#"><i class="icon-caret-down"></i> Link Here</a>
+ <div class="col-md-2">
+ <a href="#"><i class="fa fa-caret-down padding-right-sm"></i>Link Here</a>
</div>
- <div class="span2">
- <a href="#">Link Here <i class="icon-double-angle-right"></i></a>
+ <div class="col-md-2">
+ <a href="#">Link Here<i class="fa fa-angle-double-right padding-left-sm"></i></a>
</div>
- <div class="span2">
- <a href="#">Link Here <i class="icon-double-angle-right icon-large"></i></a>
+ <div class="col-md-2">
+ <a href="#">Link Here<i class="fa fa-angle-double-right fa-lg padding-left-sm"></i></a>
</div>
- <div class="span2">
- <a href="#">Link Here <i class="icon-caret-down"></i></a>
+ <div class="col-md-2">
+ <a href="#">Link Here<i class="fa fa-caret-down padding-left-sm"></i></a>
</div>
</div>
<h3>Navbar <small>should stay same height </small></h3>
<div class="navbar navbar-inverse navbar-static-top">
- <div class="navbar-inner">
- <div class="container">
- <a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a>
- <ul class="nav">
- <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li>
- <li class="dropdown" style="border: solid 1px white;">
- <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
- Nav Item 2
- <i class="icon-caret-down"></i>
- </a>
- <ul class="dropdown-menu" role="menu">
- <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
- <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
- </ul>
- </li>
- <li style="border: solid 1px white;"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 3</a></li>
- <li style="border: solid 1px white;"><a href="#examples"><i class="icon-envelope"></i> Nav Item 4</a></li>
- <li style="border: solid 1px white;"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 5</a></li>
- <li style="border: solid 1px white;"><a href="#examples"><i class="icon-circle"></i> Nav Item 6</a></li>
- </ul>
- </div>
+ <div class="container">
+ <a class="navbar-brand" href="#"><i class="fa fa-flag"></i> Font Awesome</a>
+ <ul class="nav navbar-nav">
+ <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li>
+ <li class="dropdown" style="border: solid 1px white;">
+ <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+ Nav Item 2
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
+ </ul>
+ </li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-building-o fa-lg"></i> Nav Item 3</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-envelope"></i> Nav Item 4</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 5</a></li>
+ <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 6</a></li>
+ </ul>
</div>
</div>
<h3>Plain buttons next to buttons w/icons <small>should be same height, icons not clipped</small></h3>
<h4>Buttons</h4>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
- <button class="btn btn-mini">Button</button>
- <button class="btn btn-mini"><i class="icon-building"></i> Button</button>
- <button class="btn btn-mini"><i class="icon-building"></i></button>
+ <button class="btn btn-default btn-xs">Button</button>
+ <button class="btn btn-default btn-xs"><i class="fa fa-building-o"></i> Button</button>
+ <button class="btn btn-default btn-xs"><i class="fa fa-building-o"></i></button>
</div>
<div>
- <button class="btn btn-small">Button</button>
- <button class="btn btn-small"><i class="icon-building"></i> Button</button>
- <button class="btn btn-small"><i class="icon-building"></i></button>
+ <button class="btn btn-default btn-sm">Button</button>
+ <button class="btn btn-default btn-sm"><i class="fa fa-building-o"></i> Button</button>
+ <button class="btn btn-default btn-sm"><i class="fa fa-building-o"></i></button>
</div>
<div>
- <button class="btn">Button</button>
- <button class="btn"><i class="icon-building"></i> Button</button>
- <button class="btn"><i class="icon-building"></i></button>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="fa fa-building-o"></i> Button</button>
+ <button class="btn btn-default"><i class="fa fa-building-o"></i></button>
</div>
<div>
- <button class="btn btn-large">Button</button>
- <button class="btn btn-large"><i class="icon-building"></i> Button</button>
- <button class="btn btn-large"><i class="icon-building"></i></button>
+ <button class="btn btn-default btn-lg">Button</button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-building-o"></i> Button</button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-building-o"></i></button>
</div>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
- <button class="btn btn-mini">Button</button>
- <button class="btn btn-mini"><i class="icon-building icon-large"></i> Button</button>
- <button class="btn btn-mini"><i class="icon-building icon-large"></i></button>
+ <button class="btn btn-default btn-xs">Button</button>
+ <button class="btn btn-default btn-xs"><i class="fa fa-building-o fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-xs"><i class="fa fa-building-o fa-lg"></i></button>
</div>
<div>
- <button class="btn btn-small">Button</button>
- <button class="btn btn-small"><i class="icon-building icon-large"></i> Button</button>
- <button class="btn btn-small"><i class="icon-building icon-large"></i></button>
+ <button class="btn btn-default btn-sm">Button</button>
+ <button class="btn btn-default btn-sm"><i class="fa fa-building-o fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-sm"><i class="fa fa-building-o fa-lg"></i></button>
</div>
<div>
- <button class="btn">Button</button>
- <button class="btn"><i class="icon-building icon-large"></i> Button</button>
- <button class="btn"><i class="icon-building icon-large"></i></button>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="fa fa-building-o fa-lg"></i> Button</button>
+ <button class="btn btn-default"><i class="fa fa-building-o fa-lg"></i></button>
</div>
<div>
- <button class="btn btn-large">Button</button>
- <button class="btn btn-large"><i class="icon-building icon-large"></i> Button</button>
- <button class="btn btn-large"><i class="icon-building icon-large"></i></button>
+ <button class="btn btn-default btn-lg">Button</button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-building-o fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-building-o fa-lg"></i></button>
</div>
</div>
</div>
</div>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
- <button class="btn btn-mini">Button</button>
- <button class="btn btn-mini"><i class="icon-circle"></i> Button</button>
- <button class="btn btn-mini"><i class="icon-circle"></i></button>
+ <button class="btn btn-default btn-xs">Button</button>
+ <button class="btn btn-default btn-xs"><i class="fa fa-circle"></i> Button</button>
+ <button class="btn btn-default btn-xs"><i class="fa fa-circle"></i></button>
</div>
<div>
- <button class="btn btn-small">Button</button>
- <button class="btn btn-small"><i class="icon-circle"></i> Button</button>
- <button class="btn btn-small"><i class="icon-circle"></i></button>
+ <button class="btn btn-default btn-sm">Button</button>
+ <button class="btn btn-default btn-sm"><i class="fa fa-circle"></i> Button</button>
+ <button class="btn btn-default btn-sm"><i class="fa fa-circle"></i></button>
</div>
<div>
- <button class="btn">Button</button>
- <button class="btn"><i class="icon-circle"></i> Button</button>
- <button class="btn"><i class="icon-circle"></i></button>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="fa fa-circle"></i> Button</button>
+ <button class="btn btn-default"><i class="fa fa-circle"></i></button>
</div>
<div>
- <button class="btn btn-large">Button</button>
- <button class="btn btn-large"><i class="icon-circle"></i> Button</button>
- <button class="btn btn-large"><i class="icon-circle"></i></button>
+ <button class="btn btn-default btn-lg">Button</button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-circle"></i> Button</button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-circle"></i></button>
</div>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
- <button class="btn btn-mini">Button</button>
- <button class="btn btn-mini"><i class="icon-circle icon-large"></i> Button</button>
- <button class="btn btn-mini"><i class="icon-circle icon-large"></i></button>
+ <button class="btn btn-default btn-xs">Button</button>
+ <button class="btn btn-default btn-xs"><i class="fa fa-circle fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-xs"><i class="fa fa-circle fa-lg"></i></button>
</div>
<div>
- <button class="btn btn-small">Button</button>
- <button class="btn btn-small"><i class="icon-circle icon-large"></i> Button</button>
- <button class="btn btn-small"><i class="icon-circle icon-large"></i></button>
+ <button class="btn btn-default btn-sm">Button</button>
+ <button class="btn btn-default btn-sm"><i class="fa fa-circle fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-sm"><i class="fa fa-circle fa-lg"></i></button>
</div>
<div>
- <button class="btn">Button</button>
- <button class="btn"><i class="icon-circle icon-large"></i> Button</button>
- <button class="btn"><i class="icon-circle icon-large"></i></button>
+ <button class="btn btn-default">Button</button>
+ <button class="btn btn-default"><i class="fa fa-circle fa-lg"></i> Button</button>
+ <button class="btn btn-default"><i class="fa fa-circle fa-lg"></i></button>
</div>
<div>
- <button class="btn btn-large">Button</button>
- <button class="btn btn-large"><i class="icon-circle icon-large"></i> Button</button>
- <button class="btn btn-large"><i class="icon-circle icon-large"></i></button>
+ <button class="btn btn-default btn-lg">Button</button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-circle fa-lg"></i> Button</button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-circle fa-lg"></i></button>
</div>
</div>
</div>
<h4>Anchors</h4>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
- <a class="btn btn-mini">Button</a>
- <a class="btn btn-mini"><i class="icon-building"></i> Button</a>
- <a class="btn btn-mini"><i class="icon-building"></i></a>
+ <a class="btn btn-default btn-xs">Button</a>
+ <a class="btn btn-default btn-xs"><i class="fa fa-building-o"></i> Button</a>
+ <a class="btn btn-default btn-xs"><i class="fa fa-building-o"></i></a>
</div>
<div>
- <a class="btn btn-small">Button</a>
- <a class="btn btn-small"><i class="icon-building"></i> Button</a>
- <a class="btn btn-small"><i class="icon-building"></i></a>
+ <a class="btn btn-default btn-sm">Button</a>
+ <a class="btn btn-default btn-sm"><i class="fa fa-building-o"></i> Button</a>
+ <a class="btn btn-default btn-sm"><i class="fa fa-building-o"></i></a>
</div>
<div>
- <a class="btn">Button</a>
- <a class="btn"><i class="icon-building"></i> Button</a>
- <a class="btn"><i class="icon-building"></i></a>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="fa fa-building-o"></i> Button</a>
+ <a class="btn btn-default"><i class="fa fa-building-o"></i></a>
</div>
<div>
- <a class="btn btn-large">Button</a>
- <a class="btn btn-large"><i class="icon-building"></i> Button</a>
- <a class="btn btn-large"><i class="icon-building"></i></a>
+ <a class="btn btn-default btn-lg">Button</a>
+ <a class="btn btn-default btn-lg"><i class="fa fa-building-o"></i> Button</a>
+ <a class="btn btn-default btn-lg"><i class="fa fa-building-o"></i></a>
</div>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
- <a class="btn btn-mini">Button</a>
- <a class="btn btn-mini"><i class="icon-building icon-large"></i> Button</a>
- <a class="btn btn-mini"><i class="icon-building icon-large"></i></a>
+ <a class="btn btn-default btn-xs">Button</a>
+ <a class="btn btn-default btn-xs"><i class="fa fa-building-o fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-xs"><i class="fa fa-building-o fa-lg"></i></a>
</div>
<div>
- <a class="btn btn-small">Button</a>
- <a class="btn btn-small"><i class="icon-building icon-large"></i> Button</a>
- <a class="btn btn-small"><i class="icon-building icon-large"></i></a>
+ <a class="btn btn-default btn-sm">Button</a>
+ <a class="btn btn-default btn-sm"><i class="fa fa-building-o fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-sm"><i class="fa fa-building-o fa-lg"></i></a>
</div>
<div>
- <a class="btn">Button</a>
- <a class="btn"><i class="icon-building icon-large"></i> Button</a>
- <a class="btn"><i class="icon-building icon-large"></i></a>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="fa fa-building-o fa-lg"></i> Button</a>
+ <a class="btn btn-default"><i class="fa fa-building-o fa-lg"></i></a>
</div>
<div>
- <a class="btn btn-large">Button</a>
- <a class="btn btn-large"><i class="icon-building icon-large"></i> Button</a>
- <a class="btn btn-large"><i class="icon-building icon-large"></i></a>
+ <a class="btn btn-default btn-lg">Button</a>
+ <a class="btn btn-default btn-lg"><i class="fa fa-building-o fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-lg"><i class="fa fa-building-o fa-lg"></i></a>
</div>
</div>
</div>
</div>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
- <a class="btn btn-mini">Button</a>
- <a class="btn btn-mini"><i class="icon-circle"></i> Button</a>
- <a class="btn btn-mini"><i class="icon-circle"></i></a>
+ <a class="btn btn-default btn-xs">Button</a>
+ <a class="btn btn-default btn-xs"><i class="fa fa-circle"></i> Button</a>
+ <a class="btn btn-default btn-xs"><i class="fa fa-circle"></i></a>
</div>
<div>
- <a class="btn btn-small">Button</a>
- <a class="btn btn-small"><i class="icon-circle"></i> Button</a>
- <a class="btn btn-small"><i class="icon-circle"></i></a>
+ <a class="btn btn-default btn-sm">Button</a>
+ <a class="btn btn-default btn-sm"><i class="fa fa-circle"></i> Button</a>
+ <a class="btn btn-default btn-sm"><i class="fa fa-circle"></i></a>
</div>
<div>
- <a class="btn">Button</a>
- <a class="btn"><i class="icon-circle"></i> Button</a>
- <a class="btn"><i class="icon-circle"></i></a>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="fa fa-circle"></i> Button</a>
+ <a class="btn btn-default"><i class="fa fa-circle"></i></a>
</div>
<div>
- <a class="btn btn-large">Button</a>
- <a class="btn btn-large"><i class="icon-circle"></i> Button</a>
- <a class="btn btn-large"><i class="icon-circle"></i></a>
+ <a class="btn btn-default btn-lg">Button</a>
+ <a class="btn btn-default btn-lg"><i class="fa fa-circle"></i> Button</a>
+ <a class="btn btn-default btn-lg"><i class="fa fa-circle"></i></a>
</div>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
- <a class="btn btn-mini">Button</a>
- <a class="btn btn-mini"><i class="icon-circle icon-large"></i> Button</a>
- <a class="btn btn-mini"><i class="icon-circle icon-large"></i></a>
+ <a class="btn btn-default btn-xs">Button</a>
+ <a class="btn btn-default btn-xs"><i class="fa fa-circle fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-xs"><i class="fa fa-circle fa-lg"></i></a>
</div>
<div>
- <a class="btn btn-small">Button</a>
- <a class="btn btn-small"><i class="icon-circle icon-large"></i> Button</a>
- <a class="btn btn-small"><i class="icon-circle icon-large"></i></a>
+ <a class="btn btn-default btn-sm">Button</a>
+ <a class="btn btn-default btn-sm"><i class="fa fa-circle fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-sm"><i class="fa fa-circle fa-lg"></i></a>
</div>
<div>
- <a class="btn">Button</a>
- <a class="btn"><i class="icon-circle icon-large"></i> Button</a>
- <a class="btn"><i class="icon-circle icon-large"></i></a>
+ <a class="btn btn-default">Button</a>
+ <a class="btn btn-default"><i class="fa fa-circle fa-lg"></i> Button</a>
+ <a class="btn btn-default"><i class="fa fa-circle fa-lg"></i></a>
</div>
<div>
- <a class="btn btn-large">Button</a>
- <a class="btn btn-large"><i class="icon-circle icon-large"></i> Button</a>
- <a class="btn btn-large"><i class="icon-circle icon-large"></i></a>
+ <a class="btn btn-default btn-lg">Button</a>
+ <a class="btn btn-default btn-lg"><i class="fa fa-circle fa-lg"></i> Button</a>
+ <a class="btn btn-default btn-lg"><i class="fa fa-circle fa-lg"></i></a>
</div>
</div>
</div>
</div>
+ <h3>Button groups <small>should be same height</small></h3>
+ <div class="row">
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default btn-lg">
+ <i class="fa fa-adjust"></i>
+ </button>
+ <button class="btn btn-default btn-lg">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default">
+ <i class="fa fa-adjust"></i>
+ </button>
+ <button class="btn btn-default">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div style="border: solid 1px #d3d3d3;">
+ <div class="btn-group">
+ <button class="btn btn-default btn-sm">
+ <i class="fa fa-adjust"></i>
+ </button>
+ <button class="btn btn-default btn-sm">
+ Text
+ </button>
+ </div>
+ </div>
+ </div>
+ </div>
<h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3>
<div class="row">
- <div class="span4">
+ <div class="col-md-4">
<div style="border: solid 1px #d3d3d3;">
- <a class="btn btn-large" href="#">
- <i class="icon-github icon-2x pull-left"></i>
+ <a class="btn btn-default btn-lg" href="#">
+ <i class="fa fa-github fa-2x pull-left"></i>
Longer<br>Button</a>
- <a class="btn btn-large" href="#">
+ <a class="btn btn-default btn-lg" href="#">
Longer<br>Button</a>
</div>
</div>
- <div class="span4">
+ <div class="col-md-4">
<div style="border: solid 1px #d3d3d3;">
- <a class="btn" href="#">
- <i class="icon-github icon-2x pull-left"></i>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-github fa-2x pull-left"></i>
Longer<br>Button</a>
- <a class="btn" href="#">
+ <a class="btn btn-default" href="#">
Longer<br>Button</a>
</div>
</div>
- <div class="span4">
+ <div class="col-md-4">
<div style="border: solid 1px #d3d3d3;">
- <a class="btn btn-small" href="#">
- <i class="icon-github icon-2x pull-left"></i>
+ <a class="btn btn-default btn-sm" href="#">
+ <i class="fa fa-github fa-2x pull-left"></i>
Longer<br>Button</a>
- <a class="btn btn-small" href="#">
+ <a class="btn btn-default btn-sm" href="#">
Longer<br>Button</a>
</div>
</div>
<h3>Nav pills & nav tabs <small>should be same height and properly vertically aligned</small></h3>
<div class="row">
- <div class="span9">
+ <div class="col-md-9">
<ul class="nav nav-pills" style="border: solid 1px #d3d3d3;">
<li class="active"><a href="#">Nav Item 1</a></li>
<li class="dropdown active">
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
Nav Item 2
- <span class="caret"></span>
+ <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu" role="menu">
- <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
- <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
Nav Item 3
- <i class="icon-caret-down"></i>
+ <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu" role="menu">
- <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
- <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
</ul>
</li>
- <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
- <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
- <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
- <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-building-o fa-lg"></i> Nav Item 4</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 6</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li>
</ul>
<ul class="nav nav-tabs">
<li class="active"><a href="#">Nav Item 1</a></li>
<li class="dropdown active">
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
Nav Item 2
- <span class="caret"></span>
+ <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu" role="menu">
- <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
- <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
Nav Item 3
- <i class="icon-caret-down"></i>
+ <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu" role="menu">
- <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
- <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+ <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li>
+ <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li>
</ul>
</li>
- <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
- <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
- <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
- <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-building-o fa-lg"></i> Nav Item 4</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 6</a></li>
+ <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li>
</ul>
</div>
- <div class="span3">
- <ul class="nav nav-list">
- <li>
- <a href="#c1">
- <i class="icon-chevron-right icon-fixed-width pull-right"></i> Overview
- </a>
- </li>
- <li>
- <a href="#c1">
- Overview
- <i class="icon-chevron-right icon-fixed-width pull-right"></i>
- </a>
- </li>
- </ul>
+ <div class="col-md-3">
+ <div class="list-group">
+ <a href="#" class="list-group-item active">
+ Overview<i class="fa fa-chevron-right fa-fw pull-right"></i>
+ </a>
+ <a href="#" class="list-group-item">
+ Overview<i class="fa fa-chevron-right fa-fw pull-right"></i>
+ </a>
+ </div>
</div>
</div>
+ <h3>Hide class directly on icons</h3>
+ <div class="row">
+ <div class="col-md-6">
+ <div class="well">
+ <i class="hide fa fa-circle"></i> Icon should be hidden
+ </div>
+ </div>
+ <div class="col-md-6">
+ <i class="hide fa fa-circle"></i> Icon should be hidden
+ </div>
+ </div>
<h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<p class="lead">
- <i class="icon-stethoscope icon-3x pull-left icon-border"></i>
+ <i class="fa fa-stethoscope fa-3x pull-left fa-border"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</p>
</div>
- <div class="span6">
+ <div class="col-md-6">
<p class="lead">
- <i class="icon-ambulance icon-4x pull-right icon-border"></i>
+ <i class="fa fa-ambulance fa-4x pull-right fa-border"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</p>
</div>
</div>
<div class="row">
- <div class="span4">
- <i class="icon-building icon-2x pull-left icon-border"></i>
+ <div class="col-md-4">
+ <i class="fa fa-building-o fa-2x pull-left fa-border"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</div>
- <div class="span4">
- <i class="icon-stethoscope icon-3x pull-right icon-border"></i>
+ <div class="col-md-4">
+ <i class="fa fa-stethoscope fa-3x pull-right fa-border"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</div>
- <div class="span4">
- <i class="icon-ambulance icon-4x pull-left"></i>
+ <div class="col-md-4">
+ <i class="fa fa-ambulance fa-4x pull-left"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</div>
</div>
<h3>Bullets <small>should wrap appropriately, have proper spacing</small></h3>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
- <ul class="icons-ul">
- <li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
- <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
- <li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- <i class="icon-building"></i>
- <span class="label">foo</span>
- <a class="btn">foo</a>
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-angle-double-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-building-o"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="fa fa-building-o"></i>
+ <span class="label label-default">foo</span>
+ <a class="btn btn-default btn-xs">foo</a>
</li>
</ul>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
- <ul class="icons-ul">
- <li><i class="icon-li icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
- <li><i class="icon-li icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
- <li><i class="icon-li icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-angle-double-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-arrow-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-building-o fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="fa fa-building-o"></i>
+ <span class="label label-default">foo</span>
+ <a class="btn btn-default btn-xs">foo</a>
+ </li>
</ul>
</div>
</div>
</div>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
- <ul class="icons-ul lead">
- <li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
- <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
- <li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <ul class="fa-ul lead">
+ <li><i class="fa-li fa fa-angle-double-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-building-o"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
- <ul class="icons-ul lead">
- <li><i class="icon-li icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
- <li><i class="icon-li icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
- <li><i class="icon-li icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <ul class="fa-ul lead">
+ <li><i class="fa-li fa fa-angle-double-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-arrow-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-building-o fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
</div>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
- <ul class="icons-ul">
- <li><a href="#"><i class="icon-li icon-double-angle-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
- <li><a href="#"><i class="icon-li icon-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
- <li><a href="#"><i class="icon-li icon-building"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <ul class="fa-ul">
+ <li><a href="#"><i class="fa-li fa fa-angle-double-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><a href="#"><i class="fa-li fa fa-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><a href="#"><i class="fa-li fa fa-building-o"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
- <ul class="icons-ul">
- <li><a href="#"><i class="icon-li icon-double-angle-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
- <li><a href="#"><i class="icon-li icon-arrow-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
- <li><a href="#"><i class="icon-li icon-building icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <ul class="fa-ul">
+ <li><a href="#"><i class="fa-li fa fa-angle-double-right fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><a href="#"><i class="fa-li fa fa-arrow-right fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><a href="#"><i class="fa-li fa fa-building-o fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
</div>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
- <ul class="icons-ul">
- <li><i class="icon-li icon-refresh icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
- <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
- <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- <i class="icon-building"></i>
- <span class="label">foo</span>
- <a class="btn">foo</a>
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-refresh fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="fa fa-building-o"></i>
+ <span class="label label-default">foo</span>
+ <a class="btn btn-default btn-xs">foo</a>
</li>
</ul>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
- <ul class="icons-ul">
- <li><i class="icon-li icon-refresh icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
- <li><i class="icon-li icon-spinner icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
- <li><i class="icon-li icon-spinner icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- <i class="icon-building"></i>
- <span class="label">foo</span>
- <a class="btn">foo</a>
+ <ul class="fa-ul">
+ <li><i class="fa-li fa fa-refresh fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+ <li><i class="fa-li fa fa-spinner fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+ <li><i class="fa-li fa fa-spinner fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ <i class="fa fa-building-o"></i>
+ <span class="label label-default">foo</span>
+ <a class="btn btn-default btn-xs">foo</a>
</li>
</ul>
</div>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div style="border: solid 1px #d3d3d3;">
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<h3>Spinning icons <small>icons should be aligned well and on center, buttons should be same height, won't work in ie7</small></h3>
<div style="border: solid 1px #d3d3d3;">
- <i class="icon-refresh icon-spin"></i> Loading...
- <button class="btn btn-small"><i class="icon-refresh icon-spin"></i> Loading...</button>
- <button class="btn btn-small">Loading...</button>
- <i class="icon-circle-blank icon-spin"></i> Loading...
- <button class="btn btn-small"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
- <a href="#"><i class="icon-refresh icon-spin"></i> Loading...</a>
+ <i class="fa fa-refresh fa-spin"></i> Loading...
+ <button class="btn btn-default btn-sm"><i class="fa fa-refresh fa-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-sm">Loading...</button>
+ <i class="fa fa-circle-o fa-spin"></i> Loading...
+ <button class="btn btn-default btn-sm"><i class="fa fa-circle-o fa-spin"></i> Loading...</button>
+ <a href="#"><i class="fa fa-refresh fa-spin"></i> Loading...</a>
</div>
<div style="border: solid 1px #d3d3d3;">
- <i class="icon-refresh icon-spin"></i> Loading...
- <button class="btn"><i class="icon-refresh icon-spin"></i> Loading...</button>
- <button class="btn">Loading...</button>
- <i class="icon-circle-blank icon-spin"></i> Loading...
- <button class="btn"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
+ <i class="fa fa-refresh fa-spin"></i> Loading...
+ <button class="btn btn-default"><i class="fa fa-refresh fa-spin"></i> Loading...</button>
+ <button class="btn btn-default">Loading...</button>
+ <i class="fa fa-circle-o fa-spin"></i> Loading...
+ <button class="btn btn-default"><i class="fa fa-circle-o fa-spin"></i> Loading...</button>
</div>
<div style="border: solid 1px #d3d3d3;">
- <i class="icon-spinner icon-spin"></i> Loading...
- <button class="btn btn-large"><i class="icon-spinner icon-spin"></i> Loading...</button>
- <button class="btn btn-large">Loading...</button>
- <i class="icon-circle-blank icon-spin"></i> Loading...
- <button class="btn btn-large"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
+ <i class="fa fa-spinner fa-spin"></i> Loading...
+ <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-lg">Loading...</button>
+ <i class="fa fa-circle-o fa-spin"></i> Loading...
+ <button class="btn btn-default btn-lg"><i class="fa fa-circle-o fa-spin"></i> Loading...</button>
</div>
- <h4>icon-large</h4>
+ <h4>fa-lg</h4>
<div style="border: solid 1px #d3d3d3;">
- <i class="icon-refresh icon-large icon-spin"></i> Loading...
- <button class="btn btn-small"><i class="icon-refresh icon-large icon-spin"></i> Loading...</button>
- <button class="btn btn-small">Loading...</button>
- <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
- <button class="btn btn-small"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+ <i class="fa fa-refresh fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default btn-sm"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-sm">Loading...</button>
+ <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default btn-sm"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button>
</div>
<div style="border: solid 1px #d3d3d3;">
- <i class="icon-refresh icon-large icon-spin"></i> Loading...
- <button class="btn"><i class="icon-refresh icon-large icon-spin"></i> Loading...</button>
- <button class="btn">Loading...</button>
- <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
- <button class="btn"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+ <i class="fa fa-refresh fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button>
+ <button class="btn btn-default">Loading...</button>
+ <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button>
</div>
<div style="border: solid 1px #d3d3d3;">
- <i class="icon-spinner icon-large icon-spin"></i> Loading...
- <button class="btn btn-large"><i class="icon-spinner icon-large icon-spin"></i> Loading...</button>
- <button class="btn btn-large">Loading...</button>
- <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
- <button class="btn btn-large"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+ <i class="fa fa-spinner fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-lg fa-spin"></i> Loading...</button>
+ <button class="btn btn-default btn-lg">Loading...</button>
+ <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...
+ <button class="btn btn-default btn-lg"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button>
</div>
<h4>Bootstrap Prepend and Append</h4>
<div class="row">
- <div class="span6">
- <div class="input-prepend">
- <span class="add-on"><i class="icon-spinner icon-spin"></i></span>
- <input class="span2" id="prependedInput" type="text" placeholder="Username">
+ <div class="col-md-4">
+ <div class="input-group">
+ <span class="input-group-addon"><i class="fa fa-spinner fa-spin"></i></span>
+ <input type="text" class="form-control" placeholder="Username">
</div>
</div>
- <div class="span6">
- <div class="input-append">
- <input class="span2" id="appendedInput" type="text">
- <span class="add-on"><i class="icon-spinner icon-spin"></i></span>
+ <div class="col-md-4">
+ <div class="input-group">
+ <input type="text" class="form-control">
+ <span class="input-group-addon"><i class="fa fa-spinner fa-spin"></i></span>
</div>
</div>
</div>
<h3>Mirrored and rotated icons</h3>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div class="well">
{% include tests/rotated-flipped.html %}
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div class="well lead">
{% include tests/rotated-flipped.html %}
</div>
</div>
<h4>Mirrored and rotated icons inside anchors and buttons</h4>
<div class="row">
- <div class="span6">
+ <div class="col-md-6">
<div class="well">
{% include tests/rotated-flipped-inside-anchor.html %}
</div>
</div>
- <div class="span6">
+ <div class="col-md-6">
<div class="well">
{% include tests/rotated-flipped-inside-btn.html %}
</div>
navbar_active: whats-new
relative_path: ../
---
-{% capture jumbotron_h1 %}<i class="icon-lightbulb icon-large"></i> What's New{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-lightbulb-o"></i> What's New{% endcapture %}
{% capture jumbotron_p %}What's New in the latest version — Font Awesome {{ site.fontawesome.minor_version }}{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
- {% include whats-new.html %}
- {% include examples/new.html %}
+ {% include new-features.html %}
+ {% include new-naming.html %}
+ {% include new-upgrading.html %}
{% include icons/new.html %}
</div>
<div class="row">
<div class="col-lg-4 col-sm-6">
- <h3><i class="icon-file-alt"></i> Easy to Install</h3>
+ <h3><i class="fa fa-file-o"></i> Easy to Install</h3>
<p>Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.</p>
</div>
<div class="col-lg-4 col-sm-6">
- <h3><i class="icon-github"></i> Open Source</h3>
+ <h3><i class="fa fa-github"></i> Open Source</h3>
<p>Bootstrap themes are licensed under Apache 2.0 and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p>
</div>
<div class="col-lg-4 col-sm-6">
- <h3><i class="icon-wrench"></i> Tuned for 3.0.2</h3>
+ <h3><i class="fa fa-wrench"></i> Tuned for 3.0.2</h3>
<p>Themes are built for the latest version of Bootstrap. <a href="http://bootswatch.com/2/">Version 2.3.2</a> and <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">others</a> are also available to download.</p>
</div>
<div class="col-lg-4 col-sm-6">
- <h3><i class="icon-cogs"></i> Modular</h3>
+ <h3><i class="fa fa-cogs"></i> Modular</h3>
<p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
</div>
<div class="col-lg-4 col-sm-6">
- <h3><i class="icon-cloud"></i> Get Plugged In</h3>
+ <h3><i class="fa fa-cloud"></i> Get Plugged In</h3>
<p>An <a href="./help/#api" onclick="pageTracker._link(this.href); return false;">API</a> is available for integrating with your platform. In use by <a href="http://320press.com/wpbs/" target="_blank">WPBS</a>, <a href="http://www.fusionleaf.com/" target="_blank">FusionLeaf</a>, <a href="http://yabdab.com/stacks/snaps/bootsnap/" target="_blank">BootSnap</a>, and others.</p>
</div>
<div class="col-lg-4 col-sm-6">
- <h3><i class="icon-bullhorn"></i> Stay Updated</h3>
+ <h3><i class="fa fa-bullhorn"></i> Stay Updated</h3>
<p>Be notified about updates by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email</a>, or <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Tumblr</a>.</p>
</div>
</div>
projects / bootswatch / commitdiff
